@szum-tech/design-system 2.0.4 → 2.1.1

package/dist/components/sheet/index.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var chunkVQMM75HD_cjs = require('../../chunk-VQMM75HD.cjs');
+
+
+
+Object.defineProperty(exports, "Sheet", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.Sheet; }
+});
+Object.defineProperty(exports, "SheetClose", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetClose; }
+});
+Object.defineProperty(exports, "SheetContent", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetContent; }
+});
+Object.defineProperty(exports, "SheetDescription", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetDescription; }
+});
+Object.defineProperty(exports, "SheetFooter", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetFooter; }
+});
+Object.defineProperty(exports, "SheetHeader", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetHeader; }
+});
+Object.defineProperty(exports, "SheetTitle", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetTitle; }
+});
+Object.defineProperty(exports, "SheetTrigger", {
+  enumerable: true,
+  get: function () { return chunkVQMM75HD_cjs.SheetTrigger; }
+});

package/dist/components/sheet/index.d.cts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Dialog } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+type SheetProps = Dialog.DialogProps;
+declare const Sheet: React.FC<Dialog.DialogProps>;
+
+type SheetTriggerProps = Dialog.DialogTriggerProps;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetCloseProps = Dialog.DialogCloseProps;
+declare const SheetClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetContentProps = React.ComponentProps<typeof Dialog.Content> & {
+    side?: SheetContentSide;
+};
+declare function SheetContent({ side, className, children, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+
+declare const sheetContentStyles: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
+type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
+
+type SheetHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+
+type SheetFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
+
+type SheetTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
+
+type SheetDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+
+export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentSide, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

package/dist/components/sheet/index.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Dialog } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+
+type SheetProps = Dialog.DialogProps;
+declare const Sheet: React.FC<Dialog.DialogProps>;
+
+type SheetTriggerProps = Dialog.DialogTriggerProps;
+declare const SheetTrigger: React.ForwardRefExoticComponent<Dialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetCloseProps = Dialog.DialogCloseProps;
+declare const SheetClose: React.ForwardRefExoticComponent<Dialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+type SheetContentProps = React.ComponentProps<typeof Dialog.Content> & {
+    side?: SheetContentSide;
+};
+declare function SheetContent({ side, className, children, ...props }: SheetContentProps): react_jsx_runtime.JSX.Element;
+
+declare const sheetContentStyles: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+
+type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
+type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
+
+type SheetHeaderProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
+
+type SheetFooterProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
+
+type SheetTitleProps = React.ComponentProps<typeof Dialog.Title>;
+declare function SheetTitle({ className, ...props }: SheetTitleProps): react_jsx_runtime.JSX.Element;
+
+type SheetDescriptionProps = React.ComponentProps<typeof Dialog.Description>;
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): react_jsx_runtime.JSX.Element;
+
+export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentSide, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };

package/dist/components/sheet/index.js

@@ -0,0 +1 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../../chunk-TD2KDWNP.js';

package/dist/components/textarea/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var chunkN7DXGCBJ_cjs = require('../../chunk-N7DXGCBJ.cjs');
+
+
+
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkN7DXGCBJ_cjs.Textarea; }
+});

package/dist/components/textarea/index.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type TextareaProps = React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+    invalid?: boolean;
+};
+declare function Textarea({ invalid, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+export { Textarea, type TextareaProps };

package/dist/components/textarea/index.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type TextareaProps = React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> & {
+    invalid?: boolean;
+};
+declare function Textarea({ invalid, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
+
+export { Textarea, type TextareaProps };

package/dist/components/textarea/index.js

@@ -0,0 +1 @@
+export { Textarea } from '../../chunk-UZBZFCWX.js';

package/dist/components/tooltip/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunk4YZSPNLW_cjs = require('../../chunk-4YZSPNLW.cjs');
+
+
+
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunk4YZSPNLW_cjs.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunk4YZSPNLW_cjs.TooltipProvider; }
+});

package/dist/components/tooltip/index.d.cts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+type TooltipProps = Tooltip$1.TooltipContentProps & {
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactNode;
+    collisionPadding?: number;
+};
+declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Tooltip as Tooltip$1 } from 'radix-ui';
+
+type TooltipProps = Tooltip$1.TooltipContentProps & {
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    content?: React.ReactNode;
+    collisionPadding?: number;
+};
+declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type TooltipProviderProps = {
+    children: React.ReactNode;
+};
+declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
+
+export { Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps };

package/dist/components/tooltip/index.js

@@ -0,0 +1 @@
+export { Tooltip, TooltipProvider } from '../../chunk-HXC3EALP.js';

