@trsys-tech/matrix-library 0.3.0

package/dist/rating.es.js

@@ -0,0 +1,164 @@
+import { jsxs as _, jsx as s } from "react/jsx-runtime";
+import f from "react";
+import { cn as a } from "./utils.es.js";
+import { tv as $ } from "tailwind-variants";
+import { StarIcon as C } from "./starticon.es.js";
+const E = $({
+  base: "flex items-center gap-0",
+  variants: {
+    variant: {
+      default: "text-yellow-400",
+      primary: "text-primary",
+      secondary: "text-secondary",
+      success: "text-success",
+      danger: "text-danger",
+      warning: "text-warning",
+      info: "text-info"
+    },
+    size: {
+      sm: "[&_*_svg]:h-5 [&_*_svg]:w-5",
+      md: "[&_*_svg]:h-6 [&_*_svg]:w-6",
+      lg: "[&_*_svg]:h-8 [&_*_svg]:w-8"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+}), P = f.forwardRef((o, t) => {
+  const {
+    precision: n = "full",
+    variant: r,
+    size: c,
+    readOnly: u = !1,
+    onValueChange: l,
+    value: e = 0,
+    className: k,
+    children: y,
+    max: m = 5,
+    Icon: b = C,
+    disabled: d,
+    ...w
+  } = o, [h, g] = f.useState(e), [N, x] = f.useState(null), v = N ?? h;
+  f.useEffect(() => {
+    g(e);
+  }, [e]);
+  const M = (i) => {
+    u || (g(i), l?.(i));
+  }, S = (i) => {
+    u || x(i);
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: a(E({ variant: r, size: c, className: k })),
+      role: "slider",
+      "data-value": h,
+      "aria-valuenow": v,
+      "aria-valuemin": 0,
+      "aria-valuemax": m,
+      "aria-valuetext": `${v} out of ${m}`,
+      ...w,
+      ref: t,
+      children: [
+        Array.from({ length: m }).map((i, p) => /* @__PURE__ */ s(
+          R,
+          {
+            Icon: b,
+            index: p,
+            displayedValue: v,
+            onHover: S,
+            onValueChange: M,
+            precision: n,
+            readOnly: u,
+            disabled: d
+          },
+          p
+        )),
+        y
+      ]
+    }
+  );
+}), R = ({ Icon: o, index: t, displayedValue: n, onHover: r, onValueChange: c, precision: u, readOnly: l, disabled: e }) => u === "half" ? /* @__PURE__ */ _(
+  "div",
+  {
+    className: a(
+      "relative hover:scale-125 transition-transform px-0.5",
+      l && "hover:scale-100",
+      e && "hover:scale-100 opacity-70"
+    ),
+    children: [
+      /* @__PURE__ */ s(o, { className: a("stroke-gray-500") }),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: a(
+            "absolute top-0 w-[calc(50%+2px)] left-0 overflow-hidden h-full",
+            l && "cursor-default",
+            e && "cursor-default hover:scale-100 opacity-70"
+          ),
+          onClick: () => c(t + 0.5),
+          onMouseEnter: () => r(t + 0.5),
+          onMouseLeave: () => r(null),
+          disabled: e,
+          "aria-label": `Set rating to ${t + 0.5}`,
+          children: /* @__PURE__ */ s(
+            o,
+            {
+              className: a(
+                "stroke-none absolute left-0.5 top-0 [mask-image:linear-gradient(to_right,_black_50%,_transparent_50%)]",
+                n >= t + 0.5 && "stroke-current fill-current"
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: a(
+            "absolute top-0 w-[calc(50%+2px)] right-0 overflow-hidden h-full",
+            l && "cursor-default",
+            e && "cursor-default hover:scale-100 opacity-70"
+          ),
+          onClick: () => c(t + 1),
+          onMouseEnter: () => r(t + 1),
+          onMouseLeave: () => r(null),
+          disabled: e,
+          "aria-label": `Set rating to ${t + 1}`,
+          children: /* @__PURE__ */ s(
+            o,
+            {
+              className: a(
+                "stroke-none absolute right-0.5 top-0 [mask-image:linear-gradient(to_left,_black_50%,_transparent_50%)]",
+                n >= t + 1 && "stroke-current fill-current"
+              )
+            }
+          )
+        }
+      )
+    ]
+  }
+) : /* @__PURE__ */ s(
+  "button",
+  {
+    type: "button",
+    onClick: () => c(t + 1),
+    onMouseEnter: () => r(t + 1),
+    onMouseLeave: () => r(null),
+    className: a(
+      "hover:scale-125 px-0.5 transition-transform",
+      l && "cursor-default hover:scale-100",
+      e && "cursor-default hover:scale-100 opacity-70"
+    ),
+    disabled: e,
+    "aria-label": `Set rating to ${t + 1}`,
+    children: /* @__PURE__ */ s(o, { className: a("stroke-gray-500", n >= t + 1 && "stroke-current fill-current") })
+  }
+);
+export {
+  P as Rating
+};
+//# sourceMappingURL=rating.es.js.map

package/dist/rating.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.es.js","sources":["../src/components/rating/Rating.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\nimport { StarIcon } from \"../Icons/StartIcon\";\r\n\r\nconst ratingVariants = tv({\r\n  base: \"flex items-center gap-0\",\r\n  variants: {\r\n    variant: {\r\n      default: \"text-yellow-400\",\r\n      primary: \"text-primary\",\r\n      secondary: \"text-secondary\",\r\n      success: \"text-success\",\r\n      danger: \"text-danger\",\r\n      warning: \"text-warning\",\r\n      info: \"text-info\",\r\n    },\r\n    size: {\r\n      sm: \"[&_*_svg]:h-5 [&_*_svg]:w-5\",\r\n      md: \"[&_*_svg]:h-6 [&_*_svg]:w-6\",\r\n      lg: \"[&_*_svg]:h-8 [&_*_svg]:w-8\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"default\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface RatingProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  precision?: \"half\" | \"full\";\r\n  variant?: VariantProps<typeof ratingVariants>[\"variant\"];\r\n  size?: VariantProps<typeof ratingVariants>[\"size\"];\r\n  readOnly?: boolean;\r\n  value?: number;\r\n  onValueChange?: (value: number) => void;\r\n  children?: React.ReactNode;\r\n  disabled?: boolean;\r\n  max?: number;\r\n  Icon?: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n}\r\n\r\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>((props, ref) => {\r\n  const {\r\n    precision = \"full\",\r\n    variant,\r\n    size,\r\n    readOnly = false,\r\n    onValueChange,\r\n    value: _value = 0,\r\n    className,\r\n    children,\r\n    max = 5,\r\n    Icon = StarIcon,\r\n    disabled,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const [value, setValue] = React.useState(_value);\r\n  const [hoveredValue, setHoveredValue] = React.useState<number | null>(null);\r\n\r\n  const displayedValue = hoveredValue ?? value;\r\n\r\n  React.useEffect(() => {\r\n    setValue(_value);\r\n  }, [_value]);\r\n\r\n  const handleValueChange = (newValue: number) => {\r\n    if (readOnly) return;\r\n    setValue(newValue);\r\n    onValueChange?.(newValue);\r\n  };\r\n\r\n  const handleHover = (newValue: number | null) => {\r\n    if (readOnly) return;\r\n    setHoveredValue(newValue);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cn(ratingVariants({ variant, size, className }))}\r\n      role=\"slider\"\r\n      data-value={value}\r\n      aria-valuenow={displayedValue}\r\n      aria-valuemin={0}\r\n      aria-valuemax={max}\r\n      aria-valuetext={`${displayedValue} out of ${max}`}\r\n      {...restProps}\r\n      ref={ref}\r\n    >\r\n      {Array.from({ length: max }).map((_, index) => (\r\n        <RatingItem\r\n          Icon={Icon}\r\n          index={index}\r\n          key={index}\r\n          displayedValue={displayedValue}\r\n          onHover={handleHover}\r\n          onValueChange={handleValueChange}\r\n          precision={precision}\r\n          readOnly={readOnly}\r\n          disabled={disabled}\r\n        />\r\n      ))}\r\n      {children}\r\n    </div>\r\n  );\r\n});\r\n\r\ntype RatingItemProps = {\r\n  Icon: React.JSXElementConstructor<React.SVGProps<SVGSVGElement>>;\r\n  index: number;\r\n  onHover: (value: number | null) => void;\r\n  onValueChange: (value: number) => void;\r\n  displayedValue: number;\r\n  precision: \"half\" | \"full\";\r\n  readOnly: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nconst RatingItem = ({ Icon, index, displayedValue, onHover, onValueChange, precision, readOnly, disabled }: RatingItemProps) => {\r\n  if (precision === \"half\") {\r\n    return (\r\n      <div\r\n        className={cn(\r\n          \"relative hover:scale-125 transition-transform px-0.5\",\r\n          readOnly && \"hover:scale-100\",\r\n          disabled && \"hover:scale-100 opacity-70\",\r\n        )}\r\n      >\r\n        <Icon className={cn(\"stroke-gray-500\")} />\r\n        <button\r\n          type=\"button\"\r\n          className={cn(\r\n            \"absolute top-0 w-[calc(50%+2px)] left-0 overflow-hidden h-full\",\r\n            readOnly && \"cursor-default\",\r\n            disabled && \"cursor-default hover:scale-100 opacity-70\",\r\n          )}\r\n          onClick={() => onValueChange(index + 0.5)}\r\n          onMouseEnter={() => onHover(index + 0.5)}\r\n          onMouseLeave={() => onHover(null)}\r\n          disabled={disabled}\r\n          aria-label={`Set rating to ${index + 0.5}`}\r\n        >\r\n          <Icon\r\n            className={cn(\r\n              \"stroke-none absolute left-0.5 top-0 [mask-image:linear-gradient(to_right,_black_50%,_transparent_50%)]\",\r\n              displayedValue >= index + 0.5 && \"stroke-current fill-current\",\r\n            )}\r\n          />\r\n        </button>\r\n        <button\r\n          type=\"button\"\r\n          className={cn(\r\n            \"absolute top-0 w-[calc(50%+2px)] right-0 overflow-hidden h-full\",\r\n            readOnly && \"cursor-default\",\r\n            disabled && \"cursor-default hover:scale-100 opacity-70\",\r\n          )}\r\n          onClick={() => onValueChange(index + 1)}\r\n          onMouseEnter={() => onHover(index + 1)}\r\n          onMouseLeave={() => onHover(null)}\r\n          disabled={disabled}\r\n          aria-label={`Set rating to ${index + 1}`}\r\n        >\r\n          <Icon\r\n            className={cn(\r\n              \"stroke-none absolute right-0.5 top-0 [mask-image:linear-gradient(to_left,_black_50%,_transparent_50%)]\",\r\n              displayedValue >= index + 1 && \"stroke-current fill-current\",\r\n            )}\r\n          />\r\n        </button>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      onClick={() => onValueChange(index + 1)}\r\n      onMouseEnter={() => onHover(index + 1)}\r\n      onMouseLeave={() => onHover(null)}\r\n      className={cn(\r\n        \"hover:scale-125 px-0.5 transition-transform\",\r\n        readOnly && \"cursor-default hover:scale-100\",\r\n        disabled && \"cursor-default hover:scale-100 opacity-70\",\r\n      )}\r\n      disabled={disabled}\r\n      aria-label={`Set rating to ${index + 1}`}\r\n    >\r\n      <Icon className={cn(\"stroke-gray-500\", displayedValue >= index + 1 && \"stroke-current fill-current\")} />\r\n    </button>\r\n  );\r\n};\r\n\r\nexport { Rating, type RatingProps };\r\n"],"names":["ratingVariants","tv","Rating","React","props","ref","precision","variant","size","readOnly","onValueChange","_value","className","children","max","Icon","StarIcon","disabled","restProps","value","setValue","hoveredValue","setHoveredValue","displayedValue","handleValueChange","newValue","handleHover","jsxs","cn","_","index","jsx","RatingItem","onHover"],"mappings":"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"}

