@clasing/ui 0.1.123 → 0.1.125

package/dist/utils/types/index.d.ts

@@ -0,0 +1,36 @@
+import React, { JSX } from 'react';
+export type PropsOf<C extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<unknown>> = JSX.LibraryManagedAttributes<C, React.ComponentPropsWithoutRef<C>>;
+type AsProp<C extends React.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * Can also be another React component.
+     */
+    as?: C;
+};
+/**
+ * Allows for extending a set of props (`ExtendedProps`) by an overriding set of props
+ * (`OverrideProps`), ensuring that any duplicates are overridden by the overriding
+ * set of props.
+ */
+export type ExtendableProps<ExtendedProps = {}, OverrideProps = {}> = OverrideProps & Omit<ExtendedProps, keyof OverrideProps>;
+/**
+ * Allows for inheriting the props from the specified element type so that
+ * props like children, className & style work, as well as element-specific
+ * attributes like aria roles. The component (`C`) must be passed in.
+ */
+export type InheritableElementProps<C extends React.ElementType, Props = {}> = ExtendableProps<PropsOf<C>, Props>;
+/**
+ * A more sophisticated version of `InheritableElementProps` where
+ * the passed in `as` prop will determine which props can be included
+ */
+export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = InheritableElementProps<C, Props & AsProp<C>>;
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export type Option = {
+    value: string | number | boolean | undefined | null;
+    label: string;
+    notification?: boolean;
+};
+export {};

package/dist/utils/types.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/utils/types.es.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clasing/ui",
-  "version": "0.1.123",
+  "version": "0.1.125",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -9,16 +9,252 @@
     "dist"
   ],
   "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js",
-      "types": "./dist/index.d.ts"
+    "./styles": "./dist/ui.css",
+    "./accordion": {
+      "import": "./dist/components/accordion.es.js",
+      "require": "./dist/components/accordion.umd.js",
+      "types": "./dist/components/accordion.d.ts"
     },
