@incognia/cosmik 1.0.10 → 1.1.0

package/dist/index23.js

@@ -1,186 +1,69 @@
-import { j as e } from "./index37.js";
-import * as a from "@radix-ui/react-select";
-import { CheckIcon as i, ChevronDownIcon as r, ChevronUpIcon as c } from "lucide-react";
-import { cn as l } from "./index39.js";
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(a.Root, { "data-slot": "select", ...t });
+import { cva as e } from "./index5.js";
+import { cn as t, debounce as n } from "./index7.js";
+import { require_jsx_runtime as r } from "./index10.js";
+import { ChevronLeft as i, ChevronRight as a } from "lucide-react";
+import o from "react";
+//#region src/FilterBar/GradientScroll.tsx
+var s = r(), c = e("", {
+	variants: { variant: {
+		white: "to-white",
+		gray: "to-gray-50"
+	} },
+	defaultVariants: { variant: "gray" }
+}), l = e("", {
+	variants: { variant: {
+		white: "bg-white",
+		gray: "bg-gray-50"
+	} },
+	defaultVariants: { variant: "gray" }
+});
+function u({ children: e, className: r, variant: u }) {
+	let d = o.useRef(null), [f, p] = o.useState(!1), [m, h] = o.useState(!1), g = o.useCallback(() => {
+		if (!d.current) return;
+		let { scrollLeft: e, scrollWidth: t, clientWidth: n } = d.current;
+		p(e > 0), h(e + n < t - 5);
+	}, [d]);
+	return o.useEffect(() => {
+		g();
+		let e = n(g, 100);
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [g]), /* @__PURE__ */ (0, s.jsxs)("div", {
+		className: "relative flex overflow-hidden",
+		children: [
+			/* @__PURE__ */ (0, s.jsxs)("div", {
+				className: t("absolute left-0 top-0 h-full flex items-center", { hidden: !f }),
+				children: [/* @__PURE__ */ (0, s.jsx)(i, {
+					size: 16,
+					className: t("text-gray-600 h-full cursor-pointer", l({ variant: u })),
+					onClick: () => d.current?.scrollBy({
+						left: -100,
+						behavior: "smooth"
+					})
+				}), /* @__PURE__ */ (0, s.jsx)("div", { className: t("w-[50px] h-full bg-linear-to-l from-transparent", c({ variant: u })) })]
+			}),
+			/* @__PURE__ */ (0, s.jsx)("div", {
+				ref: d,
+				onScroll: g,
+				className: t("overflow-scroll no-scrollbar", r),
+				children: e
+			}),
+			/* @__PURE__ */ (0, s.jsxs)("div", {
+				className: t("absolute right-0 top-0 h-full w-fit flex items-center justify-end", { hidden: !m }),
+				children: [/* @__PURE__ */ (0, s.jsx)("div", { className: t("w-[50px] h-full bg-linear-to-r from-transparent", c({ variant: u })) }), /* @__PURE__ */ (0, s.jsx)(a, {
+					size: 16,
+					className: t("text-gray-600 h-full cursor-pointer", l({ variant: u })),
+					onClick: () => d.current?.scrollBy({
+						left: 100,
+						behavior: "smooth"
+					})
+				})]
+			})
+		]
+	});
 }
-function h({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(a.Group, { "data-slot": "select-group", ...t });
-}
-function g({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(a.Value, { "data-slot": "select-value", ...t });
-}
-function v({
-  className: t,
-  children: s,
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    a.Trigger,
-    {
-      "data-slot": "select-trigger",
-      className: l(
-        "border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700",
-        "focus-visible:outline-none focus:shadow-field-active",
-        "flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]",
-        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
-        "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8",
-        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
-        "hover:shadow-field-hover",
-        "active:shadow-field-active",
-        "data-[state=open]:shadow-field-active",
-        t
-      ),
-      ...o,
-      children: [
-        s,
-        /* @__PURE__ */ e.jsx(a.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(r, { className: "size-16 opacity-64 shrink-0 ml-4" }) })
-      ]
-    }
-  );
-}
-function b({
-  className: t,
-  children: s,
-  position: o = "popper",
-  ...n
-}) {
-  return /* @__PURE__ */ e.jsx(a.Portal, { children: /* @__PURE__ */ e.jsxs(
-    a.Content,
-    {
-      "data-slot": "select-content",
-      className: l(
-        "bg-white",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2",
-        "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200",
-        o === "popper" && "data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4",
-        t
-      ),
-      position: o,
-      ...n,
-      children: [
-        /* @__PURE__ */ e.jsx(d, {}),
-        /* @__PURE__ */ e.jsx(
-          a.Viewport,
-          {
-            className: l(
-              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4"
-            ),
-            children: s
-          }
-        ),
-        /* @__PURE__ */ e.jsx(p, {})
-      ]
-    }
-  ) });
-}
-function j({
-  className: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.Label,
-    {
-      "data-slot": "select-label",
-      className: l("px-16 py-8 pr-8 font-semibold", t),
-      ...s
-    }
-  );
-}
-function w({
-  className: t,
-  children: s,
-  ...o
-}) {
-  return /* @__PURE__ */ e.jsxs(
-    a.Item,
-    {
-      "data-slot": "select-item",
-      className: l(
-        "relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none",
-        "hover:bg-gray-200",
-        "data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        "data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800",
-        "[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8",
-        t
-      ),
-      ...o,
-      children: [
-        /* @__PURE__ */ e.jsx("span", { className: "absolute right-8 top-8 flex size-16 items-center justify-center", children: /* @__PURE__ */ e.jsx(a.ItemIndicator, { children: /* @__PURE__ */ e.jsx(i, { className: "size-16" }) }) }),
-        /* @__PURE__ */ e.jsx(a.ItemText, { children: s })
-      ]
-    }
-  );
-}
-function y({
-  className: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.Separator,
-    {
-      "data-slot": "select-separator",
-      className: l(
-        "bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px",
-        t
-      ),
-      ...s
-    }
-  );
-}
-function d({
-  className: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: l(
-        "flex cursor-default items-center justify-center py-4",
-        t
-      ),
-      ...s,
-      children: /* @__PURE__ */ e.jsx(c, { className: "size-16" })
-    }
-  );
-}
-function p({
-  className: t,
-  ...s
-}) {
-  return /* @__PURE__ */ e.jsx(
-    a.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: l(
-        "flex cursor-default items-center justify-center py-4",
-        t
-      ),
-      ...s,
-      children: /* @__PURE__ */ e.jsx(r, { className: "size-16" })
-    }
-  );
-}
-export {
-  x as Select,
-  b as SelectContent,
-  h as SelectGroup,
-  w as SelectItem,
-  j as SelectLabel,
-  p as SelectScrollDownButton,
-  d as SelectScrollUpButton,
-  y as SelectSeparator,
-  v as SelectTrigger,
-  g as SelectValue
-};
-//# sourceMappingURL=index23.js.map
+//#endregion
+export { u as GradientScroll };
+
+//# sourceMappingURL=index23.js.map