package/dist/refreshicon.es.js

@@ -0,0 +1,8 @@
+import { jsx as C } from "react/jsx-runtime";
+function o(r) {
+  return /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ C("path", { d: "M20.2126 3.89936C19.8867 3.76607 19.5086 3.83899 19.2589 4.08964L17.4173 5.93115C15.9506 4.62853 14.0475 3.83337 12.0022 3.83337C8.39281 3.83337 5.16734 6.25093 4.16036 9.7141C4.02474 10.1771 4.29125 10.662 4.755 10.7969C5.22203 10.9348 5.7051 10.6648 5.83964 10.2023C6.63188 7.48285 9.16573 5.58337 12.0022 5.58337C13.5743 5.58337 15.041 6.18202 16.184 7.16567L14.0099 9.33968C13.7593 9.59033 13.6853 9.96639 13.8197 10.2934C13.9553 10.6204 14.2743 10.8334 14.6287 10.8334H19.875C20.3584 10.8006 20.7522 10.4433 20.7522 9.95837V4.70837C20.7522 4.354 20.5407 4.03499 20.2126 3.89936ZM19.2465 13.1704C18.7805 13.0336 18.2964 13.3014 18.1618 13.765C17.3725 16.5172 14.8386 18.4167 11.9694 18.4167C10.3973 18.4167 8.92948 17.8181 7.7876 16.8341L9.96125 14.6604C10.2119 14.4098 10.2854 14.0395 10.1509 13.7125C10.048 13.3855 9.73083 13.1667 9.34438 13.1667H4.12901C3.64594 13.1667 3.25 13.5583 3.25 14.0413V19.2913C3.25 19.6457 3.46306 19.9647 3.78995 20.1004C3.89823 20.1448 4.01198 20.1667 4.125 20.1667C4.35286 20.1667 4.57635 20.0778 4.7437 19.9104L6.58521 18.0685C8.0501 19.3719 9.95688 20.1667 11.9694 20.1667C15.5788 20.1667 18.8017 17.7492 19.8116 14.286C19.9793 13.7901 19.7095 13.3381 19.2465 13.1704Z" }) });
+}
+export {
+  o as RefreshIcon
+};
+//# sourceMappingURL=refreshicon.es.js.map

