@keeper-security/keeper-js-ui 0.16.0 → 0.17.1

package/dist/types/icons/wrench-hammer.d.ts

@@ -0,0 +1,3 @@
+export declare const WrenchHammerIcon: import("react").ForwardRefExoticComponent<import("../components/ui/icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const aliases: string[];
+//# sourceMappingURL=wrench-hammer.d.ts.map

package/dist/types/icons/wrench-hammer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrench-hammer.d.ts","sourceRoot":"","sources":["../../src/icons/wrench-hammer.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,qIAA2C,CAAA;AACxE,eAAO,MAAM,OAAO,UAAwD,CAAA"}

package/dist/types/icons/x-logo.d.ts

@@ -0,0 +1,3 @@
+export declare const XLogoIcon: import("react").ForwardRefExoticComponent<import("../components/ui/icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const aliases: string[];
+//# sourceMappingURL=x-logo.d.ts.map

package/dist/types/icons/x-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-logo.d.ts","sourceRoot":"","sources":["../../src/icons/x-logo.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,qIAAoC,CAAA;AAC1D,eAAO,MAAM,OAAO,UAAyD,CAAA"}

package/dist/types/icons/x.d.ts

@@ -0,0 +1,3 @@
+export declare const XIcon: import("react").ForwardRefExoticComponent<import("../components/ui/icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const aliases: string[];
+//# sourceMappingURL=x.d.ts.map

package/dist/types/icons/x.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x.d.ts","sourceRoot":"","sources":["../../src/icons/x.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK,qIAAgC,CAAA;AAClD,eAAO,MAAM,OAAO,UASnB,CAAA"}

package/dist/types/icons/zap.d.ts

@@ -0,0 +1,3 @@
+export declare const ZapIcon: import("react").ForwardRefExoticComponent<import("../components/ui/icon").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const aliases: string[];
+//# sourceMappingURL=zap.d.ts.map

package/dist/types/icons/zap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zap.d.ts","sourceRoot":"","sources":["../../src/icons/zap.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO,qIAAkC,CAAA;AACtD,eAAO,MAAM,OAAO,UAQnB,CAAA"}

package/dist/types/index.d.ts

@@ -0,0 +1,29 @@
+import '@/index.css';
+export { Avatar, AvatarFallback, AvatarImage, AvatarStatus, } from './components/ui/avatar';
+export { Autocomplete } from './components/ui/autocomplete';
+export { Button } from './components/ui/button';
+export { Checkbox } from './components/ui/checkbox';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './components/ui/dialog';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from './components/ui/dropdown-menu';
+export { IconButton } from './components/ui/icon-button';
+export { BaseInput, Input } from './components/ui/input';
+export { Label } from './components/ui/label';
+export { List, ListItem, ListItemArrow, ListItemButton, ListItemText, ListLabel, ListSeparator, } from './components/ui/list';
+export { Loader } from './components/ui/loader';
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from './components/ui/popover';
+export { ScrollArea, ScrollAreaViewport } from './components/ui/scroll-area';
+export { Select, SelectContent, SelectGroup, SelectLabel, SelectSeparator, SelectItem, SelectTrigger, SelectValue, } from './components/ui/select';
+export { Separator } from './components/ui/separator';
+export { Switch } from './components/ui/switch';
+export { Toast, ToastAction } from './components/ui/toast';
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from './components/ui/tooltip';
+export * from './icons';
+export { Box } from './components/layout/box';
+export { Flex } from './components/layout/flex';
+export { useDirection } from './hooks/use-direction';
+export { useToast } from './hooks/use-toast';
+export { useTooltipPopover } from './hooks/use-tooltip-popover';
+export { DirectionProvider } from './hooks/use-direction';
+export { StringsProvider } from './hooks/use-strings';
+export { configureStrings } from './hooks/use-strings';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAGpB,OAAO,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,GACb,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,cAAc,EACd,YAAY,EACZ,SAAS,EACT,aAAa,GACd,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EACL,OAAO,EACP,aAAa,EACb,cAAc,EACd,cAAc,GACf,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,WAAW,EACX,eAAe,EACf,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,yBAAyB,CAAA;AAGhC,cAAc,SAAS,CAAA;AAGvB,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAG/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAGrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/types/lib/types.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Ensures interactive elements, such as buttons and inputs, have associated descriptive text for a11y concerns.
+ */
+export type AccessibleInteractiveElementHelper = AtLeastOneRequired<{
+    id: string;
+    'aria-labelledby': string;
+    'aria-label': string;
+}>;
+/**
+ * Utility type that ensures at least one of the props is present.
+ *
+ * Give it a type with required props and it will modify it so that the one present is required and the others are optional.
+ *
+ * @template T - The type with required props
+ *
+ * @example
+ * type ValidA11y = AtLeastOneRequired<{
+ *   id: string
+ *   'aria-label': string
+ *   'aria-labelledby': string
+ * }>
+ * // Invalid: {}
+ * // Valid: { id: 'email' }
+ * // Valid: { 'aria-label': 'Toggle notifications' }
+ * // Valid: { 'aria-labelledby': 'text-desc intro-paragraph' }
+ */
+export type AtLeastOneRequired<T, U = {
+    [K in keyof T]: Pick<T, K>;
+}> = Partial<T> & U[keyof U];
+export interface BlockBaseProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: 'div' | 'span';
+    asChild?: boolean;
+    m?: MarginValues;
+    mb?: MarginValues;
+    me?: MarginValues;
+    ms?: MarginValues;
+    mt?: MarginValues;
+    mx?: MarginValues;
+    my?: MarginValues;
+    p?: PaddingValues;
+    pb?: PaddingValues;
+    pe?: PaddingValues;
+    ps?: PaddingValues;
+    pt?: PaddingValues;
+    px?: PaddingValues;
+    py?: PaddingValues;
+}
+export type GapOptions = {
+    columnGap?: GapValues;
+    gap?: GapValues;
+    rowGap?: GapValues;
+};
+export type PaddingOptions = {
+    p?: PaddingValues;
+    pb?: PaddingValues;
+    pe?: PaddingValues;
+    ps?: PaddingValues;
+    pt?: PaddingValues;
+    px?: PaddingValues;
+    py?: PaddingValues;
+};
+export type MarginOptions = {
+    m?: MarginValues;
+    mb?: MarginValues;
+    me?: MarginValues;
+    ms?: MarginValues;
+    mt?: MarginValues;
+    mx?: MarginValues;
+    my?: MarginValues;
+};
+export type GapValues = number | `${number}%` | 'px';
+export type PaddingValues = number | `${number}%` | 'px';
+export type MarginValues = number | `${number}%` | 'px' | 'auto';
+//# sourceMappingURL=types.d.ts.map

package/dist/types/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,kCAAkC,GAAG,kBAAkB,CAAC;IAClE,EAAE,EAAE,MAAM,CAAA;IACV,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,kBAAkB,CAC5B,CAAC,EACD,CAAC,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;CAAE,IAChC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAE3B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,CAAC,CAAC,EAAE,YAAY,CAAA;IAChB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,CAAC,CAAC,EAAE,aAAa,CAAA;IACjB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,CAAC,EAAE,aAAa,CAAA;IACjB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,CAAC,EAAE,YAAY,CAAA;IAChB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;IACjB,EAAE,CAAC,EAAE,YAAY,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,IAAI,CAAA;AACpD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,IAAI,CAAA;AACxD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,IAAI,GAAG,MAAM,CAAA"}

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

@@ -0,0 +1,59 @@
+import { type ClassValue } from 'clsx';
+import * as React from 'react';
+import { type IconProps } from '../components/ui/icon';
+import type { GapOptions, MarginOptions, PaddingOptions } from './types';
+export declare const isDev: boolean;
+export declare const logger: {
+    debug: (...data: any[]) => void;
+    error: (...data: any[]) => void;
+    info: (...data: any[]) => void;
+    log: (...data: any[]) => void;
+    warn: (...data: any[]) => void;
+};
+declare function cn(...inputs: ClassValue[]): string;
+declare function mergeObjects(target: Record<string, unknown>, source: Record<string, unknown>): {
+    [x: string]: unknown;
+};
+export declare function createIcon(name: `${Capitalize<string>}Icon`, children: React.ReactNode | React.ReactNode[]): React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+declare function convertToKebabCase(string: string): string;
+declare function convertToPascalCase(string: string): string;
+/**
+ * Convert an RGB color string to a hex color string.
+ *
+ * @param rgb - The RGB color string to convert: `"rgb(27, 116, 218)"` or `"rgba(27, 116, 218, 0.5)"`
+ * @returns The hex color string: `"#1B74DA"`
+ */
+declare function convertRgbToHex(rgb: string, casing?: 'lowercase' | 'uppercase'): string;
+declare function getCssVariableValue(root: CSSStyleDeclaration, variable: string, casing: undefined | 'uppercase' | 'lowercase'): string;
+declare function getGaps({ columnGap, gap, rowGap }: GapOptions): {
+    rowGap?: string | number | undefined;
+    columnGap?: string | number | undefined;
+    gap?: string | number | undefined;
+};
+declare function getMargins({ m, mb, me, ms, mt, mx, my }: MarginOptions): {
+    marginBlockEnd?: string | number | undefined;
+    marginBlockStart?: string | number | undefined;
+    marginInlineEnd?: string | number | undefined;
+    marginInlineStart?: string | number | undefined;
+    marginBlock?: string | number | undefined;
+    marginInline?: string | number | undefined;
+    margin?: string | number | undefined;
+};
+declare function getPaddings({ p, pb, pe, ps, pt, px, py }: PaddingOptions): {
+    paddingBlockEnd?: string | number | undefined;
+    paddingBlockStart?: string | number | undefined;
+    paddingInlineStart?: string | number | undefined;
+    paddingInlineEnd?: string | number | undefined;
+    paddingBlock?: string | number | undefined;
+    paddingInline?: string | number | undefined;
+    padding?: string | number | undefined;
+};
+declare function getSpacingFromUnit<T>(unit: T): string | 1 | T;
+declare function noop(): void;
+/**
+ * -----------------------------------------------------------------------------
+ * Exports
+ * -----------------------------------------------------------------------------
+ */
+export { cn, convertRgbToHex, convertToKebabCase, convertToPascalCase, getCssVariableValue, getGaps, getMargins, getPaddings, getSpacingFromUnit, mergeObjects, noop, };
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAA;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAExE,eAAO,MAAM,KAAK,SAER,CAAA;AAEV,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAA;AAMD,iBAAS,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAElC;AAED,iBAAS,YAAY,CACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;;EAchC;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,EACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,mFAc9C;AAED,iBAAS,kBAAkB,CAAC,MAAM,EAAE,MAAM,UASzC;AAED,iBAAS,mBAAmB,CAAC,MAAM,EAAE,MAAM,UAY1C;AAED;;;;;GAKG;AACH,iBAAS,eAAe,CACtB,GAAG,EAAE,MAAM,EACX,MAAM,GAAE,WAAW,GAAG,WAAyB,UAsBhD;AAED,iBAAS,mBAAmB,CAC1B,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,UAW9C;AAED,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,UAAU;;;;EAStD;AAED,iBAAS,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,aAAa;;;;;;;;EAyB/D;AAED,iBAAS,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,cAAc;;;;;;;;EAyBjE;AAED,iBAAS,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,kBAwBrC;AAED,iBAAS,IAAI,SAEZ;AAMD;;;;GAIG;AAEH,OAAO,EACL,EAAE,EACF,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,OAAO,EACP,UAAU,EACV,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,IAAI,GACL,CAAA"}

package/dist/types/lib/utils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

package/dist/types/lib/utils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../src/lib/utils.test.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,19 +1,20 @@
 {
   "name": "@keeper-security/keeper-js-ui",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "type": "module",
   "description": "React components built for accessibility, consistency, and speed.",
-  "main": "dist/index.es.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.es.d.ts",
+  "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.es.d.ts",
-      "import": "./dist/index.es.js",
-      "default": "./dist/index.es.js"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./style.css": "./dist/style.css"
   },
+  "sideEffects": [
+    "./dist/style.css"
+  ],
   "files": [
     "dist",
     "CHANGELOG.md"
@@ -27,15 +28,17 @@
   },
   "homepage": "https://github.com/Keeper-Security/keeper-js-ui#readme",
   "engines": {
-    "node": "20"
+    "node": "24"
   },
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "storybook:upgrade": "npx storybook@latest upgrade",
-    "build": "tsc -b && vite build",
+    "build": "npm run build:js && npm run build:types",
+    "build:js": "vite build",
     "build:storybook": "storybook build",
+    "build:types": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && node scripts/move-types-to-dist",
     "start": "npm run storybook",
-    "test": "vitest --",
+    "test": "npm run test:storybook",
     "test:ci": "npm test --",
     "test:storybook": "vitest --project=storybook",
     "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
@@ -51,49 +54,49 @@
     "radix-ui": "^1.4.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwind-merge": "^3.3.1"
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.2",
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^19.7.1",
-    "@eslint/compat": "^1.3.1",
-    "@eslint/js": "^9.31.0",
-    "@storybook/addon-a11y": "^10.0.7",
-    "@storybook/addon-docs": "^10.0.7",
-    "@storybook/addon-links": "^10.0.7",
-    "@storybook/addon-themes": "^10.0.7",
-    "@storybook/addon-vitest": "^10.0.7",
-    "@storybook/react-vite": "^10.0.7",
-    "@tailwindcss/vite": "^4.1.10",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@commitlint/cli": "^20.2.0",
+    "@commitlint/config-conventional": "^20.2.0",
+    "@eslint/compat": "^2.0.0",
+    "@eslint/js": "^9.39.1",
+    "@storybook/addon-a11y": "10.1.10",
+    "@storybook/addon-docs": "10.1.10",
+    "@storybook/addon-links": "10.1.10",
+    "@storybook/addon-themes": "10.1.10",
+    "@storybook/addon-vitest": "10.1.10",
+    "@storybook/react-vite": "10.1.10",
+    "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^22.7.6",
     "@types/react": "^18.3.17",
-    "@typescript-eslint/eslint-plugin": "^8.28.0",
-    "@typescript-eslint/parser": "^8.28.0",
-    "@vitejs/plugin-react-swc": "^3.8.1",
-    "@vitest/browser-playwright": "^4.0.8",
-    "@vitest/coverage-v8": "^4.0.8",
+    "@typescript-eslint/eslint-plugin": "^8.49.0",
+    "@typescript-eslint/parser": "^8.49.0",
+    "@vitejs/plugin-react-swc": "^4.2.2",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
     "commitizen": "^4.3.1",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^9.31.0",
-    "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^10.0.7",
-    "globals": "^15.13.0",
+    "cz-git": "^1.12.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "eslint-plugin-storybook": "10.1.10",
+    "globals": "^16.5.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.4.3",
-    "playwright": "^1.56.1",
-    "prettier": "^3.5.1",
-    "prettier-plugin-tailwindcss": "^0.6.12",
+    "lint-staged": "^16.2.7",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "remark-gfm": "^4.0.1",
-    "storybook": "^10.0.7",
+    "storybook": "10.1.10",
     "storybook-addon-rtl": "^3.0.1",
-    "tailwindcss": "^4.1.10",
-    "tw-animate-css": "^1.3.4",
-    "typescript": "^5.8.2",
-    "vite": "^7.2.2",
-    "vite-plugin-dts": "^4.3.0",
-    "vitest": "^4.0.8"
+    "tailwindcss": "^4.1.18",
+    "tsc-alias": "^1.8.16",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.7",
+    "vitest": "^4.0.15"
   },
   "peerDependencies": {
     "react": "^18.3.1",