@powerhousedao/design-system 6.2.0-dev.9 → 6.2.0-rc.0

package/dist/{enum-field-UxIet5Lp.d.ts → enum-field-CwZVs3Ux.d.ts}

@@ -10,7 +10,7 @@ type EnumFieldProps = ({
 } & RadioGroupFieldProps) | ({
   variant: "Select";
 } & SelectFieldProps);
-declare const EnumField: React.ForwardRefExoticComponent<EnumFieldProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const EnumField: React.ForwardRefExoticComponent<EnumFieldProps & React.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 //#endregion
 export { EnumFieldProps as n, EnumField as t };
-//# sourceMappingURL=enum-field-UxIet5Lp.d.ts.map
+//# sourceMappingURL=enum-field-CwZVs3Ux.d.ts.map

package/dist/{enum-field-UxIet5Lp.d.ts.map → enum-field-CwZVs3Ux.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"enum-field-UxIet5Lp.d.ts","names":[],"sources":["../src/ui/components/enum-field/enum-field.tsx"],"mappings":";;;;;KAUY,cAAA;EAEN,OAAA;AAAA,KACG,oBAAA,GAAuB,gBAAA;EAE1B,OAAA;AAAA,IACE,oBAAA;EAEF,OAAA;AAAA,IACE,gBAAA;AAAA,cAEK,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA,GAAA,iBAAA"}
+{"version":3,"file":"enum-field-CwZVs3Ux.d.ts","names":[],"sources":["../src/ui/components/enum-field/enum-field.tsx"],"mappings":";;;;;KAUY,cAAA;EAEN,OAAA;AAAA,KACG,oBAAA,GAAuB,gBAAA;EAE1B,OAAA;AAAA,IACE,oBAAA;EAEF,OAAA;AAAA,IACE,gBAAA;AAAA,cAEK,SAAA,EAAS,KAAA,CAAA,yBAAA,CAAA,cAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA,GAAA,cAAA"}

package/dist/id-autocomplete-list-option-CB5B07Hi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"id-autocomplete-list-option-CB5B07Hi.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"mappings":";;;;KA2EK,6BAAA;EACH,OAAA,EAAS,mBAAA;EACT,aAAA;EACA,SAAA;EACA,uBAAA;EACA,yBAAA,IAA6B,KAAA;EAC7B,yBAAA;EACA,SAAA;EACA,eAAA,GAAkB,QAAA,GAAW,KAAA,CAAM,YAAA;AAAA,IACjC,oBAAA,CAAqB,MAAA;AAAA,cAEnB,wBAAA,EAA0B,KAAA,CAAM,EAAA,CAAG,6BAAA"}
+{"version":3,"file":"id-autocomplete-list-option-CB5B07Hi.d.ts","names":[],"sources":["../src/ui/components/id-autocomplete/id-autocomplete-list-option.tsx"],"mappings":";;;;KAyEK,6BAAA;EACH,OAAA,EAAS,mBAAA;EACT,aAAA;EACA,SAAA;EACA,uBAAA;EACA,yBAAA,IAA6B,KAAA;EAC7B,yBAAA;EACA,SAAA;EACA,eAAA,GAAkB,QAAA,GAAW,KAAA,CAAM,YAAA;AAAA,IACjC,oBAAA,CAAqB,MAAA;AAAA,cAEnB,wBAAA,EAA0B,KAAA,CAAM,EAAA,CAAG,6BAAA"}

package/dist/index.js

@@ -1,3 +1,3 @@
-import { _ as DropdownMenuTrigger, a as useExitAnimation, c as SidebarHeader, d as PackageAnimation, f as Modal, g as DropdownMenuLabel, h as DropdownMenuItem, i as useEnterAnimation, l as SidebarPanel, m as DropdownMenuContent, n as usePagination, o as Sidebar, p as DropdownMenu, r as useAnimation, s as SidebarFooter, t as useWindowSize, u as Pagination, v as PowerhouseButton } from "./src-BrrPQVce.js";
+import { _ as DropdownMenuTrigger, a as useExitAnimation, c as SidebarHeader, d as PackageAnimation, f as Modal, g as DropdownMenuLabel, h as DropdownMenuItem, i as useEnterAnimation, l as SidebarPanel, m as DropdownMenuContent, n as usePagination, o as Sidebar, p as DropdownMenu, r as useAnimation, s as SidebarFooter, t as useWindowSize, u as Pagination, v as PowerhouseButton } from "./src-CfIIbIOi.js";
 import { i as iconNames, n as getDimensions, r as iconComponents, t as Icon } from "./icon-C4QOpsdI.js";
 export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger, Icon, Modal, PackageAnimation, Pagination, PowerhouseButton, Sidebar, SidebarFooter, SidebarHeader, SidebarPanel, getDimensions, iconComponents, iconNames, useAnimation, useEnterAnimation, useExitAnimation, usePagination, useWindowSize };

package/dist/json-viewer-DaTgmzkS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"json-viewer-DaTgmzkS.d.ts","names":[],"sources":["../src/ui/components/json-viewer/json-viewer.tsx"],"mappings":";;;;iBAiFgB,UAAA,CAAW,KAAA,EAAO,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"json-viewer-DaTgmzkS.d.ts","names":[],"sources":["../src/ui/components/json-viewer/json-viewer.tsx"],"mappings":";;;;iBAqFgB,UAAA,CAAW,KAAA,EAAO,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{src-BrrPQVce.js → src-CfIIbIOi.js}