package/dist/refreshicon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refreshicon.es.js","sources":["../src/components/Icons/RefreshIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function RefreshIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n      <path d=\"M20.2126 3.89936C19.8867 3.76607 19.5086 3.83899 19.2589 4.08964L17.4173 5.93115C15.9506 4.62853 14.0475 3.83337 12.0022 3.83337C8.39281 3.83337 5.16734 6.25093 4.16036 9.7141C4.02474 10.1771 4.29125 10.662 4.755 10.7969C5.22203 10.9348 5.7051 10.6648 5.83964 10.2023C6.63188 7.48285 9.16573 5.58337 12.0022 5.58337C13.5743 5.58337 15.041 6.18202 16.184 7.16567L14.0099 9.33968C13.7593 9.59033 13.6853 9.96639 13.8197 10.2934C13.9553 10.6204 14.2743 10.8334 14.6287 10.8334H19.875C20.3584 10.8006 20.7522 10.4433 20.7522 9.95837V4.70837C20.7522 4.354 20.5407 4.03499 20.2126 3.89936ZM19.2465 13.1704C18.7805 13.0336 18.2964 13.3014 18.1618 13.765C17.3725 16.5172 14.8386 18.4167 11.9694 18.4167C10.3973 18.4167 8.92948 17.8181 7.7876 16.8341L9.96125 14.6604C10.2119 14.4098 10.2854 14.0395 10.1509 13.7125C10.048 13.3855 9.73083 13.1667 9.34438 13.1667H4.12901C3.64594 13.1667 3.25 13.5583 3.25 14.0413V19.2913C3.25 19.6457 3.46306 19.9647 3.78995 20.1004C3.89823 20.1448 4.01198 20.1667 4.125 20.1667C4.35286 20.1667 4.57635 20.0778 4.7437 19.9104L6.58521 18.0685C8.0501 19.3719 9.95688 20.1667 11.9694 20.1667C15.5788 20.1667 18.8017 17.7492 19.8116 14.286C19.9793 13.7901 19.7095 13.3381 19.2465 13.1704Z\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["RefreshIcon","props"],"mappings":";AAEO,SAASA,EAAYC,GAAgC;AAC1D,2BACG,OAAI,EAAA,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAK,gBAAe,SAAQ,aAAa,GAAGA,GACzG,4BAAC,QAAK,EAAA,GAAE,0rCAA0rC,CAAA,GACpsC;AAEJ;"}