package/dist/{icons.cjs → icons/index.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkTSN5DAKH_cjs = require('./chunk-TSN5DAKH.cjs');
+var chunkTSN5DAKH_cjs = require('../chunk-TSN5DAKH.cjs');
 
 
 

package/dist/{icons.js → icons/index.js}

@@ -1 +1 @@
-export { Auth0LogoIcon, GoogleLogoIcon, LoadingIcon, XLogoIcon } from './chunk-INJBKPIE.js';
+export { Auth0LogoIcon, GoogleLogoIcon, LoadingIcon, XLogoIcon } from '../chunk-INJBKPIE.js';

package/dist/{utils.cjs → utils/index.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var chunkH2BWO3SI_cjs = require('../chunk-H2BWO3SI.cjs');
 
 
 

package/dist/utils/index.js

@@ -0,0 +1 @@
+export { cn } from '../chunk-ZD2QRAOX.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@szum-tech/design-system",
-  "version": "2.0.4",
+  "version": "2.1.1",
   "description": "Szum-Tech design system with tailwindcss support",
   "keywords": [
     "szum-tech",
@@ -30,32 +30,42 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js"
+        "types": "./dist/components/index.d.ts",
+        "import": "./dist/components/index.js"
       },
       "require": {
-        "types": "./dist/index.d.cts",
-        "require": "./dist/index.cjs"
+        "types": "./dist/components/index.d.cts",
+        "require": "./dist/components/index.cjs"
+      }
+    },
+    "./componnents/*": {
+      "import": {
+        "types": "./dist/components/*/index.d.ts",
+        "import": "./dist/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.cts",
+        "require": "./dist/components/*/index.cjs"
       }
     },
     "./icons": {
       "import": {
-        "types": "./dist/icons.d.ts",
-        "import": "./dist/icons.js"
+        "types": "./dist/icons/index.d.ts",
+        "import": "./dist/icons/index.js"
       },
       "require": {
-        "types": "./dist/icons.d.cts",
-        "require": "./dist/icons.cjs"
+        "types": "./dist/icons/index.d.cts",
+        "require": "./dist/icons/index.cjs"
       }
     },
     "./utils": {
       "import": {
-        "types": "./dist/utils.d.ts",
-        "import": "./dist/utils.js"
+        "types": "./dist/utils/index.d.ts",
+        "import": "./dist/utils/index.js"
       },
       "require": {
-        "types": "./dist/utils.d.cts",
-        "require": "./dist/utils.cjs"
+        "types": "./dist/utils/index.d.cts",
+        "require": "./dist/utils/index.cjs"
       }
     },
     "./tailwind/*.css": "./tailwind/*.css",
@@ -69,11 +79,12 @@
     "tailwind/**"
   ],
   "scripts": {
-    "build": "tsup && cpy 'src/tailwind/*.css' './tailwind' --flat",
+    "build": "tsup && cpy 'src/tailwind/*.css' './tailwind' --flat && npm run post-build",
     "lint": "eslint .",
     "lint:ci": "eslint . -o eslint-results.sarif -f @microsoft/eslint-formatter-sarif",
     "lint:fix": "eslint . --fix",
     "lint:inspect": "npx @eslint/config-inspector@latest",
+    "post-build": "node src/scripts/post-build.js",
     "prettier:check": "prettier --check .",
     "prettier:write": "prettier --write .",
     "storybook:build": "storybook build --docs",
@@ -84,7 +95,7 @@
     "test:coverage": "vitest --coverage",
     "test:storybook": "vitest --project=storybook --coverage",
     "test:ui": "vitest --ui",
-    "test:unit": "vitest --project=unit --coverage",
+    "test:unit": "vitest --project=unit",
     "test:watch": "vitest --watch",
     "type-check": "tsc --noEmit"
   },
@@ -92,59 +103,59 @@
     "@radix-ui/react-icons": "^1.3.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "radix-ui": "^1.1.3",
-    "tailwind-merge": "^3.0.2",
+    "radix-ui": "^1.4.1",
+    "tailwind-merge": "^3.3.0",
     "tailwindcss-animate": "^1.0.7"
   },
   "devDependencies": {
-    "@hookform/resolvers": "^4.1.3",
-    "@storybook/addon-essentials": "^8.6.4",
-    "@storybook/addon-links": "^8.6.4",
-    "@storybook/experimental-addon-test": "^8.6.4",
-    "@storybook/react": "^8.6.4",
-    "@storybook/react-vite": "^8.6.4",
-    "@storybook/theming": "^8.6.4",
+    "@hookform/resolvers": "^5.0.1",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/experimental-addon-test": "^8.6.14",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
+    "@storybook/theming": "^8.6.14",
     "@szum-tech/eslint-config": "^2.1.6",
     "@szum-tech/prettier-config": "^1.6.1",
     "@szum-tech/semantic-release-config": "^2.3.0",
-    "@tailwindcss/postcss": "^4.0.14",
+    "@tailwindcss/postcss": "^4.1.7",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.2.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^22.13.10",
-    "@types/react": "^19.0.10",
-    "@types/react-dom": "^19.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.0.8",
-    "@vitest/coverage-v8": "^3.0.8",
-    "@vitest/ui": "^3.0.8",
+    "@types/node": "^22.15.19",
+    "@types/react": "^19.1.4",
+    "@types/react-dom": "^19.1.5",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/browser": "^3.0.9",
+    "@vitest/coverage-v8": "^3.1.3",
+    "@vitest/ui": "^3.1.3",
     "cpy-cli": "^5.0.0",
-    "eslint": "^9.22.0",
-    "playwright": "^1.51.0",
+    "eslint": "^9.27.0",
+    "playwright": "^1.52.0",
     "postcss": "^8.5.3",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
+    "react": "^19.1.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.54.2",
-    "semantic-release": "^24.2.3",
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.56.4",
+    "semantic-release": "^24.2.4",
     "serve": "^14.2.4",
-    "storybook": "^8.5.3",
+    "storybook": "^8.6.14",
     "storybook-dark-mode": "^4.0.2",
-    "tailwindcss": "^4.0.14",
-    "tsup": "^8.4.0",
-    "typescript": "^5.8.2",
-    "vite": "^5.4.14",
+    "tailwindcss": "^4.1.7",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.8",
-    "zod": "^3.24.2"
+    "vitest": "^3.1.3",
+    "zod": "^3.24.4"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-hook-form": "^7.54.2",
-    "tailwindcss": "^4.0.5"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "react-hook-form": "^7.56.4",
+    "tailwindcss": ">=4"
   },
   "engines": {
     "node": ">=22"