-    "./styles": "./dist/ui.css"
+    "./alert": {
+      "import": "./dist/components/alert.es.js",
+      "require": "./dist/components/alert.umd.js",
+      "types": "./dist/components/alert.d.ts"
+    },
+    "./alert-dialog": {
+      "import": "./dist/components/alert-dialog.es.js",
+      "require": "./dist/components/alert-dialog.umd.js",
+      "types": "./dist/components/alert-dialog.d.ts"
+    },
+    "./avatar": {
+      "import": "./dist/components/avatar.es.js",
+      "require": "./dist/components/avatar.umd.js",
+      "types": "./dist/components/avatar.d.ts"
+    },
+    "./badge": {
+      "import": "./dist/components/badge.es.js",
+      "require": "./dist/components/badge.umd.js",
+      "types": "./dist/components/badge.d.ts"
+    },
+    "./breadcrumb": {
+      "import": "./dist/components/breadcrumb.es.js",
+      "require": "./dist/components/breadcrumb.umd.js",
+      "types": "./dist/components/breadcrumb.d.ts"
+    },
+    "./button": {
+      "import": "./dist/components/button.es.js",
+      "require": "./dist/components/button.umd.js",
+      "types": "./dist/components/button.d.ts"
+    },
+    "./calendar": {
+      "import": "./dist/components/calendar.es.js",
+      "require": "./dist/components/calendar.umd.js",
+      "types": "./dist/components/calendar.d.ts"
+    },
+    "./card": {
+      "import": "./dist/components/card.es.js",
+      "require": "./dist/components/card.umd.js",
+      "types": "./dist/components/card.d.ts"
+    },
+    "./chart": {
+      "import": "./dist/components/chart.es.js",
+      "require": "./dist/components/chart.umd.js",
+      "types": "./dist/components/chart.d.ts"
+    },
+    "./checkbox": {
+      "import": "./dist/components/checkbox.es.js",
+      "require": "./dist/components/checkbox.umd.js",
+      "types": "./dist/components/checkbox.d.ts"
+    },
+    "./chip": {
+      "import": "./dist/components/chip.es.js",
+      "require": "./dist/components/chip.umd.js",
+      "types": "./dist/components/chip.d.ts"
+    },
+    "./collapsible": {
+      "import": "./dist/components/collapsible.es.js",
+      "require": "./dist/components/collapsible.umd.js",
+      "types": "./dist/components/collapsible.d.ts"
+    },
+    "./command": {
+      "import": "./dist/components/command.es.js",
+      "require": "./dist/components/command.umd.js",
+      "types": "./dist/components/command.d.ts"
+    },
+    "./context-menu": {
+      "import": "./dist/components/context-menu.es.js",
+      "require": "./dist/components/context-menu.umd.js",
+      "types": "./dist/components/context-menu.d.ts"
+    },
+    "./dialog": {
+      "import": "./dist/components/dialog.es.js",
+      "require": "./dist/components/dialog.umd.js",
+      "types": "./dist/components/dialog.d.ts"
+    },
+    "./divider": {
+      "import": "./dist/components/divider.es.js",
+      "require": "./dist/components/divider.umd.js",
+      "types": "./dist/components/divider.d.ts"
+    },
+    "./drawer": {
+      "import": "./dist/components/drawer.es.js",
+      "require": "./dist/components/drawer.umd.js",
+      "types": "./dist/components/drawer.d.ts"
+    },
+    "./dropdown-menu": {
+      "import": "./dist/components/dropdown-menu.es.js",
+      "require": "./dist/components/dropdown-menu.umd.js",
+      "types": "./dist/components/dropdown-menu.d.ts"
+    },
+    "./hover-card": {
+      "import": "./dist/components/hover-card.es.js",
+      "require": "./dist/components/hover-card.umd.js",
+      "types": "./dist/components/hover-card.d.ts"
+    },
+    "./icon-component": {
+      "import": "./dist/components/icon-component.es.js",
+      "require": "./dist/components/icon-component.umd.js",
+      "types": "./dist/components/icon-component.d.ts"
+    },
+    "./input": {
+      "import": "./dist/components/input.es.js",
+      "require": "./dist/components/input.umd.js",
+      "types": "./dist/components/input.d.ts"
+    },
+    "./input-otp": {
+      "import": "./dist/components/input-otp.es.js",
+      "require": "./dist/components/input-otp.umd.js",
+      "types": "./dist/components/input-otp.d.ts"
+    },
+    "./label": {
+      "import": "./dist/components/label.es.js",
+      "require": "./dist/components/label.umd.js",
+      "types": "./dist/components/label.d.ts"
+    },
+    "./menubar": {
+      "import": "./dist/components/menubar.es.js",
+      "require": "./dist/components/menubar.umd.js",
+      "types": "./dist/components/menubar.d.ts"
+    },
+    "./multi-select": {
+      "import": "./dist/components/multi-select.es.js",
+      "require": "./dist/components/multi-select.umd.js",
+      "types": "./dist/components/multi-select.d.ts"
+    },
+    "./navigation-menu": {
+      "import": "./dist/components/navigation-menu.es.js",
+      "require": "./dist/components/navigation-menu.umd.js",
+      "types": "./dist/components/navigation-menu.d.ts"
+    },
+    "./phone-input": {
+      "import": "./dist/components/phone-input.es.js",
+      "require": "./dist/components/phone-input.umd.js",
+      "types": "./dist/components/phone-input.d.ts"
+    },
+    "./popover": {
+      "import": "./dist/components/popover.es.js",
+      "require": "./dist/components/popover.umd.js",
+      "types": "./dist/components/popover.d.ts"
+    },
+    "./progress": {
+      "import": "./dist/components/progress.es.js",
+      "require": "./dist/components/progress.umd.js",
+      "types": "./dist/components/progress.d.ts"
+    },
+    "./resizable": {
+      "import": "./dist/components/resizable.es.js",
+      "require": "./dist/components/resizable.umd.js",
+      "types": "./dist/components/resizable.d.ts"
+    },
+    "./scroll-area": {
+      "import": "./dist/components/scroll-area.es.js",
+      "require": "./dist/components/scroll-area.umd.js",
+      "types": "./dist/components/scroll-area.d.ts"
+    },
+    "./select": {
+      "import": "./dist/components/select.es.js",
+      "require": "./dist/components/select.umd.js",
+      "types": "./dist/components/select.d.ts"
+    },
+    "./sheet": {
+      "import": "./dist/components/sheet.es.js",
+      "require": "./dist/components/sheet.umd.js",
+      "types": "./dist/components/sheet.d.ts"
+    },
+    "./skeleton": {
+      "import": "./dist/components/skeleton.es.js",
+      "require": "./dist/components/skeleton.umd.js",
+      "types": "./dist/components/skeleton.d.ts"
+    },
+    "./slider": {
+      "import": "./dist/components/slider.es.js",
+      "require": "./dist/components/slider.umd.js",
+      "types": "./dist/components/slider.d.ts"
+    },
+    "./sonner": {
+      "import": "./dist/components/sonner.es.js",
+      "require": "./dist/components/sonner.umd.js",
+      "types": "./dist/components/sonner.d.ts"
+    },
+    "./switch": {
+      "import": "./dist/components/switch.es.js",
+      "require": "./dist/components/switch.umd.js",
+      "types": "./dist/components/switch.d.ts"
+    },
+    "./table": {
+      "import": "./dist/components/table.es.js",
+      "require": "./dist/components/table.umd.js",
+      "types": "./dist/components/table.d.ts"
+    },
+    "./toggle": {
+      "import": "./dist/components/toggle.es.js",
+      "require": "./dist/components/toggle.umd.js",
+      "types": "./dist/components/toggle.d.ts"
+    },
+    "./toggle-group": {
+      "import": "./dist/components/toggle-group.es.js",
+      "require": "./dist/components/toggle-group.umd.js",
+      "types": "./dist/components/toggle-group.d.ts"
+    },
+    "./tooltip": {
+      "import": "./dist/components/tooltip.es.js",
+      "require": "./dist/components/tooltip.umd.js",
+      "types": "./dist/components/tooltip.d.ts"
+    },
+    "./blocks/date-picker": {
+      "import": "./dist/components/blocks/date-picker.es.js",
+      "require": "./dist/components/blocks/date-picker.umd.js",
+      "types": "./dist/components/blocks/date-picker.d.ts"
+    },
+    "./blocks/date-range-picker": {
+      "import": "./dist/components/blocks/date-range-picker.es.js",
+      "require": "./dist/components/blocks/date-range-picker.umd.js",
+      "types": "./dist/components/blocks/date-range-picker.d.ts"
+    },
+    "./blocks/interactive-card": {
+      "import": "./dist/components/blocks/interactive-card.es.js",
+      "require": "./dist/components/blocks/interactive-card.umd.js",
+      "types": "./dist/components/blocks/interactive-card.d.ts"
+    },
+    "./blocks/selectable-chips": {
+      "import": "./dist/components/blocks/selectable-chips.es.js",
+      "require": "./dist/components/blocks/selectable-chips.umd.js",
+      "types": "./dist/components/blocks/selectable-chips.d.ts"
+    },
+    "./hooks/useOutsideClick": {
+      "import": "./dist/hooks/useOutsideClick.es.js",
+      "require": "./dist/hooks/useOutsideClick.umd.js",
+      "types": "./dist/hooks/useOutsideClick.d.ts"
+    },
+    "./utils/types": {
+      "import": "./dist/utils/types.es.js",
+      "require": "./dist/utils/types.umd.js",
+      "types": "./dist/utils/types.d.ts"
+    }
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "vite build && pnpm run generate-types",
+    "generate-types": "tsc --project tsconfig.build.json",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "test": "vitest --run",
@@ -31,58 +267,85 @@
     "release": "standard-version"
   },
   "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-context-menu": "^2.2.15",