package/dist/searchicon.es.js

@@ -0,0 +1,8 @@
+import { jsx as C } from "react/jsx-runtime";
+function e(r) {
+  return /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "currentColor", viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ C("path", { d: "M19.7574 18.7364L15.5687 14.5477C16.4752 13.4381 16.9754 12.0408 16.9754 10.5154C16.9754 6.92383 14.0643 4.01367 10.4736 4.01367C6.88297 4.01367 4 6.92477 4 10.5154C4 14.1061 6.91079 17.0172 10.4736 17.0172C11.9987 17.0172 13.3978 16.4886 14.506 15.6093L18.6946 19.7979C18.8696 19.9461 19.0634 20.018 19.2541 20.018C19.4448 20.018 19.638 19.9447 19.7846 19.7982C20.0762 19.5053 20.0762 19.0302 19.7574 18.7364ZM5.50041 10.5154C5.50041 7.7578 7.74414 5.51407 10.5018 5.51407C13.2594 5.51407 15.5031 7.7578 15.5031 10.5154C15.5031 13.273 13.2594 15.5168 10.5018 15.5168C7.74414 15.5168 5.50041 13.2724 5.50041 10.5154Z" }) });
+}
+export {
+  e as SearchIcon
+};
+//# sourceMappingURL=searchicon.es.js.map

package/dist/searchicon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchicon.es.js","sources":["../src/components/Icons/SearchIcon.tsx"],"sourcesContent":["import { SVGProps } from \"react\";\r\n\r\nexport function SearchIcon(props: SVGProps<SVGSVGElement>) {\r\n  return (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"currentColor\" viewBox=\"0 0 24 24\" {...props}>\r\n      <path d=\"M19.7574 18.7364L15.5687 14.5477C16.4752 13.4381 16.9754 12.0408 16.9754 10.5154C16.9754 6.92383 14.0643 4.01367 10.4736 4.01367C6.88297 4.01367 4 6.92477 4 10.5154C4 14.1061 6.91079 17.0172 10.4736 17.0172C11.9987 17.0172 13.3978 16.4886 14.506 15.6093L18.6946 19.7979C18.8696 19.9461 19.0634 20.018 19.2541 20.018C19.4448 20.018 19.638 19.9447 19.7846 19.7982C20.0762 19.5053 20.0762 19.0302 19.7574 18.7364ZM5.50041 10.5154C5.50041 7.7578 7.74414 5.51407 10.5018 5.51407C13.2594 5.51407 15.5031 7.7578 15.5031 10.5154C15.5031 13.273 13.2594 15.5168 10.5018 15.5168C7.74414 15.5168 5.50041 13.2724 5.50041 10.5154Z\" />\r\n    </svg>\r\n  );\r\n}\r\n"],"names":["SearchIcon","props"],"mappings":";AAEO,SAASA,EAAWC,GAAgC;AACzD,2BACG,OAAI,EAAA,OAAM,8BAA6B,OAAM,OAAM,QAAO,OAAM,MAAK,gBAAe,SAAQ,aAAa,GAAGA,GAC3G,4BAAC,QAAK,EAAA,GAAE,2mBAA2mB,CAAA,GACrnB;AAEJ;"}