package/dist/index23.js.map

@@ -1 +1 @@
-{"version":3,"file":"index23.js","sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      className={cn(\n        \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n        'focus-visible:outline-none focus:shadow-field-active',\n        'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'data-[state=open]:shadow-field-active',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-white',\n          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n          'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n          'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('px-16 py-8 pr-8 font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n        'hover:bg-gray-200',\n        'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n        'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n        \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-16\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\n        'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        'flex cursor-default items-center justify-center py-4',\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-16\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue\n}\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","jsxs","cn","jsx","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":"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"}
+{"version":3,"file":"index23.js","names":[],"sources":["../src/FilterBar/GradientScroll.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport React from 'react'\nimport { cn, debounce } from '../lib/utils'\n\nexport const gradientVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'to-white',\n      gray: 'to-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\nexport const backgroundVariants = cva('', {\n  variants: {\n    variant: {\n      white: 'bg-white',\n      gray: 'bg-gray-50'\n    }\n  },\n  defaultVariants: {\n    variant: 'gray'\n  }\n})\n\ninterface GradientScrollProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function GradientScroll({\n  children,\n  className,\n  variant\n}: GradientScrollProps) {\n  const scrollableRef = React.useRef<HTMLDivElement>(null)\n  const [leftArrowVisible, setLeftArrowVisible] = React.useState(false)\n  const [rightArrowVisible, setRightArrowVisible] = React.useState(false)\n\n  const handleScroll = React.useCallback(() => {\n    if (!scrollableRef.current) return\n\n    const { scrollLeft, scrollWidth, clientWidth } = scrollableRef.current\n    setLeftArrowVisible(scrollLeft > 0)\n    setRightArrowVisible(scrollLeft + clientWidth < scrollWidth - 5)\n  }, [scrollableRef])\n\n  React.useEffect(() => {\n    handleScroll()\n\n    const debouncedHandleScroll = debounce(handleScroll, 100)\n    window.addEventListener('resize', debouncedHandleScroll)\n    return () => {\n      window.removeEventListener('resize', debouncedHandleScroll)\n    }\n  }, [handleScroll])\n\n  return (\n    <div className=\"relative flex overflow-hidden\">\n      <div\n        className={cn('absolute left-0 top-0 h-full flex items-center', {\n          hidden: !leftArrowVisible\n        })}\n      >\n        <ChevronLeft\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: -100, behavior: 'smooth' })\n          }\n        />\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-l from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n      </div>\n      <div\n        ref={scrollableRef}\n        onScroll={handleScroll}\n        className={cn('overflow-scroll no-scrollbar', className)}\n      >\n        {children}\n      </div>\n      <div\n        className={cn(\n          'absolute right-0 top-0 h-full w-fit flex items-center justify-end',\n          { hidden: !rightArrowVisible }\n        )}\n      >\n        <div\n          className={cn(\n            'w-[50px] h-full bg-linear-to-r from-transparent',\n            gradientVariants({ variant })\n          )}\n        />\n        <ChevronRight\n          size={16}\n          className={cn(\n            'text-gray-600 h-full cursor-pointer',\n            backgroundVariants({ variant })\n          )}\n          onClick={() =>\n            scrollableRef.current?.scrollBy({ left: 100, behavior: 'smooth' })\n          }\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;aAKa,IAAmB,EAAI,IAAI;CACtC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC,GAEY,IAAqB,EAAI,IAAI;CACxC,UAAU,EACR,SAAS;EACP,OAAO;EACP,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CAAC;AAMD,SAAgB,EAAe,EAC7B,aACA,cACA,cACsB;CACtB,IAAM,IAAgB,EAAM,OAAuB,IAAI,GACjD,CAAC,GAAkB,KAAuB,EAAM,SAAS,EAAK,GAC9D,CAAC,GAAmB,KAAwB,EAAM,SAAS,EAAK,GAEhE,IAAe,EAAM,kBAAkB;EAC3C,IAAI,CAAC,EAAc,SAAS;EAE5B,IAAM,EAAE,eAAY,gBAAa,mBAAgB,EAAc;EAE/D,AADA,EAAoB,IAAa,CAAC,GAClC,EAAqB,IAAa,IAAc,IAAc,CAAC;CACjE,GAAG,CAAC,CAAa,CAAC;CAYlB,OAVA,EAAM,gBAAgB;EACpB,EAAa;EAEb,IAAM,IAAwB,EAAS,GAAc,GAAG;EAExD,OADA,OAAO,iBAAiB,UAAU,CAAqB,SAC1C;GACX,OAAO,oBAAoB,UAAU,CAAqB;EAC5D;CACF,GAAG,CAAC,CAAY,CAAC,GAGf,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IACE,WAAW,EAAG,kDAAkD,EAC9D,QAAQ,CAAC,EACX,CAAC;cAHH,CAKE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,uCACA,EAAmB,EAAE,WAAQ,CAAC,CAChC;KACA,eACE,EAAc,SAAS,SAAS;MAAE,MAAM;MAAM,UAAU;KAAS,CAAC;IAErE,CAAA,GACD,iBAAA,GAAA,EAAA,KAAC,OAAD,EACE,WAAW,EACT,mDACA,EAAiB,EAAE,WAAQ,CAAC,CAC9B,EACD,CAAA,CACE;;GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,KAAK;IACL,UAAU;IACV,WAAW,EAAG,gCAAgC,CAAS;IAEtD;GACE,CAAA;GACL,iBAAA,GAAA,EAAA,MAAC,OAAD;IACE,WAAW,EACT,qEACA,EAAE,QAAQ,CAAC,EAAkB,CAC/B;cAJF,CAME,iBAAA,GAAA,EAAA,KAAC,OAAD,EACE,WAAW,EACT,mDACA,EAAiB,EAAE,WAAQ,CAAC,CAC9B,EACD,CAAA,GACD,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM;KACN,WAAW,EACT,uCACA,EAAmB,EAAE,WAAQ,CAAC,CAChC;KACA,eACE,EAAc,SAAS,SAAS;MAAE,MAAM;MAAK,UAAU;KAAS,CAAC;IAEpE,CAAA,CACE;;EACF;;AAET"}

package/dist/index24.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index37.cjs"),n=require("@radix-ui/react-separator"),i=require("./index39.cjs");function u(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=u(n);function s({className:t,orientation:r="horizontal",decorative:e=!0,...a}){return o.jsxRuntimeExports.jsx(c.Root,{"data-slot":"separator",decorative:e,orientation:r,className:i.cn("bg-gray-900/16 shrink-0","data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto","data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",t),...a})}exports.Separator=s;
-//# sourceMappingURL=index24.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index23.cjs");let i=require("react");i=e.__toESM(i,1);var a=n.default;function o({className:e,...n}){return(0,a.jsx)(`div`,{className:t.cn(`flex w-full`,e),...n})}function s({variant:e,children:t,...n}){return(0,a.jsx)(r.GradientScroll,{variant:e,...n,children:(0,a.jsx)(`div`,{className:`flex items-center space-x-8 w-fit`,children:t})})}function c({className:e,...n}){return(0,a.jsx)(`div`,{className:t.cn(`flex space-x-8`,e),...n})}exports.FilterBar=o,exports.FilterBarContent=c,exports.FilterBarScrollableContent=s;
+//# sourceMappingURL=index24.cjs.map

package/dist/index24.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index24.cjs","sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-gray-900/16 shrink-0',\n        'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n        'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":"6cAMA,SAASA,EAAU,CACjB,UAAAC,EACA,YAAAC,EAAc,aACd,WAAAC,EAAa,GACb,GAAGC,CACL,EAAyD,CACvD,OACEC,EAAAA,kBAAAA,IAACC,EAAmB,KAAnB,CACC,YAAU,YACV,WAAAH,EACA,YAAAD,EACA,UAAWK,EAAAA,GACT,0BACA,0EACA,sEACAN,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index24.cjs","names":[],"sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"mappings":"wKASA,SAAgB,EAAU,CAAE,YAAW,GAAG,GAAyB,CACjE,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,cAAe,CAAS,EAAG,GAAI,CAAQ,CAAA,CACnE,CAMA,SAAgB,EAA2B,CACzC,UACA,WACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAyB,UAAS,GAAI,YACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCAAqC,UAAc,CAAA,CACpD,CAAA,CAEpB,CAIA,SAAgB,EAAiB,CAC/B,YACA,GAAG,GACqB,CACxB,OAAO,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,GAAG,iBAAkB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtE"}

package/dist/index24.js

@@ -1,29 +1,32 @@
-import { j as i } from "./index37.js";
-import * as n from "@radix-ui/react-separator";
-import { cn as e } from "./index39.js";
-function m({
-  className: t,
-  orientation: a = "horizontal",
-  decorative: o = !0,
-  ...r
-}) {
-  return /* @__PURE__ */ i.jsx(
-    n.Root,
-    {
-      "data-slot": "separator",
-      decorative: o,
-      orientation: a,
-      className: e(
-        "bg-gray-900/16 shrink-0",
-        "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto",
-        "data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px",
-        t
-      ),
-      ...r
-    }
-  );
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+import { GradientScroll as n } from "./index23.js";
+import "react";
+//#region src/FilterBar/index.tsx
+var r = t();
+function i({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, r.jsx)("div", {
+		className: e("flex w-full", t),
+		...n
+	});
 }
-export {
-  m as Separator
-};
-//# sourceMappingURL=index24.js.map
+function a({ variant: e, children: t, ...i }) {
+	return /* @__PURE__ */ (0, r.jsx)(n, {
+		variant: e,
+		...i,
+		children: /* @__PURE__ */ (0, r.jsx)("div", {
+			className: "flex items-center space-x-8 w-fit",
+			children: t
+		})
+	});
+}
+function o({ className: t, ...n }) {
+	return /* @__PURE__ */ (0, r.jsx)("div", {
+		className: e("flex space-x-8", t),
+		...n
+	});
+}
+//#endregion
+export { i as FilterBar, o as FilterBarContent, a as FilterBarScrollableContent };
+
+//# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n  className,\n  orientation = 'horizontal',\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        'bg-gray-900/16 shrink-0',\n        'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n        'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n"],"names":["Separator","className","orientation","decorative","props","jsx","SeparatorPrimitive","cn"],"mappings":";;;AAMA,SAASA,EAAU;AAAA,EACjB,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAyD;AACvD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,YAAAH;AAAA,MACA,aAAAD;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"index24.js","names":[],"sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n  className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n  return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n  variant,\n  children,\n  ...props\n}: FilterBarScrollableContentProps) {\n  return (\n    <GradientScroll variant={variant} {...props}>\n      <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n    </GradientScroll>\n  )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n  className,\n  ...props\n}: FilterBarContentProps) {\n  return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"mappings":";;;;;;AASA,SAAgB,EAAU,EAAE,cAAW,GAAG,KAAyB;CACjE,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnE;AAMA,SAAgB,EAA2B,EACzC,YACA,aACA,GAAG,KAC+B;CAClC,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAyB;EAAS,GAAI;YACpC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;GAAqC;EAAc,CAAA;CACpD,CAAA;AAEpB;AAIA,SAAgB,EAAiB,EAC/B,cACA,GAAG,KACqB;CACxB,OAAO,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAW,EAAG,kBAAkB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtE"}

package/dist/index25.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index37.cjs"),d=require("@radix-ui/react-dialog"),u=require("lucide-react"),n=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const a=c(d);function x({...t}){return s.jsxRuntimeExports.jsx(a.Root,{"data-slot":"sheet",...t})}function m({...t}){return s.jsxRuntimeExports.jsx(a.Trigger,{"data-slot":"sheet-trigger",...t})}function p({...t}){return s.jsxRuntimeExports.jsx(a.Close,{"data-slot":"sheet-close",...t})}function i({...t}){return s.jsxRuntimeExports.jsx(a.Portal,{"data-slot":"sheet-portal",...t})}function l({className:t,...e}){return s.jsxRuntimeExports.jsx(a.Overlay,{"data-slot":"sheet-overlay",className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ",t),...e})}function h({className:t,children:e,side:o="right",...r}){return s.jsxRuntimeExports.jsxs(i,{children:[s.jsxRuntimeExports.jsx(l,{}),s.jsxRuntimeExports.jsxs(a.Content,{"data-slot":"sheet-content",className:n.cn(" bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",o==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",o==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",o==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",o==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...r,children:[e,s.jsxRuntimeExports.jsxs(a.Close,{className:"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",children:[s.jsxRuntimeExports.jsx(u.XIcon,{className:"size-16"}),s.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function f({className:t,...e}){return s.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-header",className:n.cn("flex flex-col gap-8",t),...e})}function j({className:t,...e}){return s.jsxRuntimeExports.jsx("div",{"data-slot":"sheet-footer",className:n.cn("flex flex-col-reverse sm:flex-row sm:justify-end gap-8",t),...e})}function g({className:t,...e}){return s.jsxRuntimeExports.jsx(a.Title,{"data-slot":"sheet-title",className:n.cn("text-gray-800 font-semibold",t),...e})}function b({className:t,...e}){return s.jsxRuntimeExports.jsx(a.Description,{"data-slot":"sheet-description",className:n.cn("text-gray-900 text-base",t),...e})}exports.Sheet=x;exports.SheetClose=p;exports.SheetContent=h;exports.SheetDescription=b;exports.SheetFooter=j;exports.SheetHeader=f;exports.SheetOverlay=l;exports.SheetPortal=i;exports.SheetTitle=g;exports.SheetTrigger=m;
-//# sourceMappingURL=index25.cjs.map
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);var i=n.default;function a({className:e,type:n,...r}){return(0,i.jsx)(`input`,{type:n,"data-slot":`input`,className:t.cn(`flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base`,`file:border-0 file:bg-white file:text-base file:font-semibold`,`placeholder:text-gray-400`,`hover:shadow-field-hover`,`active:shadow-field-active`,`focus-visible:outline-none focus:shadow-field-active`,`disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none`,e),...r})}exports.Input=a;
+//# sourceMappingURL=index25.cjs.map

package/dist/index25.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index25.cjs","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n          <XIcon className=\"size-16\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-gray-800 font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-gray-900 text-base', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"oeAOA,SAASA,EAAM,CAAE,GAAGC,GAA2D,CAC7E,+BAAQC,EAAe,KAAf,CAAoB,YAAU,QAAS,GAAGD,EAAO,CAC3D,CAEA,SAASE,EAAa,CACpB,GAAGF,CACL,EAAwD,CACtD,+BAAQC,EAAe,QAAf,CAAuB,YAAU,gBAAiB,GAAGD,EAAO,CACtE,CAEA,SAASG,EAAW,CAClB,GAAGH,CACL,EAAsD,CACpD,+BAAQC,EAAe,MAAf,CAAqB,YAAU,cAAe,GAAGD,EAAO,CAClE,CAEA,SAASI,EAAY,CACnB,GAAGJ,CACL,EAAuD,CACrD,+BAAQC,EAAe,OAAf,CAAsB,YAAU,eAAgB,GAAGD,EAAO,CACpE,CAEA,SAASK,EAAa,CACpB,UAAAC,EACA,GAAGN,CACL,EAAwD,CACtD,OACEO,EAAAA,kBAAAA,IAACN,EAAe,QAAf,CACC,YAAU,gBACV,UAAWO,EAAAA,GACT,6JACAF,CAAA,EAED,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASS,EAAa,CACpB,UAAAH,EACA,SAAAI,EACA,KAAAC,EAAO,QACP,GAAGX,CACL,EAEG,CACD,gCACGI,EAAA,CACC,SAAA,CAAAG,EAAAA,kBAAAA,IAACF,EAAA,EAAa,EACdO,EAAAA,kBAAAA,KAACX,EAAe,QAAf,CACC,YAAU,gBACV,UAAWO,EAAAA,GACT,mNACAG,IAAS,SACP,mIACFA,IAAS,QACP,gIACFA,IAAS,OACP,2GACFA,IAAS,UACP,oHACFL,CAAA,EAED,GAAGN,EAEH,SAAA,CAAAU,EACDE,EAAAA,kBAAAA,KAACX,EAAe,MAAf,CAAqB,UAAU,mIAC9B,SAAA,CAAAM,EAAAA,kBAAAA,IAACM,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,EAC3BN,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,UAAU,SAAA,OAAA,CAAK,CAAA,CAAA,CACjC,CAAA,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGN,GAAsC,CACzE,OACEO,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,sBAAuBF,CAAS,EAC7C,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASe,EAAY,CAAE,UAAAT,EAAW,GAAGN,GAAsC,CACzE,OACEO,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,yDACAF,CAAA,EAED,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAW,CAClB,UAAAV,EACA,GAAGN,CACL,EAAsD,CACpD,OACEO,EAAAA,kBAAAA,IAACN,EAAe,MAAf,CACC,YAAU,cACV,UAAWO,EAAAA,GAAG,8BAA+BF,CAAS,EACrD,GAAGN,CAAA,CAAA,CAGV,CAEA,SAASiB,EAAiB,CACxB,UAAAX,EACA,GAAGN,CACL,EAA4D,CAC1D,OACEO,EAAAA,kBAAAA,IAACN,EAAe,YAAf,CACC,YAAU,oBACV,UAAWO,EAAAA,GAAG,0BAA2BF,CAAS,EACjD,GAAGN,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index25.cjs","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-semibold',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":"6IAGA,SAAS,EAAM,CAAE,YAAW,OAAM,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACQ,OACN,YAAU,QACV,UAAW,EAAA,GACT,2FACA,gEACA,4BACA,2BACA,6BACA,uDACA,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}

package/dist/index25.js

@@ -1,132 +1,17 @@
-import { j as e } from "./index37.js";
-import * as o from "@radix-ui/react-dialog";
-import { XIcon as i } from "lucide-react";
-import { cn as s } from "./index39.js";
-function f({ ...t }) {
-  return /* @__PURE__ */ e.jsx(o.Root, { "data-slot": "sheet", ...t });
-}
-function h({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(o.Trigger, { "data-slot": "sheet-trigger", ...t });
-}
-function x({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(o.Close, { "data-slot": "sheet-close", ...t });
-}
-function l({
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsx(o.Portal, { "data-slot": "sheet-portal", ...t });
-}
-function d({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Overlay,
-    {
-      "data-slot": "sheet-overlay",
-      className: s(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function p({
-  className: t,
-  children: a,
-  side: r = "right",
-  ...n
-}) {
-  return /* @__PURE__ */ e.jsxs(l, { children: [
-    /* @__PURE__ */ e.jsx(d, {}),
-    /* @__PURE__ */ e.jsxs(
-      o.Content,
-      {
-        "data-slot": "sheet-content",
-        className: s(
-          " bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-          r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
-          r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
-          r === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
-          r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
-          t
-        ),
-        ...n,
-        children: [
-          a,
-          /* @__PURE__ */ e.jsxs(o.Close, { className: "absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none", children: [
-            /* @__PURE__ */ e.jsx(i, { className: "size-16" }),
-            /* @__PURE__ */ e.jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function g({ className: t, ...a }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: s("flex flex-col gap-8", t),
-      ...a
-    }
-  );
-}
-function j({ className: t, ...a }) {
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: s(
-        "flex flex-col-reverse sm:flex-row sm:justify-end gap-8",
-        t
-      ),
-      ...a
-    }
-  );
-}
-function b({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Title,
-    {
-      "data-slot": "sheet-title",
-      className: s("text-gray-800 font-semibold", t),
-      ...a
-    }
-  );
-}
-function y({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ e.jsx(
-    o.Description,
-    {
-      "data-slot": "sheet-description",
-      className: s("text-gray-900 text-base", t),
-      ...a
-    }
-  );
-}
-export {
-  f as Sheet,
-  x as SheetClose,
-  p as SheetContent,
-  y as SheetDescription,
-  j as SheetFooter,
-  g as SheetHeader,
-  d as SheetOverlay,
-  l as SheetPortal,
-  b as SheetTitle,
-  h as SheetTrigger
-};
-//# sourceMappingURL=index25.js.map
+import { cn as e } from "./index7.js";
+import { require_jsx_runtime as t } from "./index10.js";
+import "react";
+//#region src/Input/index.tsx
+var n = t();
+function r({ className: t, type: r, ...i }) {
+	return /* @__PURE__ */ (0, n.jsx)("input", {
+		type: r,
+		"data-slot": "input",
+		className: e("flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base", "file:border-0 file:bg-white file:text-base file:font-semibold", "placeholder:text-gray-400", "hover:shadow-field-hover", "active:shadow-field-active", "focus-visible:outline-none focus:shadow-field-active", "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none", t),
+		...i
+	});
+}
+//#endregion
+export { r as Input };
+
+//# sourceMappingURL=index25.js.map

package/dist/index25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index25.js","sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n          <XIcon className=\"size-16\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-gray-800 font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-gray-900 text-base', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger\n}\n"],"names":["Sheet","props","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","jsx","cn","SheetContent","children","side","jsxs","XIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"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"}
+{"version":3,"file":"index25.js","names":[],"sources":["../src/Input/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Input({ className, type, ...props }: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'flex h-[36px] w-full rounded border border-gray-900/24 bg-white px-12 py-[6px] text-base',\n        'file:border-0 file:bg-white file:text-base file:font-semibold',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n"],"mappings":";;;;;AAGA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAwC;CAC3E,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,4FACA,iEACA,6BACA,4BACA,8BACA,wDACA,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}