@loke/design-system/package.json

A design system with individually importable components

{
	"dependencies": {
		"@loke/ui": "1.0.0",
		"aria-hidden": "^1.2.4",
		"class-variance-authority": "^0.7.0",
		"clsx": "^2.1.1",
		"react-remove-scroll": "^2.7.1",
		"tailwind-merge": "^3.3.1"
	},
	"description": "A design system with individually importable components",
	"devDependencies": {
		"@hookform/resolvers": "^5.2.2",
		"@loke/builder": "0.0.1",
		"@storybook/addon-essentials": "^8.6.7",
		"@storybook/addon-interactions": "^8.6.7",
		"@storybook/addon-links": "^8.6.7",
		"@storybook/addon-onboarding": "^8.6.7",
		"@storybook/addon-webpack5-compiler-swc": "^3.0.0",
		"@storybook/react": "^8.6.7",
		"@storybook/react-webpack5": "^8.6.7",
		"@storybook/test": "^8.6.7",
		"@storybook/test-runner": "^0.22.0",
		"@tailwindcss/cli": "^4.1.7",
		"@tanstack/intent": "^0.0.27",
		"@testing-library/dom": "^10.4.0",
		"@testing-library/jest-dom": "^6.6.3",
		"@testing-library/react": "^16.3.2",
		"@testing-library/user-event": "^14.6.1",
		"@types/bun": "1.3.10",
		"@types/culori": "^2.1.1",
		"@types/fs-extra": "^11.0.4",
		"@types/node": "22.5.4",
		"@types/react": "^19.2.10",
		"@types/react-dom": "^19.2.3",
		"@types/resize-observer-browser": "^0.1.11",
		"cmdk": "^1.1.1",
		"culori": "^4.0.2",
		"esbuild": "^0.24.0",
		"fs-extra": "^11.3.0",
		"glob": "^11.0.0",
		"jsdom": "^26.1.0",
		"playwright": "^1.52.0",
		"react-hook-form": "^7.65.0",
		"storybook": "^8.6.7",
		"tailwindcss": "^4.1.16",
		"tailwindcss-animate": "^1.0.7",
		"tsconfig-paths-webpack-plugin": "^4.1.0",
		"tslib": "^2.4.0",
		"typescript": "^6.0.2",
		"vite": "^8.0.0",
		"vite-tsconfig-paths": "^6.0.2",
		"vitest": "^4.1.0",
		"vitest-axe": "^1.0.0-pre.5",
		"zod": "^4.2.1"
	},
	"exports": {
		"./accordion": {
			"import": {
				"default": "./dist/components/accordion/index.mjs",
				"types": "./dist/components/accordion/index.d.mts"
			},
			"require": {
				"default": "./dist/components/accordion/index.js",
				"types": "./dist/components/accordion/index.d.ts"
			}
		},
		"./alert": {
			"import": {
				"default": "./dist/components/alert/index.mjs",
				"types": "./dist/components/alert/index.d.mts"
			},
			"require": {
				"default": "./dist/components/alert/index.js",
				"types": "./dist/components/alert/index.d.ts"
			}
		},
		"./alert-dialog": {
			"import": {
				"default": "./dist/components/alert-dialog/index.mjs",
				"types": "./dist/components/alert-dialog/index.d.mts"
			},
			"require": {
				"default": "./dist/components/alert-dialog/index.js",
				"types": "./dist/components/alert-dialog/index.d.ts"
			}
		},
		"./avatar": {
			"import": {
				"default": "./dist/components/avatar/index.mjs",
				"types": "./dist/components/avatar/index.d.mts"
			},
			"require": {
				"default": "./dist/components/avatar/index.js",
				"types": "./dist/components/avatar/index.d.ts"
			}
		},
		"./badge": {
			"import": {
				"default": "./dist/components/badge/index.mjs",
				"types": "./dist/components/badge/index.d.mts"
			},
			"require": {
				"default": "./dist/components/badge/index.js",
				"types": "./dist/components/badge/index.d.ts"
			}
		},
		"./box": {
			"import": {
				"default": "./dist/layout/box/index.mjs",
				"types": "./dist/layout/box/index.d.mts"
			},
			"require": {
				"default": "./dist/layout/box/index.js",
				"types": "./dist/layout/box/index.d.ts"
			}
		},
		"./button": {
			"import": {
				"default": "./dist/components/button/index.mjs",
				"types": "./dist/components/button/index.d.mts"
			},
			"require": {
				"default": "./dist/components/button/index.js",
				"types": "./dist/components/button/index.d.ts"
			}
		},
		"./calendar": {
			"import": {
				"default": "./dist/components/calendar/index.mjs",
				"types": "./dist/components/calendar/index.d.mts"
			},
			"require": {
				"default": "./dist/components/calendar/index.js",
				"types": "./dist/components/calendar/index.d.ts"
			}
		},
		"./card": {
			"import": {
				"default": "./dist/components/card/index.mjs",
				"types": "./dist/components/card/index.d.mts"
			},
			"require": {
				"default": "./dist/components/card/index.js",
				"types": "./dist/components/card/index.d.ts"
			}
		},
		"./checkbox": {
			"import": {
				"default": "./dist/components/checkbox/index.mjs",
				"types": "./dist/components/checkbox/index.d.mts"
			},
			"require": {
				"default": "./dist/components/checkbox/index.js",
				"types": "./dist/components/checkbox/index.d.ts"
			}
		},
		"./cn": {
			"import": {
				"default": "./dist/lib/cn/index.mjs",
				"types": "./dist/lib/cn/index.d.mts"
			},
			"require": {
				"default": "./dist/lib/cn/index.js",
				"types": "./dist/lib/cn/index.d.ts"
			}
		},
		"./collapsible": {
			"import": {
				"default": "./dist/components/collapsible/index.mjs",
				"types": "./dist/components/collapsible/index.d.mts"
			},
			"require": {
				"default": "./dist/components/collapsible/index.js",
				"types": "./dist/components/collapsible/index.d.ts"
			}
		},
		"./columns": {
			"import": {
				"default": "./dist/layout/columns/index.mjs",
				"types": "./dist/layout/columns/index.d.mts"
			},
			"require": {
				"default": "./dist/layout/columns/index.js",
				"types": "./dist/layout/columns/index.d.ts"
			}
		},
		"./command": {
			"import": {
				"default": "./dist/components/command/index.mjs",
				"types": "./dist/components/command/index.d.mts"
			},
			"require": {
				"default": "./dist/components/command/index.js",
				"types": "./dist/components/command/index.d.ts"
			}
		},
		"./date-picker": {
			"import": {
				"default": "./dist/components/date-picker/index.mjs",
				"types": "./dist/components/date-picker/index.d.mts"
			},
			"require": {
				"default": "./dist/components/date-picker/index.js",
				"types": "./dist/components/date-picker/index.d.ts"
			}
		},
		"./dialog": {
			"import": {
				"default": "./dist/components/dialog/index.mjs",
				"types": "./dist/components/dialog/index.d.mts"
			},
			"require": {
				"default": "./dist/components/dialog/index.js",
				"types": "./dist/components/dialog/index.d.ts"
			}
		},
		"./dropdown-menu": {
			"import": {
				"default": "./dist/components/dropdown-menu/index.mjs",
				"types": "./dist/components/dropdown-menu/index.d.mts"
			},
			"require": {
				"default": "./dist/components/dropdown-menu/index.js",
				"types": "./dist/components/dropdown-menu/index.d.ts"
			}
		},
		"./form": {
			"import": {
				"default": "./dist/components/form/index.mjs",
				"types": "./dist/components/form/index.d.mts"
			},
			"require": {
				"default": "./dist/components/form/index.js",
				"types": "./dist/components/form/index.d.ts"
			}
		},
		"./heading": {
			"import": {
				"default": "./dist/components/heading/index.mjs",
				"types": "./dist/components/heading/index.d.mts"
			},
			"require": {
				"default": "./dist/components/heading/index.js",
				"types": "./dist/components/heading/index.d.ts"
			}
		},
		"./inline": {
			"import": {
				"default": "./dist/layout/inline/index.mjs",
				"types": "./dist/layout/inline/index.d.mts"
			},
			"require": {
				"default": "./dist/layout/inline/index.js",
				"types": "./dist/layout/inline/index.d.ts"
			}
		},
		"./input": {
			"import": {
				"default": "./dist/components/input/index.mjs",
				"types": "./dist/components/input/index.d.mts"
			},
			"require": {
				"default": "./dist/components/input/index.js",
				"types": "./dist/components/input/index.d.ts"
			}
		},
		"./label": {
			"import": {
				"default": "./dist/components/label/index.mjs",
				"types": "./dist/components/label/index.d.mts"
			},
			"require": {
				"default": "./dist/components/label/index.js",
				"types": "./dist/components/label/index.d.ts"
			}
		},
		"./max-width-wrapper": {
			"import": {
				"default": "./dist/layout/max-width-wrapper/index.mjs",
				"types": "./dist/layout/max-width-wrapper/index.d.mts"
			},
			"require": {
				"default": "./dist/layout/max-width-wrapper/index.js",
				"types": "./dist/layout/max-width-wrapper/index.d.ts"
			}
		},
		"./page-layout": {
			"import": {
				"default": "./dist/layout/page-layout/index.mjs",
				"types": "./dist/layout/page-layout/index.d.mts"
			},
			"require": {
				"default": "./dist/layout/page-layout/index.js",
				"types": "./dist/layout/page-layout/index.d.ts"
			}
		},
		"./pagination": {
			"import": {
				"default": "./dist/components/pagination/index.mjs",
				"types": "./dist/components/pagination/index.d.mts"
			},
			"require": {
				"default": "./dist/components/pagination/index.js",
				"types": "./dist/components/pagination/index.d.ts"
			}
		},
		"./popover": {
			"import": {
				"default": "./dist/components/popover/index.mjs",
				"types": "./dist/components/popover/index.d.mts"
			},
			"require": {
				"default": "./dist/components/popover/index.js",
				"types": "./dist/components/popover/index.d.ts"
			}
		},
		"./radio-group": {
			"import": {
				"default": "./dist/components/radio-group/index.mjs",
				"types": "./dist/components/radio-group/index.d.mts"
			},
			"require": {
				"default": "./dist/components/radio-group/index.js",
				"types": "./dist/components/radio-group/index.d.ts"
			}
		},
		"./responsive": {
			"import": {
				"default": "./dist/lib/responsive/index.mjs",
				"types": "./dist/lib/responsive/index.d.mts"
			},
			"require": {
				"default": "./dist/lib/responsive/index.js",
				"types": "./dist/lib/responsive/index.d.ts"
			}
		},
		"./select": {
			"import": {
				"default": "./dist/components/select/index.mjs",
				"types": "./dist/components/select/index.d.mts"
			},
			"require": {
				"default": "./dist/components/select/index.js",
				"types": "./dist/components/select/index.d.ts"
			}
		},
		"./separator": {
			"import": {
				"default": "./dist/components/separator/index.mjs",
				"types": "./dist/components/separator/index.d.mts"
			},
			"require": {
				"default": "./dist/components/separator/index.js",
				"types": "./dist/components/separator/index.d.ts"
			}
		},
		"./sheet": {
			"import": {
				"default": "./dist/components/sheet/index.mjs",
				"types": "./dist/components/sheet/index.d.mts"
			},
			"require": {
				"default": "./dist/components/sheet/index.js",
				"types": "./dist/components/sheet/index.d.ts"
			}
		},
		"./sidebar": {
			"import": {
				"default": "./dist/components/sidebar/index.mjs",
				"types": "./dist/components/sidebar/index.d.mts"
			},
			"require": {
				"default": "./dist/components/sidebar/index.js",
				"types": "./dist/components/sidebar/index.d.ts"
			}
		},
		"./skeleton": {
			"import": {
				"default": "./dist/components/skeleton/index.mjs",
				"types": "./dist/components/skeleton/index.d.mts"
			},
			"require": {
				"default": "./dist/components/skeleton/index.js",
				"types": "./dist/components/skeleton/index.d.ts"
			}
		},
		"./slot": {
			"import": {
				"default": "./dist/components/slot/index.mjs",
				"types": "./dist/components/slot/index.d.mts"
			},
			"require": {
				"default": "./dist/components/slot/index.js",
				"types": "./dist/components/slot/index.d.ts"
			}
		},
		"./spinner": {
			"import": {
				"default": "./dist/components/spinner/index.mjs",
				"types": "./dist/components/spinner/index.d.mts"
			},
			"require": {
				"default": "./dist/components/spinner/index.js",
				"types": "./dist/components/spinner/index.d.ts"
			}
		},
		"./stack": {
			"import": {
				"default": "./dist/layout/stack/index.mjs",
				"types": "./dist/layout/stack/index.d.mts"
			},
			"require": {
				"default": "./dist/layout/stack/index.js",
				"types": "./dist/layout/stack/index.d.ts"
			}
		},
		"./styles": {
			"import": "./dist/styles/index.css",
			"require": "./dist/styles/index.css"
		},
		"./styles/tailwind": {
			"import": "./dist/styles/tailwind.css",
			"require": "./dist/styles/tailwind.css"
		},
		"./switch": {
			"import": {
				"default": "./dist/components/switch/index.mjs",
				"types": "./dist/components/switch/index.d.mts"
			},
			"require": {
				"default": "./dist/components/switch/index.js",
				"types": "./dist/components/switch/index.d.ts"
			}
		},
		"./table": {
			"import": {
				"default": "./dist/components/table/index.mjs",
				"types": "./dist/components/table/index.d.mts"
			},
			"require": {
				"default": "./dist/components/table/index.js",
				"types": "./dist/components/table/index.d.ts"
			}
		},
		"./tabs": {
			"import": {
				"default": "./dist/components/tabs/index.mjs",
				"types": "./dist/components/tabs/index.d.mts"
			},
			"require": {
				"default": "./dist/components/tabs/index.js",
				"types": "./dist/components/tabs/index.d.ts"
			}
		},
		"./text": {
			"import": {
				"default": "./dist/components/text/index.mjs",
				"types": "./dist/components/text/index.d.mts"
			},
			"require": {
				"default": "./dist/components/text/index.js",
				"types": "./dist/components/text/index.d.ts"
			}
		},
		"./textarea": {
			"import": {
				"default": "./dist/components/textarea/index.mjs",
				"types": "./dist/components/textarea/index.d.mts"
			},
			"require": {
				"default": "./dist/components/textarea/index.js",
				"types": "./dist/components/textarea/index.d.ts"
			}
		},
		"./toast": {
			"import": {
				"default": "./dist/components/toast/index.mjs",
				"types": "./dist/components/toast/index.d.mts"
			},
			"require": {
				"default": "./dist/components/toast/index.js",
				"types": "./dist/components/toast/index.d.ts"
			}
		},
		"./tooltip": {
			"import": {
				"default": "./dist/components/tooltip/index.mjs",
				"types": "./dist/components/tooltip/index.d.mts"
			},
			"require": {
				"default": "./dist/components/tooltip/index.js",
				"types": "./dist/components/tooltip/index.d.ts"
			}
		},
		"./use-mobile": {
			"import": {
				"default": "./dist/hooks/use-mobile/index.mjs",
				"types": "./dist/hooks/use-mobile/index.d.mts"
			},
			"require": {
				"default": "./dist/hooks/use-mobile/index.js",
				"types": "./dist/hooks/use-mobile/index.d.ts"
			}
		}
	},
	"files": [
		"dist",
		"README.md",
		"skills"
	],
	"homepage": "https://design.loke.global/docs/design-system",
	"imports": {
		"#macros/*": "./src/lib/macros/*.ts"
	},
	"keywords": [
		"tanstack-intent"
	],
	"name": "@loke/design-system",
	"peerDependencies": {
		"@loke/icons": "1.0.0",
		"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
		"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
	},
	"repository": {
		"directory": "packages/design-system",
		"type": "git",
		"url": "git+https://github.com/LOKE/merchant-frontends.git"
	},
	"scripts": {
		"build": "NODE_ENV=production bun build.ts",
		"build:css": "tailwindcss -i ./src/styles/index.css -o ./dist/styles/index.css --minify",
		"build:sb": "bun run build:css && storybook build",
		"clean": "rm -rf dist",
		"format": "biome check --linter-enabled=false --write .",
		"lint": "biome lint --write --diagnostic-level error .",
		"storybook": "storybook dev -p 6006",
		"test": "vitest run",
		"test:sb": "test-storybook",
		"test:watch": "vitest watch",
		"typecheck": "tsc --noEmit"
	},
	"version": "2.0.0"
}