@trsys-tech/matrix-library 0.6.0 → 1.0.0-canary.0

package/dist/select.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.es.js","sources":["../src/components/select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronDown, ChevronUp, XMark } from \"@trsys-tech/matrix-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport type { SelectValueProps, SelectGroupProps } from \"@radix-ui/react-select\";\n\nimport { cn } from \"../../lib/utils\";\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-8 w-full items-center justify-between whitespace-nowrap rounded-sm border border-input bg-transparent px-3 py-2 text-xs 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              <XMark className=\"h-4.5 w-4.5\" />\n            </SelectPrimitive.Icon>\n          ) : null}\n          <SelectPrimitive.Icon asChild>\n            <ChevronDown className=\"h-4.5 w-4.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    <ChevronUp />\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    <ChevronDown />\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-xs 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-xs 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          <Check 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","XMark","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"select.es.js","sources":["../src/components/select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronDown, ChevronUp, XMark } from \"@trsys-tech/matrix-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport type { SelectValueProps, SelectGroupProps } from \"@radix-ui/react-select\";\n\nimport { cn } from \"../../lib/utils\";\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          \"mtx-group mtx-flex mtx-h-8 mtx-w-full mtx-items-center mtx-justify-between mtx-whitespace-nowrap mtx-rounded-sm mtx-border mtx-border-input mtx-bg-transparent mtx-px-3 mtx-py-2 mtx-text-xs mtx-ring-offset-background data-[placeholder]:mtx-text-muted-foreground hover:mtx-border hover:mtx-border-primary focus:mtx-border focus:mtx-border-primary focus:mtx-outline-none focus:mtx-ring focus:mtx-ring-primary-100 disabled:mtx-cursor-not-allowed disabled:mtx-bg-gray-100 disabled:mtx-text-text-300 disabled:mtx-border-none [&>span]:mtx-line-clamp-1 [&_svg]:disabled:mtx-text-text-300\",\n          className,\n        )}\n        data-value={value}\n        {...props}\n      >\n        {children}\n        <div className=\"mtx-flex mtx-items-center mtx-gap-2\">\n          {clearable && value ? (\n            <SelectPrimitive.Icon asChild onPointerDown={handlePointerDown} onClickCapture={onClear}>\n              <XMark className=\"mtx-h-4.5 mtx-w-4.5\" />\n            </SelectPrimitive.Icon>\n          ) : null}\n          <SelectPrimitive.Icon asChild>\n            <ChevronDown className=\"mtx-h-4.5 mtx-w-4.5 mtx-text-primary group-data-[state=open]:mtx-rotate-180 mtx-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\n    ref={ref}\n    className={cn(\"mtx-flex mtx-cursor-default mtx-items-center mtx-justify-center mtx-py-1\", className)}\n    {...props}\n  >\n    <ChevronUp />\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\n    ref={ref}\n    className={cn(\"mtx-flex mtx-cursor-default mtx-items-center mtx-justify-center mtx-py-1\", className)}\n    {...props}\n  >\n    <ChevronDown />\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        \"mtx-relative mtx-z-50 mtx-max-h-96 mtx-min-w-[8rem] mtx-overflow-hidden mtx-rounded-md mtx-border mtx-bg-popover mtx-text-popover-foreground mtx-shadow-md data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-fade-in-0 data-[state=closed]:mtx-zoom-out-95 data-[state=open]:mtx-zoom-in-95 data-[side=bottom]:mtx-slide-in-from-top-2 data-[side=left]:mtx-slide-in-from-right-2 data-[side=right]:mtx-slide-in-from-left-2 data-[side=top]:mtx-slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"data-[side=bottom]:mtx-translate-y-1 data-[side=left]:-mtx-translate-x-1 data-[side=right]:mtx-translate-x-1 data-[side=top]:-mtx-translate-y-1 mtx-max-h-[--radix-select-content-available-height]\",\n        className,\n      )}\n      position={position}\n      {...props}\n    >\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"mtx-p-1\",\n          position === \"popper\" && \"mtx-h-[var(--radix-select-trigger-height)] mtx-w-full mtx-min-w-[var(--radix-select-trigger-width)]\",\n        )}\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) => (\n    <SelectPrimitive.Label ref={ref} className={cn(\"mtx-px-2 mtx-py-1.5 mtx-text-xs mtx-font-semibold\", className)} {...props} />\n  ),\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        \"mtx-relative mtx-flex mtx-w-full mtx-cursor-default mtx-select-none mtx-items-center mtx-rounded-sm mtx-py-1.5 mtx-pl-2 mtx-pr-8 mtx-text-xs mtx-outline-none focus:mtx-bg-gray-200 data-[active=true]:mtx-bg-gray-300 data-[active=true]:mtx-font-bold data-[disabled]:mtx-pointer-events-none data-[disabled]:mtx-opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"mtx-absolute mtx-right-2 mtx-flex mtx-h-3.5 mtx-w-3.5 mtx-items-center mtx-justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <Check className=\"mtx-h-4 mtx-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) => (\n  <SelectPrimitive.Separator ref={ref} className={cn(\"-mtx-mx-1 mtx-my-1 mtx-h-px mtx-bg-muted\", className)} {...props} />\n));\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","XMark","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":"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"}