+    "@radix-ui/react-dialog": "^1.1.14",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-menubar": "^1.1.15",
+    "@radix-ui/react-navigation-menu": "^1.2.13",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-scroll-area": "^1.2.9",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slider": "^1.3.5",
+    "@radix-ui/react-toggle": "^1.1.9",
+    "@radix-ui/react-toggle-group": "^1.1.10",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "express": "^5.1.0",
     "express-basic-auth": "^1.2.1",
+    "input-otp": "^1.4.2",
+    "next-themes": "^0.4.6",
     "react": "^19.1.0",
-    "react-docgen": "^7.1.1",
+    "react-docgen": "^8.0.0",
     "react-dom": "^19.1.0",
+    "react-resizable-panels": "^3.0.3",
+    "recharts": "^3.1.0",
+    "sonner": "^2.0.6",
     "standard-version": "^9.5.0",
-    "tailwind-merge": "^3.2.0"
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.3.5",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.6",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/addon-onboarding": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-vite": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@chromatic-com/storybook": "^4.0.1",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@storybook/addon-docs": "^9.0.18",
+    "@storybook/addon-links": "^9.0.18",
+    "@storybook/addon-onboarding": "^9.0.18",
+    "@storybook/react-vite": "^9.0.18",
     "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/vite": "^4.1.4",
+    "@tailwindcss/vite": "^4.1.11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.14.1",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@typescript-eslint/eslint-plugin": "^8.31.0",
-    "@typescript-eslint/parser": "^8.31.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "eslint": "^9.25.1",
-    "eslint-config-prettier": "^10.1.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-prettier": "^5.2.6",
+    "@types/node": "^24.1.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "eslint": "^9.31.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-prettier": "^5.5.3",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.0.18",
     "jsdom": "^26.1.0",
-    "prettier": "3.5.3",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-tailwindcss": "^0.6.11",
-    "storybook": "^8.6.12",
-    "tailwindcss": "^4.1.4",
+    "prettier": "3.6.2",
+    "prettier-plugin-organize-imports": "^4.2.0",
+    "prettier-plugin-tailwindcss": "^0.6.14",
+    "rollup-plugin-visualizer": "^6.0.3",
+    "storybook": "^9.0.18",
+    "tailwindcss": "^4.1.11",
     "typescript": "^5.8.3",
-    "vite": "^6.3.2",
-    "vite-plugin-dts": "^4.5.3",
+    "vite": "^7.0.5",
+    "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.2"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@floating-ui/react": "^0.27.3",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.2.7",
     "@tabler/icons-react": "^3.3.0",
     "@tailwindcss/forms": "^0.5.7",
     "date-fns": "^4.1.0",