package/dist/select.es.js

@@ -0,0 +1,109 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import * as l from "react";
+import * as e from "@radix-ui/react-select";
+import { cn as s } from "./utils.es.js";
+import { CheckIcon as x } from "./checkicon.es.js";
+import { ChevronUpIcon as b } from "./chevronupicon.es.js";
+import { ChevronDownIcon as m } from "./chevrondownicon.es.js";
+import { CloseIcon as w } from "./closeicon.es.js";
+const p = l.createContext({ onClear: () => {
+}, value: void 0 }), N = ({ onValueChange: r, value: o, ...a }) => {
+  const n = () => {
+    r?.("");
+  };
+  return /* @__PURE__ */ t(p.Provider, { value: { onClear: n, value: o }, children: /* @__PURE__ */ t(e.Root, { ...a, value: o, onValueChange: r }) });
+};
+N.displayName = e.Root.displayName;
+const k = e.Group, z = e.Value, v = l.forwardRef(
+  ({ className: r, children: o, clearable: a, ...n }, i) => {
+    const { onClear: h, value: c } = l.useContext(p), y = (g) => {
+      g.stopPropagation();
+    };
+    return /* @__PURE__ */ d(
+      e.Trigger,
+      {
+        ref: i,
+        className: s(
+          "group flex h-9 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-none [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300",
+          r
+        ),
+        "data-value": c,
+        ...n,
+        children: [
+          o,
+          /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+            a && c ? /* @__PURE__ */ t(e.Icon, { asChild: !0, onPointerDown: y, onClickCapture: h, children: /* @__PURE__ */ t(w, { className: "h-4.5 w-4.5" }) }) : null,
+            /* @__PURE__ */ t(e.Icon, { asChild: !0, children: /* @__PURE__ */ t(m, { className: "h-5 w-5 text-primary group-data-[state=open]:rotate-180 transition-transform" }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+v.displayName = e.Trigger.displayName;
+const f = l.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(e.ScrollUpButton, { ref: a, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ t(b, {}) }));
+f.displayName = e.ScrollUpButton.displayName;
+const u = l.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(e.ScrollDownButton, { ref: a, className: s("flex cursor-default items-center justify-center py-1", r), ...o, children: /* @__PURE__ */ t(m, {}) }));
+u.displayName = e.ScrollDownButton.displayName;
+const S = l.forwardRef(({ className: r, children: o, position: a = "popper", ...n }, i) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ d(
+  e.Content,
+  {
+    ref: i,
+    className: s(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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",
+      a === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 max-h-[--radix-select-content-available-height]",
+      r
+    ),
+    position: a,
+    ...n,
+    children: [
+      /* @__PURE__ */ t(f, {}),
+      /* @__PURE__ */ t(
+        e.Viewport,
+        {
+          className: s("p-1", a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+          children: o
+        }
+      ),
+      /* @__PURE__ */ t(u, {})
+    ]
+  }
+) }));
+S.displayName = e.Content.displayName;
+const C = l.forwardRef(
+  ({ className: r, ...o }, a) => /* @__PURE__ */ t(e.Label, { ref: a, className: s("px-2 py-1.5 text-sm font-semibold", r), ...o })
+);
+C.displayName = e.Label.displayName;
+const I = l.forwardRef(
+  ({ className: r, children: o, ...a }, n) => /* @__PURE__ */ d(
+    e.Item,
+    {
+      ref: n,
+      className: s(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-gray-200 data-[active=true]:bg-gray-300 data-[active=true]:font-bold data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        r
+      ),
+      ...a,
+      children: [
+        /* @__PURE__ */ t("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t(e.ItemIndicator, { children: /* @__PURE__ */ t(x, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ t(e.ItemText, { children: o })
+      ]
+    }
+  )
+);
+I.displayName = e.Item.displayName;
+const R = l.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(e.Separator, { ref: a, className: s("-mx-1 my-1 h-px bg-muted", r), ...o }));
+R.displayName = e.Separator.displayName;
+export {
+  N as Select,
+  S as SelectContent,
+  k as SelectGroup,
+  I as SelectItem,
+  C as SelectLabel,
+  u as SelectScrollDownButton,
+  f as SelectScrollUpButton,
+  R as SelectSeparator,
+  v as SelectTrigger,
+  z as SelectValue
+};
+//# sourceMappingURL=select.es.js.map

package/dist/select.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.es.js","sources":["../src/components/select/Select.tsx"],"sourcesContent":["import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport type { SelectValueProps, SelectGroupProps } from \"@radix-ui/react-select\";\n\nimport { cn } from \"../../lib/utils\";\nimport { CheckIcon } from \"../Icons/CheckIcon\";\nimport { ChevronUpIcon } from \"../Icons/ChevronUpIcon\";\nimport { ChevronDownIcon } from \"../Icons/ChevronDownIcon\";\nimport { CloseIcon } from \"../Icons/CloseIcon\";\n\ntype ClearSelectContextValue = {\n  onClear: () => void;\n  value: string | undefined;\n};\n\nconst SelectContext = React.createContext<ClearSelectContextValue>({ onClear: () => {}, value: undefined });\n\nconst Select = ({ onValueChange, value, ...props }: SelectPrimitive.SelectProps) => {\n  const onClear = () => {\n    onValueChange?.(\"\");\n  };\n\n  return (\n    <SelectContext.Provider value={{ onClear, value }}>\n      <SelectPrimitive.Root {...props} value={value} onValueChange={onValueChange} />\n    </SelectContext.Provider>\n  );\n};\nSelect.displayName = SelectPrimitive.Root.displayName;\ntype SelectProps = React.ComponentProps<typeof Select>;\n\nconst SelectGroup = SelectPrimitive.Group;\n\nconst SelectValue = SelectPrimitive.Value;\n\ntype SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  clearable?: boolean;\n};\n\nconst SelectTrigger = React.forwardRef<React.ElementRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(\n  ({ className, children, clearable, ...props }: SelectTriggerProps, ref) => {\n    const { onClear, value } = React.useContext(SelectContext);\n\n    const handlePointerDown = (e: React.PointerEvent) => {\n      e.stopPropagation();\n    };\n\n    return (\n      <SelectPrimitive.Trigger\n        ref={ref}\n        className={cn(\n          \"group flex h-9 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground hover:border hover:border-primary focus:border focus:border-primary focus:outline-none focus:ring focus:ring-primary-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-text-300 disabled:border-none [&>span]:line-clamp-1 [&_svg]:disabled:text-text-300\",\n          className,\n        )}\n        data-value={value}\n        {...props}\n      >\n        {children}\n        <div className=\"flex items-center gap-2\">\n          {clearable && value ? (\n            <SelectPrimitive.Icon asChild onPointerDown={handlePointerDown} onClickCapture={onClear}>\n              <CloseIcon className=\"h-4.5 w-4.5\" />\n            </SelectPrimitive.Icon>\n          ) : null}\n          <SelectPrimitive.Icon asChild>\n            <ChevronDownIcon className=\"h-5 w-5 text-primary group-data-[state=open]:rotate-180 transition-transform\" />\n          </SelectPrimitive.Icon>\n        </div>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n// type SelectTriggerProps = React.ComponentProps<typeof SelectTrigger>;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton ref={ref} className={cn(\"flex cursor-default items-center justify-center py-1\", className)} {...props}>\n    <ChevronUpIcon />\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\ntype SelectScrollUpButtonProps = React.ComponentProps<typeof SelectScrollUpButton>;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton ref={ref} className={cn(\"flex cursor-default items-center justify-center py-1\", className)} {...props}>\n    <ChevronDownIcon />\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\ntype SelectScrollDownButtonProps = React.ComponentProps<typeof SelectScrollDownButton>;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 max-h-[--radix-select-content-available-height]\",\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\"p-1\", position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\")}\n      >\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\ntype SelectContentProps = React.ComponentProps<typeof SelectContent>;\n\nconst SelectLabel = React.forwardRef<React.ElementRef<typeof SelectPrimitive.Label>, React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>>(\n  ({ className, ...props }, ref) => <SelectPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />,\n);\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\ntype SelectLabelProps = React.ComponentProps<typeof SelectLabel>;\n\nconst SelectItem = React.forwardRef<React.ElementRef<typeof SelectPrimitive.Item>, React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>>(\n  ({ className, children, ...props }, ref) => (\n    <SelectPrimitive.Item\n      ref={ref}\n      className={cn(\n        \"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-gray-200 data-[active=true]:bg-gray-300 data-[active=true]:font-bold data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"h-4 w-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  ),\n);\nSelectItem.displayName = SelectPrimitive.Item.displayName;\ntype SelectItemProps = React.ComponentProps<typeof SelectItem>;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => <SelectPrimitive.Separator ref={ref} className={cn(\"-mx-1 my-1 h-px bg-muted\", className)} {...props} />);\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\ntype SelectSeparatorProps = React.ComponentProps<typeof SelectSeparator>;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n  type SelectProps,\n  type SelectGroupProps,\n  type SelectValueProps,\n  type SelectTriggerProps,\n  type SelectContentProps,\n  type SelectLabelProps,\n  type SelectItemProps,\n  type SelectSeparatorProps,\n  type SelectScrollUpButtonProps,\n  type SelectScrollDownButtonProps,\n};\n"],"names":["SelectContext","React","Select","onValueChange","value","props","onClear","jsx","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","children","clearable","ref","handlePointerDown","e","jsxs","cn","CloseIcon","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}

package/dist/separator.es.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as e from "react";
+import { Root as o } from "@radix-ui/react-separator";
+import { cn as f } from "./utils.es.js";
+const s = e.forwardRef(
+  ({ className: a, orientation: r = "horizontal", decorative: m = !0, ...p }, t) => /* @__PURE__ */ l(
+    o,
+    {
+      ref: t,
+      decorative: m,
+      orientation: r,
+      className: f("shrink-0 bg-border", r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", a),
+      ...p
+    }
+  )
+);
+s.displayName = o.displayName;
+export {
+  s as Separator
+};
+//# sourceMappingURL=separator.es.js.map

package/dist/separator.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.es.js","sources":["../src/components/separator/Separator.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { Root, SeparatorProps } from \"@radix-ui/react-separator\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Separator = React.forwardRef<React.ElementRef<typeof Root>, React.ComponentPropsWithoutRef<typeof Root>>(\r\n  ({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\r\n    <Root\r\n      ref={ref}\r\n      decorative={decorative}\r\n      orientation={orientation}\r\n      className={cn(\"shrink-0 bg-border\", orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nSeparator.displayName = Root.displayName;\r\n\r\nexport { Separator, type SeparatorProps };\r\n"],"names":["Separator","React","className","orientation","decorative","props","ref","jsx","Root","cn"],"mappings":";;;;AAOA,MAAMA,IAAYC,EAAM;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,aAAAC,IAAc,cAAc,YAAAC,IAAa,IAAM,GAAGC,KAASC,MACvE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,YAAAF;AAAA,MACA,aAAAD;AAAA,MACA,WAAWM,EAAG,sBAAsBN,MAAgB,eAAe,mBAAmB,kBAAkBD,CAAS;AAAA,MAChH,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AACAL,EAAU,cAAcQ,EAAK;"}

package/dist/sheet.es.js

@@ -0,0 +1,69 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+import * as e from "@radix-ui/react-dialog";
+import { tv as c } from "tailwind-variants";
+import { cn as i } from "./utils.es.js";
+import { CloseIcon as f } from "./closeicon.es.js";
+const C = e.Root, R = e.Trigger, T = e.Close, p = e.Portal, d = r.forwardRef(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ o(
+    e.Overlay,
+    {
+      className: i(
+        "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        t
+      ),
+      ...a,
+      ref: s
+    }
+  )
+);
+d.displayName = e.Overlay.displayName;
+const h = c({
+  base: "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  variants: {
+    side: {
+      top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+      bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+      left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+      right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+    }
+  },
+  defaultVariants: {
+    side: "right"
+  }
+}), g = r.forwardRef(
+  ({ side: t = "right", className: a, children: s, ...l }, m) => /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ o(d, {}),
+    /* @__PURE__ */ n(e.Content, { ref: m, className: i(h({ side: t }), a), ...l, children: [
+      /* @__PURE__ */ n(e.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ o(f, { className: "h-4 w-4" }),
+        /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+      ] }),
+      s
+    ] })
+  ] })
+);
+g.displayName = e.Content.displayName;
+const u = ({ className: t, ...a }) => /* @__PURE__ */ o("div", { className: i("flex flex-col space-y-2 text-center sm:text-left", t), ...a });
+u.displayName = "SheetHeader";
+const y = ({ className: t, ...a }) => /* @__PURE__ */ o("div", { className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t), ...a });
+y.displayName = "SheetFooter";
+const x = r.forwardRef(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ o(e.Title, { ref: s, className: i("text-lg font-semibold text-foreground", t), ...a })
+);
+x.displayName = e.Title.displayName;
+const b = r.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o(e.Description, { ref: s, className: i("text-sm text-muted-foreground", t), ...a }));
+b.displayName = e.Description.displayName;
+export {
+  C as Sheet,
+  T as SheetClose,
+  g as SheetContent,
+  b as SheetDescription,
+  y as SheetFooter,
+  u as SheetHeader,
+  d as SheetOverlay,
+  p as SheetPortal,
+  x as SheetTitle,
+  R as SheetTrigger
+};
+//# sourceMappingURL=sheet.es.js.map