package/dist/separator.es.js

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

package/dist/separator.es.js.map

@@ -1 +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;"}
+{"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(\"mtx-shrink-0 mtx-bg-border\", orientation === \"horizontal\" ? \"mtx-h-[1px] mtx-w-full\" : \"mtx-h-full mtx-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,8BAA8BN,MAAgB,eAAe,2BAA2B,0BAA0BD,CAAS;AAAA,MACxI,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;AACAL,EAAU,cAAcQ,EAAK;"}

package/dist/sheet.es.js

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

package/dist/sheet.es.js.map

@@ -1 +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 { XMark } from \"@trsys-tech/matrix-icons\";\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          <XMark 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","XMark","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,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACT,EAAe;AAAA,IAAf;AAAA,MACC,WAAWU;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,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,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAA,GAASC,MAClD,gBAAAQ,EAACb,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAM,EAACL,GAAA,EAAa;AAAA,IACd,gBAAAY,EAAChB,EAAe,SAAf,EAAuB,KAAAQ,GAAU,WAAWE,EAAGC,EAAc,EAAE,MAAAG,GAAM,GAAGR,CAAS,GAAI,GAAGC,GACvF,UAAA;AAAA,MAAA,gBAAAS,EAAChB,EAAe,OAAf,EAAqB,WAAU,4OAC9B,UAAA;AAAA,QAAA,gBAAAS,EAACQ,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,QAC3B,gBAAAR,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,MAAA,GACjC;AAAA,MACCM;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,EAAA,CACF;AAEJ;AACAF,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMkB,IAAc,CAAC,EAAE,WAAAZ,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAG,oDAAoDJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEhGW,EAAY,cAAc;AAG1B,MAAMC,IAAc,CAAC,EAAE,WAAAb,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAG,iEAAiEJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE7GY,EAAY,cAAc;AAG1B,MAAMC,IAAaf,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACT,EAAe,OAAf,EAAqB,KAAAQ,GAAU,WAAWE,EAAG,yCAAyCJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAClJ;AACAa,EAAW,cAAcpB,EAAe,MAAM;AAE9C,MAAMqB,IAAmBhB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ,gBAAAC,EAACT,EAAe,aAAf,EAA2B,KAAAQ,GAAU,WAAWE,EAAG,iCAAiCJ,CAAS,GAAI,GAAGC,GAAO,CAAE;AAClJc,EAAiB,cAAcrB,EAAe,YAAY;"}
+{"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 { XMark } from \"@trsys-tech/matrix-icons\";\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        \"mtx-fixed mtx-inset-0 mtx-z-50 mtx-bg-black/80  data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out data-[state=closed]:mtx-fade-out-0 data-[state=open]:mtx-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: \"mtx-fixed mtx-z-50 mtx-gap-4 mtx-bg-background mtx-p-6 mtx-shadow-lg mtx-transition mtx-ease-in-out data-[state=closed]:mtx-duration-300 data-[state=open]:mtx-duration-500 data-[state=open]:mtx-animate-in data-[state=closed]:mtx-animate-out\",\r\n  variants: {\r\n    side: {\r\n      top: \"mtx-inset-x-0 mtx-top-0 mtx-border-b data-[state=closed]:mtx-slide-out-to-top data-[state=open]:mtx-slide-in-from-top\",\r\n      bottom: \"mtx-inset-x-0 mtx-bottom-0 mtx-border-t data-[state=closed]:mtx-slide-out-to-bottom data-[state=open]:mtx-slide-in-from-bottom\",\r\n      left: \"mtx-inset-y-0 mtx-left-0 mtx-h-full mtx-w-3/4 mtx-border-r data-[state=closed]:mtx-slide-out-to-left data-[state=open]:mtx-slide-in-from-left sm:mtx-max-w-sm\",\r\n      right:\r\n        \"mtx-inset-y-0 mtx-right-0 mtx-h-full mtx-w-3/4 mtx-border-l data-[state=closed]:mtx-slide-out-to-right data-[state=open]:mtx-slide-in-from-right sm:mtx-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=\"mtx-absolute mtx-right-4 mtx-top-4 mtx-rounded-sm mtx-opacity-70 mtx-ring-offset-background mtx-transition-opacity hover:mtx-opacity-100 focus:mtx-outline-none focus:mtx-ring-2 focus:mtx-ring-ring focus:mtx-ring-offset-2 disabled:mtx-pointer-events-none data-[state=open]:mtx-bg-secondary\">\r\n          <XMark className=\"mtx-h-4 mtx-w-4\" />\r\n          <span className=\"mtx-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(\"mtx-flex mtx-flex-col mtx-space-y-2 mtx-text-center sm:mtx-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(\"mtx-flex mtx-flex-col-reverse sm:mtx-flex-row sm:mtx-justify-end sm:mtx-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) => (\r\n    <SheetPrimitive.Title ref={ref} className={cn(\"mtx-text-lg mtx-font-semibold mtx-text-foreground\", className)} {...props} />\r\n  ),\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) => (\r\n  <SheetPrimitive.Description ref={ref} className={cn(\"mtx-text-sm mtx-text-muted-foreground\", className)} {...props} />\r\n));\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","XMark","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,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAACT,EAAe;AAAA,IAAf;AAAA,MACC,WAAWU;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,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,OACE;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAIKC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAS,IAAO,SAAS,WAAAR,GAAW,UAAAS,GAAU,GAAGR,EAAA,GAASC,MAClD,gBAAAQ,EAACb,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAM,EAACL,GAAA,EAAa;AAAA,IACd,gBAAAY,EAAChB,EAAe,SAAf,EAAuB,KAAAQ,GAAU,WAAWE,EAAGC,EAAc,EAAE,MAAAG,GAAM,GAAGR,CAAS,GAAI,GAAGC,GACvF,UAAA;AAAA,MAAA,gBAAAS,EAAChB,EAAe,OAAf,EAAqB,WAAU,oSAC9B,UAAA;AAAA,QAAA,gBAAAS,EAACQ,GAAA,EAAM,WAAU,kBAAA,CAAkB;AAAA,QACnC,gBAAAR,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,QAAA,CAAK;AAAA,MAAA,GACrC;AAAA,MACCM;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,EAAA,CACF;AAEJ;AACAF,EAAa,cAAcb,EAAe,QAAQ;AAElD,MAAMkB,IAAc,CAAC,EAAE,WAAAZ,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAG,wEAAwEJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEpHW,EAAY,cAAc;AAG1B,MAAMC,IAAc,CAAC,EAAE,WAAAb,GAAW,GAAGC,EAAA,MACnC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAG,qFAAqFJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEjIY,EAAY,cAAc;AAG1B,MAAMC,IAAaf,EAAM;AAAA,EACvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC,EAACT,EAAe,OAAf,EAAqB,KAAAQ,GAAU,WAAWE,EAAG,qDAAqDJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAE9H;AACAa,EAAW,cAAcpB,EAAe,MAAM;AAE9C,MAAMqB,IAAmBhB,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACT,EAAe,aAAf,EAA2B,KAAAQ,GAAU,WAAWE,EAAG,yCAAyCJ,CAAS,GAAI,GAAGC,GAAO,CACrH;AACDc,EAAiB,cAAcrB,EAAe,YAAY;"}