@@ -10,11 +10,11 @@ import ReactDOM from "react-dom";
 const PowerhouseButton = /* @__PURE__ */ forwardRef(function PowerhouseButton(props, ref) {
 	const { color = "dark", size = "medium", className = "", children, icon, iconPosition = "left", ...delegatedProps } = props;
 	return /* @__PURE__ */ jsxs("button", {
-		className: twMerge("flex items-center justify-center gap-2 border border-none transition outline-none disabled:cursor-not-allowed", twJoin({
-			light: "bg-gray-200 text-gray-700 hover:text-gray-800 hover:border-gray-300 active:border-gray-100 active:text-gray-700 disabled:text-gray-400 dark:bg-slate-600 dark:hover:border-slate-500 dark:active:border-slate-500 dark:disabled:text-slate-500 dark:hover:bg-slate-600 dark:active:bg-slate-600 dark:text-slate-100 dark:hover:text-slate-100 dark:active:text-slate-100",
-			dark: "bg-gray-800 text-gray-50 hover:bg-gray-800 active:border-gray-700 disabled:bg-gray-300 disabled:text-gray-100 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-slate-100 dark:active:border-slate-200 dark:disabled:bg-slate-600 dark:disabled:text-slate-100",
-			red: "bg-red-900 text-gray-50 hover:opacity-80 active:border-red-800 disabled:text-red-400 disabled:opacity-100 dark:bg-red-50 dark:text-slate-900 dark:active:border-red-100 dark:disabled:text-red-100",
-			blue: "bg-blue-900 text-gray-50 hover:opacity-80 active:border-blue-800 disabled:text-blue-400 disabled:opacity-100 dark:bg-blue-50 dark:text-slate-900 dark:active:border-blue-100 dark:disabled:text-blue-100"
+		className: twMerge("flex items-center justify-center gap-2 border border-none transition outline-none disabled:disabled-effect", twJoin({
+			light: "bg-secondary text-foreground hover:hover-effect active:active-effect disabled:disabled-effect",
+			dark: "bg-primary text-primary-foreground hover:hover-effect active:active-effect disabled:disabled-effect",
+			red: "bg-destructive text-destructive-foreground hover:hover-effect active:active-effect disabled:disabled-effect disabled:opacity-100",
+			blue: "bg-info text-info-foreground hover:hover-effect active:active-effect disabled:disabled-effect disabled:opacity-100"
 		}[color], {
 			small: "px-2 py-1.5 text-xs rounded-md font-medium",
 			medium: "px-6 py-3 text-base rounded-xl font-semibold tracking-wide"
@@ -51,11 +51,11 @@ function Modal(props) {
 		open,
 		children: /* @__PURE__ */ jsx(Portal$1, { children: /* @__PURE__ */ jsx(Overlay, {
 			...overlayProps,
-			className: twMerge("fixed inset-0 grid place-items-center overflow-y-auto bg-slate-50/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in dark:bg-slate-900/90", overlayProps?.className),
+			className: twMerge("fixed inset-0 grid place-items-center overflow-y-auto bg-background/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in", overlayProps?.className),
 			children: /* @__PURE__ */ jsxs(Content$1, {
 				...delegated,
 				...contentProps,
-				className: twMerge("overflow-hidden rounded-3xl bg-gray-50 data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in dark:bg-slate-700", contentProps?.className),
+				className: twMerge("overflow-hidden rounded-3xl bg-background data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in", contentProps?.className),
 				children: [/* @__PURE__ */ jsxs(Root$2, { children: [/* @__PURE__ */ jsx(Title, { children: title || "Modal" }), /* @__PURE__ */ jsx(Description, { children: title || "Modal" })] }), children]
 			})
 		}) })
@@ -451,7 +451,7 @@ const PaginationButton = ({ active = false, ...props }) => {
 	return /* @__PURE__ */ jsx(PowerhouseButton, {
 		color: "light",
 		size: "small",
-		className: twMerge("h-8 min-w-8 border border-solid border-gray-300 bg-gray-50 px-3 py-1 text-xs text-gray-900 hover:bg-gray-100 dark:border-slate-500 dark:bg-slate-600 dark:text-slate-100 dark:hover:bg-slate-700", !active && "border-0", typeof propClassName === "string" && propClassName),
+		className: twMerge("h-8 min-w-8 border border-solid border-border bg-background px-3 py-1 text-xs text-foreground hover:hover-effect", !active && "border-0", typeof propClassName === "string" && propClassName),
 		...restProps,
 		children: props.children
 	});
@@ -525,7 +525,7 @@ function SidebarPanel({ className, children, ...props }) {
 		};
 	}, []);
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: twMerge("scrollbar-none flex-1 overflow-auto text-gray-900 transition-shadow dark:text-slate-50", className),
+		className: twMerge("scrollbar-none flex-1 overflow-auto text-foreground transition-shadow", className),
 		onScroll: (e) => checkContentScroll(e.currentTarget),
 		ref: containerRef,
 		...props,
@@ -553,7 +553,7 @@ function Sidebar({ maxWidth: _maxWidth = "304px", minWidth = "80px", className,
 	const ref = useRef(null);
 	return /* @__PURE__ */ jsx("div", {
 		...props,
-		className: twMerge(`group z-1 flex h-full flex-col bg-slate-50 dark:bg-slate-700`, className),
+		className: twMerge(`group z-1 flex h-full flex-col bg-sidebar text-sidebar-foreground`, className),
 		ref,
 		style: { width: minWidth },
 		children
@@ -707,4 +707,4 @@ const useWindowSize = () => {
 //#endregion
 export { DropdownMenuTrigger as _, useExitAnimation as a, SidebarHeader as c, PackageAnimation as d, Modal as f, DropdownMenuLabel as g, DropdownMenuItem as h, useEnterAnimation as i, SidebarPanel as l, DropdownMenuContent as m, usePagination as n, Sidebar as o, DropdownMenu as p, useAnimation as r, SidebarFooter as s, useWindowSize as t, Pagination as u, PowerhouseButton as v };
 
-//# sourceMappingURL=src-BrrPQVce.js.map
+//# sourceMappingURL=src-CfIIbIOi.js.map

package/dist/src-CfIIbIOi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-CfIIbIOi.js","names":["forwardRef","twJoin","twMerge","PowerhouseButton","props","ref","color","size","className","children","icon","iconPosition","delegatedProps","sizeStyles","small","medium","colorStyles","light","dark","red","blue","colorAndSizeStyle","finalClassName","Content","Item","Label","Portal","Root","Trigger","forwardRef","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","children","delegatedProps","forwardedRef","DropdownMenuLabel","DropdownMenuItem","Content","Description","Overlay","Portal","Root","Title","VisuallyHidden","twMerge","Modal","props","title","open","onOpenChange","contentProps","overlayProps","children","delegated","className","useEffect","useRef","useState","FRAME_DURATION","HOLD_LAST_FRAME","frames","color","PackageAnimation","animate","loop","size","onComplete","frameIndex","setFrameIndex","timerRef","isRunning","current","totalFrames","length","tick","setTimeout","clearTimeout","display","alignItems","justifyContent","width","height","flexShrink","transform","transformOrigin","twMerge","PowerhouseButton","PaginationButton","active","props","className","propClassName","restProps","mergedClassName","children","Icon","PaginationButton","Pagination","props","pages","goToFirstPage","goToLastPage","goToNextPage","goToPreviousPage","goToPage","isNextPageAvailable","isPreviousPageAvailable","hiddenNextPages","firstPageLabel","lastPageLabel","nextPageLabel","previousPageLabel","map","page","active","index","number","useEffect","useRef","useState","twMerge","SidebarPanel","className","children","props","hasScroll","setHasScroll","checkContentScroll","target","scrollHeight","scrollTop","clientHeight","containerRef","current","observer","ResizeObserver","entries","entry","pop","observe","disconnect","e","currentTarget","boxShadow","useRef","twMerge","SidebarHeader","className","props","SidebarFooter","Sidebar","maxWidth","_maxWidth","minWidth","children","ref","width","useCallback","useLayoutEffect","useRef","useState","ReactDOM","useEnterAnimation","ref","isReady","isEntering","setEntering","useAnimation","useExitAnimation","isOpen","isExiting","setExiting","exitState","setExitState","current","isActive","onEnd","prevAnimation","window","getComputedStyle","animation","computedStyle","animationName","onAnimationEnd","e","target","element","removeEventListener","flushSync","addEventListener","useCallback","useMemo","useState","usePagination","items","options","itemsPerPage","initialPage","pageRange","currentPage","setCurrentPage","pageCount","Math","ceil","length","isNextPageAvailable","isPreviousPageAvailable","goToNextPage","prev","goToPreviousPage","goToLastPage","goToFirstPage","goToPage","page","pageOffset","floor","availableRange","min","maxStartIndex","max","startIndex","pages","range","i","push","index","active","number","pageItems","slice","hiddenNextPages","useEffect","useState","useWindowSize","windowSize","setWindowSize","innerWidth","window","innerHeight","windowSizeHandler","addEventListener","removeEventListener"],"sources":["../src/powerhouse/components/button/button.tsx","../src/powerhouse/components/dropdown-menu/dropdown-menu.tsx","../src/powerhouse/components/modal/modal.tsx","../src/powerhouse/components/package-animation/package-animation.tsx","../src/powerhouse/components/pagination/pagination-button.tsx","../src/powerhouse/components/pagination/pagination.tsx","../src/powerhouse/components/sidebar/sidebar-panel.tsx","../src/powerhouse/components/sidebar/sidebar.tsx","../src/powerhouse/hooks/animation.ts","../src/powerhouse/hooks/usePagination.ts","../src/powerhouse/hooks/useWindowSize.ts"],"sourcesContent":["import type { ComponentPropsWithRef, ForwardedRef } from \"react\";\nimport { forwardRef } from \"react\";\nimport { twJoin, twMerge } from \"tailwind-merge\";\n\nexport type PowerhouseButtonProps = ComponentPropsWithRef<\"button\"> & {\n  readonly color?: \"light\" | \"dark\" | \"red\" | \"blue\";\n  readonly size?: \"small\" | \"medium\";\n  readonly icon?: React.JSX.Element;\n  readonly iconPosition?: \"left\" | \"right\";\n};\n\nexport const PowerhouseButton = forwardRef(function PowerhouseButton(\n  props: PowerhouseButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  const {\n    color = \"dark\",\n    size = \"medium\",\n    className = \"\",\n    children,\n    icon,\n    iconPosition = \"left\",\n    ...delegatedProps\n  } = props;\n\n  const sizeStyles = {\n    small: \"px-2 py-1.5 text-xs rounded-md font-medium\",\n    medium: \"px-6 py-3 text-base rounded-xl font-semibold tracking-wide\",\n  };\n\n  const colorStyles = {\n    light:\n      \"bg-secondary text-foreground hover:hover-effect active:active-effect disabled:disabled-effect\",\n    dark: \"bg-primary text-primary-foreground hover:hover-effect active:active-effect disabled:disabled-effect\",\n    red: \"bg-destructive text-destructive-foreground hover:hover-effect active:active-effect disabled:disabled-effect disabled:opacity-100\",\n    blue: \"bg-info text-info-foreground hover:hover-effect active:active-effect disabled:disabled-effect disabled:opacity-100\",\n  };\n\n  const colorAndSizeStyle = twJoin(colorStyles[color], sizeStyles[size]);\n\n  const finalClassName = twMerge(\n    \"flex items-center justify-center gap-2 border border-none transition outline-none disabled:disabled-effect\",\n    colorAndSizeStyle,\n    className,\n  );\n\n  return (\n    <button className={finalClassName} ref={ref} {...delegatedProps}>\n      {iconPosition === \"left\" && icon}\n      {children}\n      {iconPosition === \"right\" && icon}\n    </button>\n  );\n});\n","import type {\n  DropdownMenuContentProps,\n  DropdownMenuProps,\n} from \"@radix-ui/react-dropdown-menu\";\nimport {\n  Content,\n  Item,\n  Label,\n  Portal,\n  Root,\n  Trigger,\n} from \"@radix-ui/react-dropdown-menu\";\nimport type { ForwardedRef } from \"react\";\nimport { forwardRef } from \"react\";\n\nexport const DropdownMenu: React.FC<DropdownMenuProps> = Root;\nexport const DropdownMenuTrigger = Trigger;\n\nexport const DropdownMenuContent = forwardRef(function DropdownMenuContent(\n  { children, ...delegatedProps }: DropdownMenuContentProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <Portal>\n      <Content {...delegatedProps} ref={forwardedRef}>\n        {children}\n      </Content>\n    </Portal>\n  );\n});\n\nexport const DropdownMenuLabel = Label;\nexport const DropdownMenuItem = Item;\n","import {\n  Content,\n  Description,\n  Overlay,\n  Portal,\n  Root,\n  Title,\n} from \"@radix-ui/react-dialog\";\nimport { Root as VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ntype Props = {\n  readonly title?: string;\n  readonly children?: React.ReactNode;\n  readonly open?: boolean;\n  readonly onOpenChange?: (open: boolean) => void;\n  readonly overlayProps?: ComponentPropsWithoutRef<typeof Overlay>;\n  readonly contentProps?: ComponentPropsWithoutRef<typeof Content>;\n};\nexport function Modal(props: Props) {\n  const {\n    title,\n    open,\n    onOpenChange,\n    contentProps,\n    overlayProps,\n    children,\n    ...delegated\n  } = props;\n  return (\n    <Root defaultOpen={open} onOpenChange={onOpenChange} open={open}>\n      <Portal>\n        <Overlay\n          {...overlayProps}\n          className={twMerge(\n            \"fixed inset-0 grid place-items-center overflow-y-auto bg-background/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in\",\n            overlayProps?.className,\n          )}\n        >\n          <Content\n            {...delegated}\n            {...contentProps}\n            className={twMerge(\n              \"overflow-hidden rounded-3xl bg-background data-[state=closed]:animate-zoom-out data-[state=open]:animate-zoom-in\",\n              contentProps?.className,\n            )}\n          >\n            <VisuallyHidden>\n              <Title>{title || \"Modal\"}</Title>\n              <Description>{title || \"Modal\"}</Description>\n            </VisuallyHidden>\n            {children}\n          </Content>\n        </Overlay>\n      </Portal>\n    </Root>\n  );\n}\n","import { useEffect, useRef, useState } from \"react\";\n\nconst FRAME_DURATION = 60;\nconst HOLD_LAST_FRAME = 800;\n\nconst frames = [\n  // frame 1\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M15.3998 27.782C15.6431 27.9224 15.919 27.9963 16.1998 27.9963C16.4807 27.9963 16.7566 27.9224 16.9998 27.782L22.5997 24.5821C22.8427 24.4418 23.0445 24.24 23.1849 23.9971C23.3253 23.7542 23.3994 23.4787 23.3996 23.1981V16.7982C23.3994 16.5177 23.3253 16.2421 23.1849 15.9992C23.0445 15.7563 22.8427 15.5546 22.5997 15.4143L16.9998 12.2144C16.7566 12.0739 16.4807 12 16.1998 12C15.919 12 15.6431 12.0739 15.3998 12.2144L9.79998 15.4143C9.557 15.5546 9.35518 15.7563 9.21476 15.9992C9.07435 16.2421 9.00029 16.5177 9 16.7982V23.1981C9.00029 23.4787 9.07435 23.7542 9.21476 23.9971C9.35518 24.24 9.557 24.4418 9.79998 24.5821L15.3999 27.782Z\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.1997 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M9.23193 15.9985L16.1998 19.9984L23.1676 15.9985\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M12.6001 13.8145L19.7999 17.9344\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  ),\n  // frame 2\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M19.7996 13.8145L16.8801 15.5\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M12.9998 14L18.9998 17.5\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M16.1998 27.9963C16.4807 27.9963 16.7566 27.9224 16.9998 27.782L22.5997 24.5821C22.8427 24.4418 23.0445 24.24 23.1849 23.9971C23.3253 23.7542 23.3994 23.4787 23.3997 23.1981V16.7982C23.3994 16.5177 23.3253 16.2421 23.1849 15.9992C23.0445 15.7563 22.8427 15.5546 22.5997 15.4143L16.9998 12.2144C16.7566 12.0739 16.4807 12 16.1998 12C15.919 12 15.6431 12.0739 15.3999 12.2144L9.79999 15.4143C9.55701 15.5546 9 16 9 16.5L9.00001 20.5V23.1981C9.0003 23.4787 9.07436 23.7542 9.21477 23.9971C9.35518 24.24 9.55701 24.4418 9.79999 24.5821L15.3999 27.782C15.6431 27.9224 15.919 27.9963 16.1998 27.9963Z\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.1997 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M23.1677 15.9985L16.1999 19.9984L9.23207 15.9985\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.001 11.8061V9.76617C16.001 8.98888 16.8489 8.50877 17.5155 8.90867L22.4298 11.8572C23.0322 12.2186 23.4008 12.8697 23.4008 13.5722V16.8833\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  ),\n  // frame 3\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M9.00001 20.5V23.1981C9.0003 23.4787 9.07436 23.7542 9.21477 23.9971C9.35518 24.24 9.55701 24.4418 9.79999 24.5821L15.3999 27.782C15.6431 27.9224 15.919 27.9963 16.1998 27.9963C16.4807 27.9963 16.7566 27.9224 16.9998 27.782L22.5997 24.5821C22.8427 24.4418 23.0445 24.24 23.1849 23.9971C23.3253 23.7542 23.3994 23.4787 23.3997 23.1981V16.7982C23.3994 16.5177 23.3253 16.2421 23.1849 15.9992C23.0445 15.7563 22.8427 15.5546 22.5997 15.4143L16.9998 12.2144C16.7566 12.0739 16.4807 12 16.1998 12C15.919 12 15.6431 12.0739 15.3999 12.2144\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.2 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M23.1677 15.9985L16.1999 19.9984L9.23207 15.9985\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M19.7998 13.8145L16.0143 16\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.5002 19.7472L24.1167 15.3498C24.385 15.1982 24.6081 14.978 24.7634 14.7118C24.9187 14.4456 25.0005 14.143 25.0005 13.8348C25.0005 13.5266 24.9187 13.224 24.7634 12.9578C24.6081 12.6916 24.385 12.4715 24.1167 12.3198L20.3291 10.1915C20.1045 10.0659 19.8515 10 19.5941 10C19.3368 10 19.0837 10.0659 18.8591 10.1915L12.5487 13.8348\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M9.00024 20.8833V13.7662C9.00024 12.9889 9.84821 12.5088 10.5147 12.9087L15.2265 15.7357C15.8289 16.0971 16.1975 16.7481 16.1975 17.4507V20.7618\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  ),\n  // frame 4\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M9.79998 15.4143L15.3998 12.2144C15.6431 12.0739 15.919 12 16.1998 12C16.4807 12 16.7566 12.0739 16.9998 12.2144L22.5997 15.4143C22.8427 15.5546 23.0445 15.7563 23.1849 15.9992C23.3253 16.2421 23.3994 16.5177 23.3996 16.7982V23.1981C23.3994 23.4787 23.3253 23.7542 23.1849 23.9971C23.0445 24.24 22.8427 24.4418 22.5997 24.5821L16.9998 27.782C16.7566 27.9224 16.4807 27.9963 16.1998 27.9963C15.919 27.9963 15.6431 27.9224 15.3998 27.782L9.79998 24.5821C9.557 24.4418 9.35518 24.24 9.21476 23.9971C9.07435 23.7542 9.00029 23.4787 9 23.1981V19.9982\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.1997 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M9.23193 15.9985L16.1998 19.9984L23.1676 15.9985\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M19.0996 14L12.5997 17.7527\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M18.8589 10.0099C19.0835 9.8843 19.3365 9.81836 19.5939 9.81836C19.8512 9.81836 20.1042 9.8843 20.3289 10.0099L24.1165 12.1381C24.3847 12.2898 24.6079 12.51 24.7632 12.7762C24.9185 13.0424 25.0003 13.345 25.0003 13.6532C25.0003 13.9613 24.9185 14.264 24.7632 14.5301C24.6079 14.7963 24.3847 15.0165 24.1165 15.1682L13.1324 21.3546C12.9071 21.4831 12.6522 21.5506 12.3929 21.5506C12.1335 21.5506 11.8787 21.4831 11.6534 21.3546L7.88378 19.2263C7.61553 19.0746 7.39237 18.8544 7.23709 18.5883C7.08182 18.3221 7 18.0194 7 17.7113C7 17.4031 7.08182 17.1005 7.23709 16.8343C7.39237 16.5681 7.61553 16.3479 7.88378 16.1963L18.8589 10.0099Z\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.2463 11.1364L16.2179 8.7419C16.2087 7.96996 15.3654 7.49911 14.7034 7.89629L9.98488 10.7274C9.37494 11.0933 9.00526 11.7557 9.01401 12.467L9.04907 15.3181\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  ),\n  // frame 5\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M23.1849 15.9993C23.3253 16.2422 23.3994 16.5177 23.3996 16.7983V23.1982C23.3994 23.4787 23.3253 23.7543 23.1849 23.9972C23.0445 24.2401 22.8427 24.4418 22.5997 24.5821L16.9998 27.782C16.7566 27.9225 16.4807 27.9964 16.1998 27.9964C15.919 27.9964 15.6431 27.9225 15.3998 27.782L9.79998 24.5821C9.557 24.4418 9.35518 24.2401 9.21476 23.9972C9.07435 23.7543 9.00029 23.4787 9 23.1982V20.5001\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.1997 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M18.8589 10.2045C19.0835 10.0789 19.3365 10.0129 19.5939 10.0129C19.8512 10.0129 20.1042 10.0789 20.3289 10.2045L24.1165 12.3327C24.3847 12.4844 24.6079 12.7046 24.7632 12.9708C24.9185 13.2369 25.0003 13.5396 25.0003 13.8477C25.0003 14.1559 24.9185 14.4585 24.7632 14.7247C24.6079 14.9909 24.3847 15.2111 24.1165 15.3628L13.1324 21.5491C12.9071 21.6776 12.6522 21.7452 12.3929 21.7452C12.1335 21.7452 11.8787 21.6776 11.6534 21.5491L7.88378 19.4209C7.61553 19.2692 7.39237 19.049 7.23709 18.7828C7.08182 18.5167 7 18.214 7 17.9059C7 17.5977 7.08182 17.2951 7.23709 17.0289C7.39237 16.7627 7.61553 16.5425 7.88378 16.3908L18.8589 10.2045Z\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M18.8649 13.5L13.1414 10.1956C12.9176 10.0674 12.6642 10 12.4064 10C12.1485 10 11.8952 10.0674 11.6714 10.1956L7.88378 12.3328C7.61553 12.4845 7.39237 12.7047 7.23709 12.9709C7.08182 13.2371 7 13.5397 7 13.8479C7 14.156 7.08182 14.4587 7.23709 14.7248C7.39237 14.991 7.61553 15.2112 7.88378 15.3629L16 20\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M23.1972 15.5L23.1972 12.7662C23.1972 11.9889 22.3493 11.5088 21.6827 11.9087L16.971 14.7357C16.3686 15.0971 16 15.7482 16 16.4507L16.0001 19.5\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  ),\n  // frame 6\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M23.3996 20V23.1982C23.3994 23.4788 23.3253 23.7543 23.1849 23.9972C23.0445 24.2401 22.8427 24.4419 22.5997 24.5821L16.9998 27.7821C16.7566 27.9225 16.4807 27.9964 16.1998 27.9964C15.919 27.9964 15.6431 27.9225 15.3998 27.7821L9.79998 24.5821C9.557 24.4419 9.35518 24.2401 9.21476 23.9972C9.07435 23.7543 9.00029 23.4788 9 23.1982V20.5001\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.1997 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M18.8589 10.2045C19.0835 10.0789 19.3365 10.0129 19.5939 10.0129C19.8512 10.0129 20.1042 10.0789 20.3289 10.2045L24.1165 12.3327C24.3847 12.4844 24.6079 12.7046 24.7632 12.9708C24.9185 13.2369 25.0003 13.5396 25.0003 13.8477C25.0003 14.1559 24.9185 14.4585 24.7632 14.7247C24.6079 14.9909 24.3847 15.2111 24.1165 15.3628L13.1324 21.5491C12.9071 21.6776 12.6522 21.7452 12.3929 21.7452C12.1335 21.7452 11.8787 21.6776 11.6534 21.5491L7.88378 19.4209C7.61553 19.2692 7.39237 19.049 7.23709 18.7828C7.08182 18.5167 7 18.214 7 17.9059C7 17.5977 7.08182 17.2951 7.23709 17.0289C7.39237 16.7627 7.61553 16.5425 7.88378 16.3908L18.8589 10.2045Z\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M24.1162 19.4209C24.3845 19.2693 24.6076 19.0491 24.7629 18.7829C24.9182 18.5167 25 18.2141 25 17.9059C25 17.5978 24.9182 17.2951 24.7629 17.029C24.6076 16.7628 24.3845 16.5426 24.1162 16.3909L13.1413 10.1955C12.9175 10.0674 12.6642 10 12.4063 10C12.1485 10 11.8951 10.0674 11.6713 10.1955L7.88377 12.3328C7.61552 12.4845 7.39236 12.7047 7.23709 12.9709C7.08182 13.237 7 13.5397 7 13.8478C7 14.156 7.08182 14.4586 7.23709 14.7248C7.39236 14.991 7.61552 15.2112 7.88377 15.3629L18.8677 21.5492C19.0914 21.6777 19.3448 21.7453 19.6027 21.7453C19.8606 21.7453 20.114 21.6777 20.3377 21.5492L24.1162 19.4209Z\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  ),\n  // frame 7\n  (color: string) => (\n    <svg\n      width=\"32\"\n      height=\"32\"\n      viewBox=\"0 0 32 32\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M23.3996 20V23.1982C23.3994 23.4788 23.3253 23.7543 23.1849 23.9972C23.0445 24.2401 22.8427 24.4419 22.5997 24.5821L16.9998 27.7821C16.7566 27.9225 16.4807 27.9964 16.1998 27.9964C15.919 27.9964 15.6431 27.9225 15.3998 27.7821L9.79998 24.5821C9.557 24.4419 9.35518 24.2401 9.21476 23.9972C9.07435 23.7543 9.00029 23.4788 9 23.1982V20.5001\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16.1997 27.9979V19.998\"\n        stroke={color}\n        strokeWidth=\"1.59996\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M18.8589 10.2045C19.0835 10.0789 19.3365 10.0129 19.5939 10.0129C19.8512 10.0129 20.1042 10.0789 20.3289 10.2045L24.1165 12.3327C24.3847 12.4844 24.6079 12.7046 24.7632 12.9708C24.9185 13.2369 25.0003 13.5396 25.0003 13.8477C25.0003 14.1559 24.9185 14.4585 24.7632 14.7247C24.6079 14.9909 24.3847 15.2111 24.1165 15.3628L13.1324 21.5491C12.9071 21.6776 12.6522 21.7452 12.3929 21.7452C12.1335 21.7452 11.8787 21.6776 11.6534 21.5491L7.88378 19.4209C7.61553 19.2692 7.39237 19.049 7.23709 18.7828C7.08182 18.5167 7 18.214 7 17.9059C7 17.5977 7.08182 17.2951 7.23709 17.0289C7.39237 16.7627 7.61553 16.5425 7.88378 16.3908L18.8589 10.2045Z\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M24.1162 19.4209C24.3845 19.2693 24.6076 19.0491 24.7629 18.7829C24.9182 18.5167 25 18.2141 25 17.9059C25 17.5978 24.9182 17.2951 24.7629 17.029C24.6076 16.7628 24.3845 16.5426 24.1162 16.3909L13.1413 10.1955C12.9175 10.0674 12.6642 10 12.4063 10C12.1485 10 11.8951 10.0674 11.6713 10.1955L7.88377 12.3328C7.61552 12.4845 7.39236 12.7047 7.23709 12.9709C7.08182 13.237 7 13.5397 7 13.8478C7 14.156 7.08182 14.4586 7.23709 14.7248C7.39236 14.991 7.61552 15.2112 7.88377 15.3629L18.8677 21.5492C19.0914 21.6777 19.3448 21.7453 19.6027 21.7453C19.8606 21.7453 20.114 21.6777 20.3377 21.5492L24.1162 19.4209Z\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M16 7V4\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M19 8L21 7\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n      <path\n        d=\"M13 8L11 7\"\n        stroke={color}\n        strokeWidth=\"1.6\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  ),\n];\n\nexport interface PackageAnimationProps {\n  readonly animate?: boolean;\n  readonly loop?: boolean;\n  readonly color?: string;\n  readonly size?: number;\n  readonly onComplete?: () => void;\n}\n\nexport function PackageAnimation({\n  animate = false,\n  loop = false,\n  color = \"currentColor\",\n  size = 32,\n  onComplete,\n}: PackageAnimationProps) {\n  const [frameIndex, setFrameIndex] = useState(0);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isRunning = useRef(false);\n\n  useEffect(() => {\n    if (!animate || isRunning.current) return;\n\n    isRunning.current = true;\n    setFrameIndex(0);\n\n    let current = 0;\n    const totalFrames = frames.length;\n\n    const tick = () => {\n      current += 1;\n      if (current < totalFrames - 1) {\n        setFrameIndex(current);\n        timerRef.current = setTimeout(tick, FRAME_DURATION);\n      } else {\n        setFrameIndex(totalFrames - 1);\n        timerRef.current = setTimeout(() => {\n          if (loop) {\n            current = 0;\n            setFrameIndex(0);\n            timerRef.current = setTimeout(tick, FRAME_DURATION);\n          } else {\n            isRunning.current = false;\n            onComplete?.();\n          }\n        }, HOLD_LAST_FRAME);\n      }\n    };\n\n    timerRef.current = setTimeout(tick, FRAME_DURATION);\n    return () => {\n      isRunning.current = false;\n      if (timerRef.current) clearTimeout(timerRef.current);\n    };\n  }, [animate, loop]);\n\n  return (\n    <span\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: size,\n        height: size,\n        flexShrink: 0,\n      }}\n    >\n      <span\n        style={{\n          transform: `scale(${size / 32})`,\n          transformOrigin: \"center\",\n          display: \"block\",\n          width: 32,\n          height: 32,\n        }}\n      >\n        {frames[frameIndex](color)}\n      </span>\n    </span>\n  );\n}\n","import { twMerge } from \"tailwind-merge\";\nimport {\n  PowerhouseButton,\n  type PowerhouseButtonProps,\n} from \"../button/button.js\";\n\nexport interface PaginationButtonProps extends PowerhouseButtonProps {\n  readonly active?: boolean;\n}\n\nexport const PaginationButton: React.FC<PaginationButtonProps> = ({\n  active = false,\n  ...props\n}) => {\n  const { className: propClassName, ...restProps } = props;\n  const mergedClassName = twMerge(\n    \"h-8 min-w-8 border border-solid border-border bg-background px-3 py-1 text-xs text-foreground hover:hover-effect\",\n    !active && \"border-0\",\n    typeof propClassName === \"string\" && propClassName,\n  );\n\n  return (\n    <PowerhouseButton\n      color=\"light\"\n      size=\"small\"\n      className={mergedClassName}\n      {...restProps}\n    >\n      {props.children}\n    </PowerhouseButton>\n  );\n};\n","import type {\n  PageItem,\n  UsePaginationBaseResult,\n} from \"../../hooks/usePagination.js\";\nimport { Icon } from \"../icon/icon.js\";\nimport { PaginationButton } from \"./pagination-button.js\";\n\nexport type PaginationEvent = {\n  event: \"first\" | \"previous\" | \"next\" | \"last\";\n};\n\nexport type PaginationPageEvent = {\n  event: \"page\";\n  page: PageItem;\n};\n\nexport interface PaginationProps extends Omit<\n  UsePaginationBaseResult,\n  \"pageCount\" | \"currentPage\"\n> {\n  displayPagesLeftIndicator?: boolean;\n  firstPageLabel?: React.ReactNode;\n  lastPageLabel?: React.ReactNode;\n  nextPageLabel?: React.ReactNode;\n  previousPageLabel?: React.ReactNode;\n}\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    pages = [],\n    goToFirstPage,\n    goToLastPage,\n    goToNextPage,\n    goToPreviousPage,\n    goToPage,\n    isNextPageAvailable,\n    isPreviousPageAvailable,\n    hiddenNextPages,\n    firstPageLabel = \"First\",\n    lastPageLabel = \"Last\",\n    nextPageLabel = \"Next\",\n    previousPageLabel = \"Previous\",\n  } = props;\n\n  return (\n    <div className=\"flex gap-x-1\">\n      {firstPageLabel ? (\n        <PaginationButton\n          disabled={!isPreviousPageAvailable}\n          onClick={() => goToFirstPage()}\n        >\n          {firstPageLabel}\n        </PaginationButton>\n      ) : null}\n      {previousPageLabel ? (\n        <PaginationButton\n          disabled={!isPreviousPageAvailable}\n          onClick={() => goToPreviousPage()}\n        >\n          <Icon className=\"rotate-90\" name=\"ChevronDown\" size={16} />\n          {previousPageLabel}\n        </PaginationButton>\n      ) : null}\n      {pages.map((page) => (\n        <PaginationButton\n          active={page.active}\n          key={page.index}\n          onClick={() => goToPage(page.index)}\n        >\n          {page.number}\n        </PaginationButton>\n      ))}\n      {hiddenNextPages ? (\n        <span className=\"flex items-center justify-center px-2\">...</span>\n      ) : null}\n      {nextPageLabel ? (\n        <PaginationButton\n          disabled={!isNextPageAvailable}\n          onClick={() => goToNextPage()}\n        >\n          {nextPageLabel}\n          <Icon className=\"-rotate-90\" name=\"ChevronDown\" size={16} />\n        </PaginationButton>\n      ) : null}\n      {lastPageLabel ? (\n        <PaginationButton\n          disabled={!isNextPageAvailable}\n          onClick={() => goToLastPage()}\n        >\n          {lastPageLabel}\n        </PaginationButton>\n      ) : null}\n    </div>\n  );\n};\n","import { useEffect, useRef, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type SidebarPanelProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport function SidebarPanel({\n  className,\n  children,\n  ...props\n}: SidebarPanelProps) {\n  const [hasScroll, setHasScroll] = useState(false);\n\n  function checkContentScroll(target: Element) {\n    setHasScroll(\n      target.scrollHeight - target.scrollTop - target.clientHeight > 1,\n    );\n  }\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // listen for resize events to update shadow\n  useEffect(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const observer = new ResizeObserver((entries: ResizeObserverEntry[]) => {\n      const entry = entries.pop();\n      if (!entry) {\n        return;\n      }\n\n      const { target } = entry;\n      checkContentScroll(target);\n    });\n    observer.observe(containerRef.current);\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  return (\n    <>\n      <div\n        className={twMerge(\n          \"scrollbar-none flex-1 overflow-auto text-foreground transition-shadow\",\n          className,\n        )}\n        onScroll={(e) => checkContentScroll(e.currentTarget)}\n        ref={containerRef}\n        {...props}\n      >\n        {children}\n      </div>\n      {hasScroll ? (\n        <div\n          className=\"pointer-events-none z-10 -mt-12 h-12 w-full\"\n          style={{\n            boxShadow: \"inset 0px -33px 32px -16px rgba(0,0,0,0.1)\",\n          }}\n        />\n      ) : null}\n    </>\n  );\n}\n","import { useRef, type HTMLAttributes } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function SidebarHeader({\n  className,\n  ...props\n}: HTMLAttributes<HTMLElement>) {\n  return <div className={twMerge(\"shrink-0\", className)} {...props} />;\n}\n\nexport function SidebarFooter({\n  className,\n  ...props\n}: HTMLAttributes<HTMLElement>) {\n  return <div className={twMerge(\"shrink-0\", className)} {...props} />;\n}\n\ntype SidebarProps = HTMLAttributes<HTMLElement> & {\n  maxWidth: string;\n  minWidth: string;\n};\nexport function Sidebar({\n  maxWidth: _maxWidth = \"304px\",\n  minWidth = \"80px\",\n  className,\n  children,\n  ...props\n}: SidebarProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  return (\n    <div\n      {...props}\n      className={twMerge(\n        `group z-1 flex h-full flex-col bg-sidebar text-sidebar-foreground`,\n        className,\n      )}\n      ref={ref}\n      style={{\n        width: minWidth,\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n","/*\n *  https://github.com/adobe/react-spectrum/blob/main/packages/react-aria-components/src/utils.tsx#L215\n */\n\nimport type { RefObject } from \"react\";\nimport { useCallback, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nexport function useEnterAnimation(ref: RefObject<HTMLElement>, isReady = true) {\n  const [isEntering, setEntering] = useState(true);\n  useAnimation(\n    ref,\n    isEntering && isReady,\n    useCallback(() => setEntering(false), []),\n  );\n  return isEntering && isReady;\n}\n\nexport function useExitAnimation(ref: RefObject<HTMLElement>, isOpen: boolean) {\n  // State to trigger a re-render after animation is complete, which causes the element to be removed from the DOM.\n  // Ref to track the state we're in, so we don't immediately reset isExiting to true after the animation.\n  const [isExiting, setExiting] = useState(false);\n  const [exitState, setExitState] = useState(\"idle\");\n\n  // If isOpen becomes false, set isExiting to true.\n  if (!isOpen && ref.current && exitState === \"idle\") {\n    setExiting(true);\n    setExitState(\"exiting\");\n  }\n\n  // If we exited, and the element has been removed, reset exit state to idle.\n  if (!ref.current && exitState === \"exited\") {\n    setExitState(\"idle\");\n  }\n\n  useAnimation(\n    ref,\n    isExiting,\n    useCallback(() => {\n      setExitState(\"exited\");\n      setExiting(false);\n    }, []),\n  );\n\n  return isExiting;\n}\n\nexport function useAnimation(\n  ref: RefObject<HTMLElement>,\n  isActive: boolean,\n  onEnd: () => void,\n) {\n  const prevAnimation = useRef<string | null>(null);\n  if (isActive && ref.current) {\n    // This is ok because we only read it in the layout effect below, immediately after the commit phase.\n    // We could move this to another effect that runs every render, but this would be unnecessarily slow.\n    // We only need the computed style right before the animation becomes active.\n    prevAnimation.current = window.getComputedStyle(ref.current).animation;\n  }\n\n  useLayoutEffect(() => {\n    if (isActive && ref.current) {\n      // Make sure there's actually an animation, and it wasn't there before we triggered the update.\n      const computedStyle = window.getComputedStyle(ref.current);\n      if (\n        computedStyle.animationName !== \"none\" &&\n        computedStyle.animation !== prevAnimation.current\n      ) {\n        const onAnimationEnd = (e: AnimationEvent) => {\n          if (e.target === ref.current) {\n            element.removeEventListener(\"animationend\", onAnimationEnd);\n            ReactDOM.flushSync(() => {\n              onEnd();\n            });\n          }\n        };\n\n        const element = ref.current;\n        element.addEventListener(\"animationend\", onAnimationEnd);\n        return () => {\n          element.removeEventListener(\"animationend\", onAnimationEnd);\n        };\n      } else {\n        onEnd();\n      }\n    }\n  }, [ref, isActive, onEnd]);\n}\n","import { useCallback, useMemo, useState } from \"react\";\n\nexport type PageItem = {\n  index: number;\n  number: number;\n  active: boolean;\n};\n\nexport interface UsePaginationOptions {\n  pageRange?: number;\n  initialPage?: number;\n  itemsPerPage?: number;\n}\n\nexport interface UsePaginationBaseResult {\n  pages: PageItem[];\n  goToPage: (page: number) => void;\n  pageCount: number;\n  currentPage: number;\n  goToLastPage: () => void;\n  goToFirstPage: () => void;\n  goToNextPage: () => void;\n  goToPreviousPage: () => void;\n  isNextPageAvailable: boolean;\n  isPreviousPageAvailable: boolean;\n  hiddenNextPages: boolean;\n}\nexport interface UsePaginationResult<T> extends UsePaginationBaseResult {\n  pageItems: T[];\n}\n\n/**\n * Custom hook for pagination.\n *\n * @template T - The type of items in the pagination.\n * @param {T[]} items - The array of items to paginate.\n * @param {UsePaginationOptions} [options] - The pagination options.\n * @returns {{\n *   pages: PageItem[]; - The array of page items.\n *   goToPage: (page: number) => void; - The function to go to a specific page.\n *   pageItems: T[]; - The array of items for the current page.\n *   pageCount: number; - The total number of pages.\n *   currentPage: number; - The current page index.\n *   goToLastPage: () => void; - The function to go to the last page.\n *   goToFirstPage: () => void; - The function to go to the first page.\n *   goToNextPage: () => void; - The function to go to the next page.\n *   goToPreviousPage: () => void; - The function to go to the previous page.\n *   isNextPageAvailable: boolean; - The flag to indicate if the next page is available.\n *   isPreviousPageAvailable: boolean; - The flag to indicate if the previous page is available.\n * }} - The pagination object with various functions and properties.\n */\n\nexport function usePagination<T>(\n  items: T[],\n  options?: UsePaginationOptions,\n): UsePaginationResult<T> {\n  const { itemsPerPage = 20, initialPage = 0, pageRange = 3 } = options || {};\n\n  const [currentPage, setCurrentPage] = useState(initialPage);\n\n  const pageCount = Math.ceil(items.length / itemsPerPage);\n  const isNextPageAvailable = currentPage < pageCount - 1;\n  const isPreviousPageAvailable = currentPage > 0;\n\n  const goToNextPage = useCallback(() => {\n    if (isNextPageAvailable) {\n      setCurrentPage((prev) => prev + 1);\n    }\n  }, [isNextPageAvailable, setCurrentPage]);\n\n  const goToPreviousPage = useCallback(() => {\n    if (isPreviousPageAvailable) {\n      setCurrentPage((prev) => prev - 1);\n    }\n  }, [isPreviousPageAvailable, setCurrentPage]);\n\n  const goToLastPage = useCallback(() => {\n    setCurrentPage(pageCount - 1);\n  }, [pageCount]);\n\n  const goToFirstPage = useCallback(() => {\n    setCurrentPage(0);\n  }, []);\n\n  const goToPage = useCallback(\n    (page: number) => {\n      if (page >= 0 && page < pageCount) {\n        setCurrentPage(page);\n      }\n    },\n    [pageCount],\n  );\n\n  const pageOffset = Math.floor((pageRange - 1) / 2);\n  const availableRange = Math.min(pageRange, pageCount);\n  const maxStartIndex = Math.max(pageCount - availableRange);\n  const startIndex = Math.min(\n    maxStartIndex,\n    Math.max(currentPage - pageOffset, 0),\n  );\n\n  const pages = useMemo(() => {\n    const range: PageItem[] = [];\n    for (let i = startIndex; i < availableRange + startIndex; i++) {\n      range.push({\n        index: i,\n        active: i === currentPage,\n        number: i + 1,\n      });\n    }\n    return range;\n  }, [availableRange, startIndex, currentPage]);\n\n  const pageItems = items.slice(\n    currentPage * itemsPerPage,\n    (currentPage + 1) * itemsPerPage,\n  );\n\n  const hiddenNextPages =\n    pages.length > 0 && pages.slice(-1)[0].index < pageCount - 1;\n\n  return {\n    pages,\n    goToPage,\n    pageItems,\n    pageCount,\n    currentPage,\n    goToLastPage,\n    goToFirstPage,\n    goToNextPage,\n    hiddenNextPages,\n    goToPreviousPage,\n    isNextPageAvailable,\n    isPreviousPageAvailable,\n  };\n}\n","import { useEffect, useState } from \"react\";\n\nexport const useWindowSize = () => {\n  const [windowSize, setWindowSize] = useState({\n    innerWidth: window.innerWidth,\n    innerHeight: window.innerHeight,\n  });\n\n  useEffect(() => {\n    const windowSizeHandler = () => {\n      setWindowSize({\n        innerWidth: window.innerWidth,\n        innerHeight: window.innerHeight,\n      });\n    };\n\n    window.addEventListener(\"resize\", windowSizeHandler);\n\n    return () => {\n      window.removeEventListener(\"resize\", windowSizeHandler);\n    };\n  }, []);\n\n  return windowSize;\n};\n"],"mappings":"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"}

package/dist/style.css

@@ -805,6 +805,69 @@
 ._1prJR {
   color: rgb(38, 139, 210);
 }
+:root {
+  --background: var(--color-gray-50);
+  --foreground: var(--color-gray-800);
+  --card: var(--color-white);
+  --card-foreground: var(--color-gray-800);
+  --popover: var(--color-white);
+  --popover-foreground: var(--color-gray-800);
+  --primary: var(--color-gray-800);
+  --primary-foreground: var(--color-white);
+  --secondary: var(--color-gray-200);
+  --secondary-foreground: var(--color-gray-700);
+  --muted: var(--color-gray-100);
+  --muted-foreground: var(--color-gray-500);
+  --accent: var(--color-gray-100);
+  --accent-foreground: var(--color-gray-800);
+  --border: var(--color-gray-200);
+  --input: var(--color-gray-200);
+  --ring: var(--color-blue-500);
+  --hover: 0.95;
+  --active: 0.9;
+  --disabled: 0.5;
+  --destructive: var(--color-red-900);
+  --destructive-foreground: var(--color-white);
+  --info: var(--color-blue-900);
+  --info-foreground: var(--color-white);
+  --success: var(--color-green-900);
+  --success-foreground: var(--color-white);
+  --warning: var(--color-orange-900);
+  --warning-foreground: var(--color-white);
+  --chart-1: var(--color-blue-600);
+  --chart-2: var(--color-green-600);
+  --chart-3: var(--color-orange-600);
+  --chart-4: var(--color-purple-600);
+  --chart-5: var(--color-red-600);
+  --sidebar: var(--background);
+  --sidebar-foreground: var(--foreground);
+  --sidebar-primary: var(--primary);
+  --sidebar-primary-foreground: var(--primary-foreground);
+  --sidebar-accent: var(--accent);
+  --sidebar-accent-foreground: var(--accent-foreground);
+  --sidebar-border: var(--border);
+  --sidebar-ring: var(--ring);
+}
+.dark {
+  --background: var(--color-slate-800);
+  --foreground: var(--color-slate-100);
+  --card: var(--color-slate-700);
+  --card-foreground: var(--color-slate-100);
+  --popover: var(--color-slate-700);
+  --popover-foreground: var(--color-slate-100);
+  --primary: var(--color-slate-100);
+  --primary-foreground: var(--color-slate-900);
+  --secondary: var(--color-slate-600);
+  --secondary-foreground: var(--color-slate-100);
+  --muted: var(--color-slate-700);
+  --muted-foreground: var(--color-slate-300);
+  --accent: var(--color-slate-700);
+  --accent-foreground: var(--color-slate-100);
+  --border: var(--color-slate-500);
+  --input: var(--color-slate-500);
+  --hover: 1.25;
+  --active: 1.4;
+}
 :root {
   --toastify-toast-min-height: 48px;
   --toastify-toast-bd-radius: 8px;
@@ -865,7 +928,7 @@ input[type="number"] {
     line-height: var(--leading-tight, 1.25);
     --tw-font-weight: var(--font-weight-bold, 700);
     font-weight: var(--font-weight-bold, 700);
-    color: var(--color-gray-900);
+    color: var(--foreground);
   }
   .ph-default-styles h2 {
     margin-top: calc(var(--spacing, 0.25rem) * 5);
@@ -877,7 +940,7 @@ input[type="number"] {
     line-height: var(--leading-tight, 1.25);
     --tw-font-weight: var(--font-weight-bold, 700);
     font-weight: var(--font-weight-bold, 700);
-    color: var(--color-gray-900);
+    color: var(--foreground);
   }
   .ph-default-styles h3 {
     margin-top: calc(var(--spacing, 0.25rem) * 4);
@@ -889,7 +952,7 @@ input[type="number"] {
     line-height: var(--leading-tight, 1.25);
     --tw-font-weight: var(--font-weight-bold, 700);
     font-weight: var(--font-weight-bold, 700);
-    color: var(--color-gray-900);
+    color: var(--foreground);
   }
   .ph-default-styles p {
     font-family: var(--font-sans);
@@ -899,7 +962,7 @@ input[type="number"] {
     line-height: var(--leading-tight, 1.25);
     --tw-font-weight: var(--font-weight-normal, 400);
     font-weight: var(--font-weight-normal, 400);
-    color: var(--color-gray-900);
+    color: var(--foreground);
   }
   .ph-default-styles small {
     font-family: var(--font-sans);
@@ -909,7 +972,7 @@ input[type="number"] {
     line-height: 1;
     --tw-font-weight: var(--font-weight-normal, 400);
     font-weight: var(--font-weight-normal, 400);
-    color: var(--color-gray-700);
+    color: var(--foreground);
   }
   .ph-default-styles input[type="text"], .ph-default-styles input[type="email"], .ph-default-styles input[type="password"], .ph-default-styles input[type="search"], .ph-default-styles input[type="tel"], .ph-default-styles input[type="url"], .ph-default-styles input[type="number"], .ph-default-styles textarea {
     margin-bottom: calc(var(--spacing, 0.25rem) * 2.5);
@@ -918,8 +981,8 @@ input[type="number"] {
     border-radius: var(--radius-md, 0.375rem);
     border-style: var(--tw-border-style);
     border-width: 1px;
-    border-color: var(--color-slate-100);
-    background-color: var(--color-white);
+    border-color: var(--input);
+    background-color: var(--card);
     padding-inline: calc(var(--spacing, 0.25rem) * 3);
     padding-block: calc(var(--spacing, 0.25rem) * 1.75);
     font-family: var(--font-sans);
@@ -929,22 +992,22 @@ input[type="number"] {
     line-height: calc(var(--spacing, 0.25rem) * 5);
     --tw-font-weight: var(--font-weight-normal, 400);
     font-weight: var(--font-weight-normal, 400);
-    color: var(--color-gray-900);
+    color: var(--foreground);
   }
   .ph-default-styles textarea {
     min-height: calc(var(--spacing, 0.25rem) * 9);
     resize: vertical;
   }
   .ph-default-styles input[type="text"]:is([readonly], [disabled]), .ph-default-styles input[type="email"]:is([readonly], [disabled]), .ph-default-styles input[type="password"]:is([readonly], [disabled]), .ph-default-styles input[type="search"]:is([readonly], [disabled]), .ph-default-styles input[type="tel"]:is([readonly], [disabled]), .ph-default-styles input[type="url"]:is([readonly], [disabled]), .ph-default-styles input[type="number"]:is([readonly], [disabled]), .ph-default-styles textarea:is([readonly], [disabled]) {
-    background-color: var(--color-gray-50);
-    color: var(--color-gray-500);
+    background-color: var(--background);
+    color: var(--muted-foreground);
   }
   .ph-default-styles a {
-    color: var(--color-blue-900);
+    color: var(--info);
     text-decoration-line: none;
   }
   .ph-default-styles a:hover {
-    color: var(--color-blue-900);
+    color: var(--info);
     text-decoration-line: underline;
     --tw-brightness: brightness(50%);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -952,9 +1015,9 @@ input[type="number"] {
   .ph-default-styles a:focus {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    --tw-ring-color: color-mix(in srgb, hsl(209 100% 50%) 50%, transparent);
+    --tw-ring-color: var(--ring);
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent);
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
     }
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -971,14 +1034,14 @@ input[type="number"] {
     font-family: var(--font-sans);
     --tw-font-weight: var(--font-weight-medium, 500);
     font-weight: var(--font-weight-medium, 500);
-    color: var(--color-gray-900);
+    color: var(--foreground);
   }
   .ph-default-styles hr {
     margin-block: calc(var(--spacing, 0.25rem) * 4);
     height: 1px;
     border-style: var(--tw-border-style);
     border-width: 0px;
-    background-color: var(--color-slate-100);
+    background-color: var(--border);
   }
 }
 @layer base {

package/dist/ui/components/button/button.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 //#region src/ui/components/button/button.tsx
-const buttonVariants = cva(twMerge("inline-flex items-center justify-center gap-2", "rounded-md text-sm font-medium whitespace-nowrap", "transition-colors", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"), {
+const buttonVariants = cva(twMerge("inline-flex items-center justify-center gap-2", "rounded-md text-sm font-medium whitespace-nowrap", "transition-colors", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:disabled-effect", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"), {
 	variants: { variant: {
 		default: "",
 		outline: "border",

package/dist/ui/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["twMerge","Slot","cva","forwardRef","buttonVariants","variants","variant","default","outline","ghost","defaultVariants","Button","className","asChild","props","ref","Comp"],"sources":["../../../../src/ui/components/button/button.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\n\nconst buttonVariants = cva(\n  twMerge(\n    \"inline-flex items-center justify-center gap-2\",\n    \"rounded-md text-sm font-medium whitespace-nowrap\",\n    \"transition-colors\",\n    \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n    \"disabled:pointer-events-none\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: \"border\",\n        ghost: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant, className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={twMerge(buttonVariants({ variant, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAMA,MAAMI,iBAAiBF,IACrBF,QACE,iDACA,oDACA,qBACA,+EACA,gCACA,8DACD,EACD;CACEK,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,SAAS;EACTC,OAAO;EACT,EACD;CACDC,iBAAiB,EACfJ,SAAS,WACX;CAEJ,CAAC;AASD,MAAMK,SAASR,4BACZ,EAAEG,SAASM,WAAWC,UAAU,OAAO,GAAGC,SAASC,QAAQ;AAE1D,QACE,oBAFWF,UAAUZ,OAAO,UAE5B;EACE,WAAWD,QAAQI,eAAe;GAAEE;GAASM;GAAW,CAAC,CAAC;EACrDG;EACL,GAAID;EACJ,CAAA;EAGP"}
+{"version":3,"file":"button.js","names":["twMerge","Slot","cva","forwardRef","buttonVariants","variants","variant","default","outline","ghost","defaultVariants","Button","className","asChild","props","ref","Comp"],"sources":["../../../../src/ui/components/button/button.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cva } from \"class-variance-authority\";\nimport { forwardRef } from \"react\";\n\nconst buttonVariants = cva(\n  twMerge(\n    \"inline-flex items-center justify-center gap-2\",\n    \"rounded-md text-sm font-medium whitespace-nowrap\",\n    \"transition-colors\",\n    \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n    \"disabled:disabled-effect\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  ),\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: \"border\",\n        ghost: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant, className, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={twMerge(buttonVariants({ variant, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAMA,MAAMI,iBAAiBF,IACrBF,QACE,iDACA,oDACA,qBACA,+EACA,4BACA,8DACD,EACD;CACEK,UAAU,EACRC,SAAS;EACPC,SAAS;EACTC,SAAS;EACTC,OAAO;EACT,EACD;CACDC,iBAAiB,EACfJ,SAAS,WACX;CAEJ,CAAC;AASD,MAAMK,SAASR,4BACZ,EAAEG,SAASM,WAAWC,UAAU,OAAO,GAAGC,SAASC,QAAQ;AAE1D,QACE,oBAFWF,UAAUZ,OAAO,UAE5B;EACE,WAAWD,QAAQI,eAAe;GAAEE;GAASM;GAAW,CAAC,CAAC;EACrDG;EACL,GAAID;EACJ,CAAA;EAGP"}

package/dist/ui/components/character-counter/character-counter.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/character-counter/character-counter.tsx
 const counterVariants = {
-	normal: "text-gray-500 dark:text-slate-400",
-	warning: "text-yellow-900 dark:text-yellow-100",
-	error: "text-red-900 dark:text-red-400"
+	normal: "text-muted-foreground",
+	warning: "text-warning",
+	error: "text-destructive"
 };
 const maxLengthVariants = {
-	normal: "text-gray-300 dark:text-slate-600",
-	warning: "text-yellow-400 dark:text-yellow-100",
-	error: "text-red-400 dark:text-red-100"
+	normal: "text-primary-foreground",
+	warning: "text-warning",
+	error: "text-destructive"
 };
 const CharacterCounter = ({ maxLength, value }) => {
 	const remaining = value.length / maxLength * 100;

package/dist/ui/components/character-counter/character-counter.js.map

@@ -1 +1 @@
-{"version":3,"file":"character-counter.js","names":["counterVariants","normal","warning","error","maxLengthVariants","CharacterCounter","maxLength","value","remaining","length","state"],"sources":["../../../../src/ui/components/character-counter/character-counter.tsx"],"sourcesContent":["export interface CharacterCounterProps {\n  maxLength: number;\n  value: string;\n}\n\nconst counterVariants = {\n  normal: \"text-gray-500 dark:text-slate-400\",\n  warning: \"text-yellow-900 dark:text-yellow-100\",\n  error: \"text-red-900 dark:text-red-400\",\n};\n\nconst maxLengthVariants = {\n  normal: \"text-gray-300 dark:text-slate-600\",\n  warning: \"text-yellow-400 dark:text-yellow-100\",\n  error: \"text-red-400 dark:text-red-100\",\n};\n\nexport const CharacterCounter: React.FC<CharacterCounterProps> = ({\n  maxLength,\n  value,\n}) => {\n  const remaining = (value.length / maxLength) * 100;\n  const state =\n    remaining < 90 ? \"normal\" : remaining <= 100 ? \"warning\" : \"error\";\n\n  return (\n    <div className=\"flex items-center text-xs/3\">\n      <span className={counterVariants[state]}>{value.length}</span>\n      <span className={maxLengthVariants[state]}>/{maxLength}</span>\n    </div>\n  );\n};\n"],"mappings":";;AAKA,MAAMA,kBAAkB;CACtBC,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAMC,oBAAoB;CACxBH,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAaE,oBAAqD,EAChEC,WACAC,YACI;CACJ,MAAMC,YAAaD,MAAME,SAASH,YAAa;CAC/C,MAAMI,QACJF,YAAY,KAAK,WAAWA,aAAa,MAAM,YAAY;AAE7D,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAAM,WAAWR,gBAAgBU;aAASH,MAAME;GAAa,CAAA,EAC7D,qBAAC,QAAD;GAAM,WAAWL,kBAAkBM;aAAnC,CAA2C,KAAEJ,UAAgB;KACzD"}
+{"version":3,"file":"character-counter.js","names":["counterVariants","normal","warning","error","maxLengthVariants","CharacterCounter","maxLength","value","remaining","length","state"],"sources":["../../../../src/ui/components/character-counter/character-counter.tsx"],"sourcesContent":["export interface CharacterCounterProps {\n  maxLength: number;\n  value: string;\n}\n\nconst counterVariants = {\n  normal: \"text-muted-foreground\",\n  warning: \"text-warning\",\n  error: \"text-destructive\",\n};\n\nconst maxLengthVariants = {\n  normal: \"text-primary-foreground\",\n  warning: \"text-warning\",\n  error: \"text-destructive\",\n};\n\nexport const CharacterCounter: React.FC<CharacterCounterProps> = ({\n  maxLength,\n  value,\n}) => {\n  const remaining = (value.length / maxLength) * 100;\n  const state =\n    remaining < 90 ? \"normal\" : remaining <= 100 ? \"warning\" : \"error\";\n\n  return (\n    <div className=\"flex items-center text-xs/3\">\n      <span className={counterVariants[state]}>{value.length}</span>\n      <span className={maxLengthVariants[state]}>/{maxLength}</span>\n    </div>\n  );\n};\n"],"mappings":";;AAKA,MAAMA,kBAAkB;CACtBC,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAMC,oBAAoB;CACxBH,QAAQ;CACRC,SAAS;CACTC,OAAO;CACR;AAED,MAAaE,oBAAqD,EAChEC,WACAC,YACI;CACJ,MAAMC,YAAaD,MAAME,SAASH,YAAa;CAC/C,MAAMI,QACJF,YAAY,KAAK,WAAWA,aAAa,MAAM,YAAY;AAE7D,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,QAAD;GAAM,WAAWR,gBAAgBU;aAASH,MAAME;GAAa,CAAA,EAC7D,qBAAC,QAAD;GAAM,WAAWL,kBAAkBM;aAAnC,CAA2C,KAAEJ,UAAgB;KACzD"}

package/dist/ui/components/checkbox/checkbox-base.js

@@ -5,7 +5,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 //#region src/ui/components/checkbox/checkbox-base.tsx
 const CheckboxBase = /* @__PURE__ */ React$1.forwardRef(({ className, checked, invalid, ...props }, ref) => /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
 	ref,
-	className: twMerge("peer size-4 shrink-0 rounded-sm", "border shadow-sm shadow-gray-900/4", "transition-shadow", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:cursor-not-allowed disabled:border-gray-700 disabled:data-[invalid=false]:data-[state=checked]:bg-gray-700 disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-700 dark:disabled:border-slate-200 dark:disabled:data-[invalid=false]:data-[state=checked]:bg-slate-500 dark:disabled:data-[invalid=false]:data-[state=indeterminate]:bg-slate-500", "data-state:border-gray-700 dark:data-state:border-slate-500", "data-[state=checked]:bg-gray-900 data-[state=indeterminate]:bg-gray-900 dark:data-[state=checked]:bg-slate-400 dark:data-[state=indeterminate]:bg-slate-400", "data-[state=checked]:text-gray-50 data-[state=indeterminate]:text-gray-50 dark:data-[state=checked]:text-slate-900 dark:data-[state=indeterminate]:text-slate-900", !props.disabled && ["group-hover:border-gray-900 data-[state=checked]:group-hover:bg-gray-900 data-[state=indeterminate]:group-hover:bg-gray-900 dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50", "dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50"], "data-[invalid=true]:data-state:border-red-800! data-[invalid=true]:data-[state=checked]:bg-red-800! data-[invalid=true]:data-[state=indeterminate]:bg-red-800! dark:data-[invalid=true]:data-state:border-red-100! dark:data-[invalid=true]:data-[state=checked]:bg-red-100! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-100!", "dark:data-[invalid=true]:data-state:border-red-800! dark:data-[invalid=true]:data-[state=checked]:bg-red-800! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-800!", "data-[invalid=true]:group-hover:border-red-900! data-[invalid=true]:data-[state=checked]:group-hover:bg-red-900! data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-900! dark:data-[invalid=true]:group-hover:border-red-50! dark:data-[invalid=true]:data-[state=checked]:group-hover:bg-red-50! dark:data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-50!", className),
+	className: twMerge("peer size-4 shrink-0 rounded-sm", "border shadow-sm shadow-foreground/4", "transition-shadow", "focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "disabled:disabled-effect", "data-state:border-foreground", "data-[state=checked]:bg-primary data-[state=indeterminate]:bg-primary", "data-[state=checked]:text-primary-foreground data-[state=indeterminate]:text-primary-foreground", !props.disabled && "group-hover:hover-effect", "data-[invalid=true]:data-state:border-destructive! data-[invalid=true]:data-[state=checked]:bg-destructive! data-[invalid=true]:data-[state=indeterminate]:bg-destructive!", "", className),
 	checked,
 	"data-invalid": invalid,
 	...props,

package/dist/ui/components/checkbox/checkbox-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-base.js","names":["twMerge","CheckboxPrimitive","React","CheckboxBase","forwardRef","className","checked","invalid","props","ref","disabled","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox-base.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as React from \"react\";\n\ntype CheckboxValue = boolean | \"indeterminate\";\n\ntype CheckboxBaseProps = React.ComponentPropsWithoutRef<\n  typeof CheckboxPrimitive.Root\n> & {\n  invalid?: boolean;\n};\n\nconst CheckboxBase = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxBaseProps\n>(({ className, checked, invalid, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={twMerge(\n      // Base styles\n      \"peer size-4 shrink-0 rounded-sm\",\n      // Border & Shadow\n      \"border shadow-sm shadow-gray-900/4\",\n      // Background & Ring\n      \"transition-shadow\",\n      // Focus styles\n      \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n      // Disabled state\n      \"disabled:cursor-not-allowed disabled:border-gray-700 disabled:data-[invalid=false]:data-[state=checked]:bg-gray-700 disabled:data-[invalid=false]:data-[state=indeterminate]:bg-gray-700 dark:disabled:border-slate-200 dark:disabled:data-[invalid=false]:data-[state=checked]:bg-slate-500 dark:disabled:data-[invalid=false]:data-[state=indeterminate]:bg-slate-500\",\n      // Checked & Indeterminate states\n      \"data-state:border-gray-700 dark:data-state:border-slate-500\",\n      \"data-[state=checked]:bg-gray-900 data-[state=indeterminate]:bg-gray-900 dark:data-[state=checked]:bg-slate-400 dark:data-[state=indeterminate]:bg-slate-400\",\n      \"data-[state=checked]:text-gray-50 data-[state=indeterminate]:text-gray-50 dark:data-[state=checked]:text-slate-900 dark:data-[state=indeterminate]:text-slate-900\",\n      // hover states\n      !props.disabled && [\n        \"group-hover:border-gray-900 data-[state=checked]:group-hover:bg-gray-900 data-[state=indeterminate]:group-hover:bg-gray-900 dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50\",\n        \"dark:group-hover:border-slate-50 dark:data-[state=checked]:group-hover:bg-slate-50 dark:data-[state=indeterminate]:group-hover:bg-slate-50\",\n      ],\n      // Error state\n      \"data-[invalid=true]:data-state:border-red-800! data-[invalid=true]:data-[state=checked]:bg-red-800! data-[invalid=true]:data-[state=indeterminate]:bg-red-800! dark:data-[invalid=true]:data-state:border-red-100! dark:data-[invalid=true]:data-[state=checked]:bg-red-100! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-100!\",\n      \"dark:data-[invalid=true]:data-state:border-red-800! dark:data-[invalid=true]:data-[state=checked]:bg-red-800! dark:data-[invalid=true]:data-[state=indeterminate]:bg-red-800!\",\n      // error hover states\n      \"data-[invalid=true]:group-hover:border-red-900! data-[invalid=true]:data-[state=checked]:group-hover:bg-red-900! data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-900! dark:data-[invalid=true]:group-hover:border-red-50! dark:data-[invalid=true]:data-[state=checked]:group-hover:bg-red-50! dark:data-[invalid=true]:data-[state=indeterminate]:group-hover:bg-red-50!\",\n      className,\n    )}\n    checked={checked}\n    data-invalid={invalid}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      {checked === \"indeterminate\" ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 0.75 4.5Z\"\n          />\n        </svg>\n      ) : checked ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z\"\n          />\n        </svg>\n      ) : null}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckboxBase.displayName = \"CheckboxBase\";\n\nexport { CheckboxBase, type CheckboxValue };\n"],"mappings":";;;;;AAYA,MAAMG,eAAeD,wBAAME,YAGxB,EAAEC,WAAWC,SAASC,SAAS,GAAGC,SAASC,QAC5C,oBAAC,kBAAkB,MAAnB;CACOA;CACL,WAAWT,QAET,mCAEA,sCAEA,qBAEA,+EAEA,2WAEA,+DACA,+JACA,qKAEA,CAACQ,MAAME,YAAY,CACjB,0QACA,6IACD,EAED,gVACA,iLAEA,+XACAL,UACD;CACQC;CACT,gBAAcC;CACd,GAAIC;WAEJ,oBAAC,kBAAkB,WAAnB;EAA6B,WAAU;YACpCF,YAAY,kBACX,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAA4H,CAAA;GAE5H,CAAA,GACJA,UACF,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAAqX,CAAA;GAErX,CAAA,GACJ;EACuB,CAAA;CAEhC,CAAA,CAAC;AAEFH,aAAaQ,cAAc"}
+{"version":3,"file":"checkbox-base.js","names":["CheckboxPrimitive","React","twMerge","CheckboxBase","forwardRef","className","checked","invalid","props","ref","disabled","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox-base.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport * as React from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\ntype CheckboxValue = boolean | \"indeterminate\";\n\ntype CheckboxBaseProps = React.ComponentPropsWithoutRef<\n  typeof CheckboxPrimitive.Root\n> & {\n  invalid?: boolean;\n};\n\nconst CheckboxBase = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  CheckboxBaseProps\n>(({ className, checked, invalid, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={twMerge(\n      // Base styles\n      \"peer size-4 shrink-0 rounded-sm\",\n      // Border & Shadow\n      \"border shadow-sm shadow-foreground/4\",\n      // Background & Ring\n      \"transition-shadow\",\n      // Focus styles\n      \"focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none\",\n      // Disabled state\n      \"disabled:disabled-effect\",\n      // Checked & Indeterminate states\n      \"data-state:border-foreground\",\n      \"data-[state=checked]:bg-primary data-[state=indeterminate]:bg-primary\",\n      \"data-[state=checked]:text-primary-foreground data-[state=indeterminate]:text-primary-foreground\",\n      // hover states\n      !props.disabled && \"group-hover:hover-effect\",\n      // Error state\n      \"data-[invalid=true]:data-state:border-destructive! data-[invalid=true]:data-[state=checked]:bg-destructive! data-[invalid=true]:data-[state=indeterminate]:bg-destructive!\",\n      \"\",\n      className,\n    )}\n    checked={checked}\n    data-invalid={invalid}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      {checked === \"indeterminate\" ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M0.75 4.5C0.75 4.08579 1.08579 3.75 1.5 3.75H7.5C7.91421 8.25 4.5C8.25 4.91421 7.91421 5.25 7.5 5.25H1.5C1.08579 0.75 4.5Z\"\n          />\n        </svg>\n      ) : checked ? (\n        <svg\n          width=\"9\"\n          height=\"9\"\n          viewBox=\"0 0 9 9\"\n          fill=\"currentcolor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M8.53547 0.62293C8.88226 0.849446 8.97976 1.3142 8.75325 1.66099L4.5083 8.1599C4.38833 8.34356 4.19397 8.4655 3.9764 8.49358C3.75883 8.52167 3.53987 8.45309 3.3772 8.30591L0.616113 5.80777C0.308959 5.52987 0.285246 5.05559 0.563148 4.74844C0.84105 4.44128 1.31533 4.41757 1.62249 4.69547L3.73256 6.60459L7.49741 0.840706C7.72393 0.493916 8.18868 0.396414 8.53547 0.62293Z\"\n          />\n        </svg>\n      ) : null}\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\n\nCheckboxBase.displayName = \"CheckboxBase\";\n\nexport { CheckboxBase, type CheckboxValue };\n"],"mappings":";;;;;AAYA,MAAMG,eAAeF,wBAAMG,YAGxB,EAAEC,WAAWC,SAASC,SAAS,GAAGC,SAASC,QAC5C,oBAAC,kBAAkB,MAAnB;CACOA;CACL,WAAWP,QAET,mCAEA,wCAEA,qBAEA,+EAEA,4BAEA,gCACA,yEACA,mGAEA,CAACM,MAAME,YAAY,4BAEnB,8KACA,IACAL,UACD;CACQC;CACT,gBAAcC;CACd,GAAIC;WAEJ,oBAAC,kBAAkB,WAAnB;EAA6B,WAAU;YACpCF,YAAY,kBACX,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAA4H,CAAA;GAE5H,CAAA,GACJA,UACF,oBAAC,OAAD;GACE,OAAM;GACN,QAAO;GACP,SAAQ;GACR,MAAK;GACL,OAAM;aAEN,oBAAC,QAAD;IACE,UAAS;IACT,UAAS;IACT,GAAE;IAAqX,CAAA;GAErX,CAAA,GACJ;EACuB,CAAA;CAEhC,CAAA,CAAC;AAEFH,aAAaQ,cAAc"}

package/dist/ui/components/checkbox/checkbox.js

@@ -36,7 +36,7 @@ const Checkbox = /* @__PURE__ */ React.forwardRef(({ id: idProp, name, label, va
 					disabled,
 					hasError,
 					description,
-					className: twMerge(!disabled && "group-hover:cursor-pointer"),
+					className: twMerge(!disabled && "group-hover:hover-effect"),
 					inline: true,
 					children: label
 				})]

package/dist/ui/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["twMerge","React","useId","FormLabel","FormMessageList","CheckboxBase","Checkbox","forwardRef","id","idProp","name","label","value","defaultValue","disabled","required","description","errors","warnings","onChange","className","props","ref","generatedId","hasError","length","castValue","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport React, { useId } from \"react\";\nimport type { InputBaseProps } from \"../../types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport type { CheckboxValue } from \"./checkbox-base.js\";\nimport { CheckboxBase } from \"./checkbox-base.js\";\n\ntype CheckboxBaseProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  keyof InputBaseProps<CheckboxValue> | \"onChange\"\n>;\n\nexport interface CheckboxProps\n  extends CheckboxBaseProps, InputBaseProps<CheckboxValue> {\n  onChange?: ((checked: CheckboxValue) => void) | ((checked: boolean) => void);\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      id: idProp,\n      name,\n      label,\n      value,\n      defaultValue,\n      disabled,\n      required,\n      description,\n      errors,\n      warnings,\n      onChange,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const hasError = !!errors?.length;\n\n    const castValue = (value: unknown) => {\n      if (value === \"true\") return true;\n      if (value === \"false\") return false;\n      return value;\n    };\n\n    return (\n      <div className={twMerge(\"flex flex-col gap-2\")}>\n        <div\n          className={twMerge(\"group flex items-center space-x-2\", className)}\n        >\n          <CheckboxBase\n            id={id}\n            name={name}\n            checked={castValue(value ?? defaultValue) as CheckboxValue}\n            disabled={disabled}\n            onCheckedChange={onChange}\n            required={required}\n            invalid={hasError}\n            aria-invalid={hasError}\n            ref={ref}\n            {...props}\n          />\n          <FormLabel\n            htmlFor={id}\n            required={required}\n            disabled={disabled}\n            hasError={hasError}\n            description={description}\n            className={twMerge(!disabled && \"group-hover:cursor-pointer\")}\n            inline\n          >\n            {label}\n          </FormLabel>\n        </div>\n        {warnings && <FormMessageList type=\"warning\" messages={warnings} />}\n        {errors && <FormMessageList type=\"error\" messages={errors} />}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAkBA,MAAMM,WAAWL,sBAAMM,YAEnB,EACEC,IAAIC,QACJC,MACAC,OACAC,OACAC,cACAC,UACAC,UACAC,aACAC,QACAC,UACAC,UACAC,WACA,GAAGC,SAELC,QACG;CACH,MAAMC,cAAcrB,OAAO;CAC3B,MAAMM,KAAKC,UAAUc;CACrB,MAAMC,WAAW,CAAC,CAACP,QAAQQ;CAE3B,MAAMC,aAAad,UAAmB;AACpC,MAAIA,UAAU,OAAQ,QAAO;AAC7B,MAAIA,UAAU,QAAS,QAAO;AAC9B,SAAOA;;AAGT,QACE,qBAAC,OAAD;EAAK,WAAWZ,QAAQ,sBAAsB;YAA9C;GACE,qBAAC,OAAD;IACE,WAAWA,QAAQ,qCAAqCoB,UAAU;cADpE,CAGE,oBAAC,cAAD;KACMZ;KACEE;KACN,SAASgB,UAAUd,SAASC,aAA8B;KAChDC;KACV,iBAAiBK;KACPJ;KACV,SAASS;KACT,gBAAcA;KACTF;KACL,GAAID;KAAM,CAAA,EAEZ,oBAAC,WAAD;KACE,SAASb;KACCO;KACAD;KACAU;KACGR;KACb,WAAWhB,QAAQ,CAACc,YAAY,6BAA6B;KAC7D,QAAA;eAECH;KACQ,CAAA,CACR;;GACJO,YAAY,oBAAC,iBAAD;IAAiB,MAAK;IAAU,UAAUA;IAAY,CAAA;GAClED,UAAU,oBAAC,iBAAD;IAAiB,MAAK;IAAQ,UAAUA;IAAU,CAAA;GACzD;;EAGX;AAEDX,SAASqB,cAAc"}
+{"version":3,"file":"checkbox.js","names":["twMerge","React","useId","FormLabel","FormMessageList","CheckboxBase","Checkbox","forwardRef","id","idProp","name","label","value","defaultValue","disabled","required","description","errors","warnings","onChange","className","props","ref","generatedId","hasError","length","castValue","displayName"],"sources":["../../../../src/ui/components/checkbox/checkbox.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport React, { useId } from \"react\";\nimport type { InputBaseProps } from \"../../types.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport type { CheckboxValue } from \"./checkbox-base.js\";\nimport { CheckboxBase } from \"./checkbox-base.js\";\n\ntype CheckboxBaseProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  keyof InputBaseProps<CheckboxValue> | \"onChange\"\n>;\n\nexport interface CheckboxProps\n  extends CheckboxBaseProps, InputBaseProps<CheckboxValue> {\n  onChange?: ((checked: CheckboxValue) => void) | ((checked: boolean) => void);\n}\n\nconst Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      id: idProp,\n      name,\n      label,\n      value,\n      defaultValue,\n      disabled,\n      required,\n      description,\n      errors,\n      warnings,\n      onChange,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const hasError = !!errors?.length;\n\n    const castValue = (value: unknown) => {\n      if (value === \"true\") return true;\n      if (value === \"false\") return false;\n      return value;\n    };\n\n    return (\n      <div className={twMerge(\"flex flex-col gap-2\")}>\n        <div\n          className={twMerge(\"group flex items-center space-x-2\", className)}\n        >\n          <CheckboxBase\n            id={id}\n            name={name}\n            checked={castValue(value ?? defaultValue) as CheckboxValue}\n            disabled={disabled}\n            onCheckedChange={onChange}\n            required={required}\n            invalid={hasError}\n            aria-invalid={hasError}\n            ref={ref}\n            {...props}\n          />\n          <FormLabel\n            htmlFor={id}\n            required={required}\n            disabled={disabled}\n            hasError={hasError}\n            description={description}\n            className={twMerge(!disabled && \"group-hover:hover-effect\")}\n            inline\n          >\n            {label}\n          </FormLabel>\n        </div>\n        {warnings && <FormMessageList type=\"warning\" messages={warnings} />}\n        {errors && <FormMessageList type=\"error\" messages={errors} />}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAkBA,MAAMM,WAAWL,sBAAMM,YAEnB,EACEC,IAAIC,QACJC,MACAC,OACAC,OACAC,cACAC,UACAC,UACAC,aACAC,QACAC,UACAC,UACAC,WACA,GAAGC,SAELC,QACG;CACH,MAAMC,cAAcrB,OAAO;CAC3B,MAAMM,KAAKC,UAAUc;CACrB,MAAMC,WAAW,CAAC,CAACP,QAAQQ;CAE3B,MAAMC,aAAad,UAAmB;AACpC,MAAIA,UAAU,OAAQ,QAAO;AAC7B,MAAIA,UAAU,QAAS,QAAO;AAC9B,SAAOA;;AAGT,QACE,qBAAC,OAAD;EAAK,WAAWZ,QAAQ,sBAAsB;YAA9C;GACE,qBAAC,OAAD;IACE,WAAWA,QAAQ,qCAAqCoB,UAAU;cADpE,CAGE,oBAAC,cAAD;KACMZ;KACEE;KACN,SAASgB,UAAUd,SAASC,aAA8B;KAChDC;KACV,iBAAiBK;KACPJ;KACV,SAASS;KACT,gBAAcA;KACTF;KACL,GAAID;KAAM,CAAA,EAEZ,oBAAC,WAAD;KACE,SAASb;KACCO;KACAD;KACAU;KACGR;KACb,WAAWhB,QAAQ,CAACc,YAAY,2BAA2B;KAC3D,QAAA;eAECH;KACQ,CAAA,CACR;;GACJO,YAAY,oBAAC,iBAAD;IAAiB,MAAK;IAAU,UAAUA;IAAY,CAAA;GAClED,UAAU,oBAAC,iBAAD;IAAiB,MAAK;IAAQ,UAAUA;IAAU,CAAA;GACzD;;EAGX;AAEDX,SAASqB,cAAc"}

package/dist/ui/components/command/command.d.ts

@@ -1,2 +1,2 @@
-import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../../../command-vPaCve7_.js";
+import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../../../command-tFzjgzge.js";
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading };

package/dist/ui/components/command/command.js

@@ -11,22 +11,22 @@ const Command = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref)
 }));
 Command.displayName = Command$1.displayName;
 const CommandInput = /* @__PURE__ */ React.forwardRef(({ wrapperClassName, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", {
-	className: twMerge("group relative flex items-center border-b", "border-b-gray-300 dark:border-b-slate-900", "hover:border-b-gray-300 dark:hover:border-b-slate-800", "hover:bg-gray-100 dark:hover:bg-slate-700", "focus-within:border-b-gray-300 dark:focus-within:border-b-slate-800", "focus-within:bg-gray-100 dark:focus-within:bg-slate-700", wrapperClassName),
+	className: twMerge("group relative flex items-center border-b", "border-b-border", "hover:hover-effect", "focus-within:border-b-border", "focus-within:bg-accent", wrapperClassName),
 	"cmdk-input-wrapper": "",
 	children: [/* @__PURE__ */ jsx(Icon, {
 		name: "Search",
 		size: 16,
-		className: twMerge("pointer-events-none absolute top-3.5 left-2 text-gray-500 dark:text-slate-400", "group-hover:text-gray-700 dark:group-hover:text-slate-200", "group-focus-within:text-gray-900! dark:group-focus-within:text-slate-50")
+		className: twMerge("pointer-events-none absolute top-3.5 left-2 text-muted-foreground", "group-hover:hover-effect", "group-focus-within:text-foreground!")
 	}), /* @__PURE__ */ jsx(Command$1.Input, {
 		ref,
-		className: twMerge("flex w-full bg-transparent pt-3 pr-3 pb-2 pl-8 text-sm/5 font-normal outline-none", "placeholder:text-gray-500 dark:placeholder:text-slate-400", "group-hover:placeholder:text-gray-700 dark:group-hover:placeholder:text-slate-500", "group-focus-within:placeholder:text-gray-700! dark:group-focus-within:placeholder:text-slate-300", "disabled:cursor-not-allowed", className),
+		className: twMerge("flex w-full bg-transparent pt-3 pr-3 pb-2 pl-8 text-sm/5 font-normal outline-none", "text-foreground placeholder:text-muted-foreground disabled:disabled-effect", "group-hover:hover-effect", "disabled:disabled-effect", className),
 		...props
 	})]
 }));
 CommandInput.displayName = Command$1.Input.displayName;
 const CommandList = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.List, {
 	ref,
-	className: twMerge("max-h-75 overflow-x-hidden overflow-y-auto", "focus:outline-none", "scrollbar-thin", "scrollbar-track-transparent", "scrollbar-thumb-gray-300 hover:scrollbar-thumb-gray-300", "dark:scrollbar-thumb-slate-700 dark:hover:scrollbar-thumb-slate-700", "scrollbar-thumb-rounded-md", className),
+	className: twMerge("max-h-75 overflow-x-hidden overflow-y-auto", "focus:outline-none", "scrollbar-thin", "scrollbar-track-transparent", "scrollbar-thumb-border hover:scrollbar-thumb-border", "scrollbar-thumb-rounded-md", className),
 	...props
 }));
 CommandList.displayName = Command$1.List.displayName;
@@ -48,7 +48,7 @@ const CommandGroup = /* @__PURE__ */ React.forwardRef(({ className, ...props },
 CommandGroup.displayName = Command$1.Group.displayName;
 const CommandItem = /* @__PURE__ */ React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, {
 	ref,
-	className: twMerge("relative flex items-center justify-between select-none", "h-8 gap-2 rounded-md py-1.5 pr-2.5 pl-1.5", "text-sm/4 text-gray-900 outline-none dark:text-slate-50", "border-y-2 border-white dark:border-slate-600 dark:bg-slate-600 dark:text-slate-100", "data-[disabled=true]:pointer-events-none", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
+	className: twMerge("relative flex items-center justify-between select-none", "h-8 gap-2 rounded-md py-1.5 pr-2.5 pl-1.5", "text-sm/4 text-foreground outline-none", "border-y-2 border-border", "data-[disabled=true]:disabled-effect", "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className),
 	...props
 }));
 CommandItem.displayName = Command$1.Item.displayName;