package/dist/sheet.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.es.js","sources":["../src/components/sheet/Sheet.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\r\nimport type {\r\n  DialogProps as SheetProps,\r\n  DialogTriggerProps as SheetTriggerProps,\r\n  DialogCloseProps as SheetCloseProps,\r\n  DialogPortalProps as SheetPortalProps,\r\n  DialogOverlayProps as SheetOverlayProps,\r\n  DialogDescriptionProps as SheetDescriptionProps,\r\n  DialogTitleProps as SheetTitleProps,\r\n} from \"@radix-ui/react-dialog\";\r\nimport { tv, type VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { CloseIcon } from \"../Icons/CloseIcon\";\r\n\r\nconst Sheet = SheetPrimitive.Root;\r\n\r\nconst SheetTrigger = SheetPrimitive.Trigger;\r\n\r\nconst SheetClose = SheetPrimitive.Close;\r\n\r\nconst SheetPortal = SheetPrimitive.Portal;\r\n\r\nconst SheetOverlay = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Overlay>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>>(\r\n  ({ className, ...props }, ref) => (\r\n    <SheetPrimitive.Overlay\r\n      className={cn(\r\n        \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\r\n        className,\r\n      )}\r\n      {...props}\r\n      ref={ref}\r\n    />\r\n  ),\r\n);\r\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\r\n\r\nconst sheetVariants = tv({\r\n  base: \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out\",\r\n  variants: {\r\n    side: {\r\n      top: \"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\r\n      bottom: \"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\r\n      left: \"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\r\n      right: \"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    side: \"right\",\r\n  },\r\n});\r\n\r\ninterface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {}\r\n\r\nconst SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(\r\n  ({ side = \"right\", className, children, ...props }, ref) => (\r\n    <SheetPortal>\r\n      <SheetOverlay />\r\n      <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>\r\n        <SheetPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary\">\r\n          <CloseIcon className=\"h-4 w-4\" />\r\n          <span className=\"sr-only\">Close</span>\r\n        </SheetPrimitive.Close>\r\n        {children}\r\n      </SheetPrimitive.Content>\r\n    </SheetPortal>\r\n  ),\r\n);\r\nSheetContent.displayName = SheetPrimitive.Content.displayName;\r\n\r\nconst SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)} {...props} />\r\n);\r\nSheetHeader.displayName = \"SheetHeader\";\r\ntype SheetHeaderProps = React.ComponentProps<typeof SheetHeader>;\r\n\r\nconst SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)} {...props} />\r\n);\r\nSheetFooter.displayName = \"SheetFooter\";\r\ntype SheetFooterProps = React.ComponentProps<typeof SheetFooter>;\r\n\r\nconst SheetTitle = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Title>, React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>>(\r\n  ({ className, ...props }, ref) => <SheetPrimitive.Title ref={ref} className={cn(\"text-lg font-semibold text-foreground\", className)} {...props} />,\r\n);\r\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\r\n\r\nconst SheetDescription = React.forwardRef<\r\n  React.ElementRef<typeof SheetPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\r\n>(({ className, ...props }, ref) => <SheetPrimitive.Description ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />);\r\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\r\n\r\nexport {\r\n  Sheet,\r\n  SheetPortal,\r\n  SheetOverlay,\r\n  SheetTrigger,\r\n  SheetClose,\r\n  SheetContent,\r\n  SheetHeader,\r\n  SheetFooter,\r\n  SheetTitle,\r\n  SheetDescription,\r\n  type SheetProps,\r\n  type SheetPortalProps,\r\n  type SheetOverlayProps,\r\n  type SheetTriggerProps,\r\n  type SheetCloseProps,\r\n  type SheetContentProps,\r\n  type SheetHeaderProps,\r\n  type SheetFooterProps,\r\n  type SheetTitleProps,\r\n  type SheetDescriptionProps,\r\n};\r\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","jsx","cn","sheetVariants","tv","SheetContent","side","children","jsxs","CloseIcon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;AAkBA,MAAMA,IAAQC,EAAe,MAEvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MACxB,gBAAAC;AAAA,IAACT,EAAe;AAAA,IAAf;AAAA,MACC,WAAWU;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MACJ,KAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AACAJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMW,IAAgBC,EAAG;AAAA,EACvB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EAEX;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAM,GAAGC,MAClD,gBAAAQ,EAACb,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAM,EAACL,GAAa,EAAA;AAAA,IACb,gBAAAY,EAAAhB,EAAe,SAAf,EAAuB,KAAAQ,GAAU,WAAWE,EAAGC,EAAc,EAAE,MAAAG,EAAM,CAAA,GAAGR,CAAS,GAAI,GAAGC,GACvF,UAAA;AAAA,MAAA,gBAAAS,EAAChB,EAAe,OAAf,EAAqB,WAAU,4OAC9B,UAAA;AAAA,QAAC,gBAAAS,EAAAQ,GAAA,EAAU,WAAU,UAAU,CAAA;AAAA,QAC9B,gBAAAR,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,MAAA,GACjC;AAAA,MACCM;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,EACF,CAAA;AAEJ;AACAF,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMkB,IAAc,CAAC,EAAE,WAAAZ,GAAW,GAAGC,EAAM,MACxC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,oDAAoDJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAEhGW,EAAY,cAAc;AAG1B,MAAMC,IAAc,CAAC,EAAE,WAAAb,GAAW,GAAGC,EAAM,MACxC,gBAAAE,EAAA,OAAA,EAAI,WAAWC,EAAG,iEAAiEJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAE7GY,EAAY,cAAc;AAG1B,MAAMC,IAAaf,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAS,gBAAAC,EAAAT,EAAe,OAAf,EAAqB,KAAAQ,GAAU,WAAWE,EAAG,yCAAyCJ,CAAS,GAAI,GAAGC,EAAO,CAAA;AAClJ;AACAa,EAAW,cAAcpB,EAAe,MAAM;AAExC,MAAAqB,IAAmBhB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAAQ,gBAAAC,EAACT,EAAe,aAAf,EAA2B,KAAAQ,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AAClJc,EAAiB,cAAcrB,EAAe,YAAY;"}