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

package/dist/calendar.es.js

@@ -1,89 +1,92 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import * as d from "react";
-import { DayPicker as g, Chevron as p } from "react-day-picker";
-import { ChevronDown as x, ChevronLeft as w, ChevronRight as y } from "@trsys-tech/matrix-icons";
-import { Collapsible as v, CollapsibleTrigger as u, CollapsibleContent as C } from "@radix-ui/react-collapsible";
-import { cn as o } from "./utils.es.js";
+import { jsx as m, jsxs as d } from "react/jsx-runtime";
+import * as n from "react";
+import { DayPicker as h, Chevron as g } from "react-day-picker";
+import { ChevronDown as p, ChevronLeft as w, ChevronRight as y } from "@trsys-tech/matrix-icons";
+import { Collapsible as v, CollapsibleTrigger as s, CollapsibleContent as C } from "@radix-ui/react-collapsible";
+import { cn as x } from "./utils.es.js";
 import { Button as N } from "./button.es.js";
-function _({ className: c, classNames: f, showOutsideDays: m = !0, ...a }) {
-  const n = d.useRef(null), [s, b] = d.useState({ width: 0, height: 0 });
-  return d.useEffect(() => {
-    if (n.current) {
-      const { width: e, height: l } = n.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {
+function _({ className: i, classNames: u, showOutsideDays: c = !0, ...r }) {
+  const o = n.useRef(null), [l, f] = n.useState({ width: 0, height: 0 });
+  return n.useEffect(() => {
+    if (o.current) {
+      const { width: t, height: a } = o.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {
         width: 0,
         height: 0
       };
-      b({ width: e, height: l });
+      f({ width: t, height: a });
     }
-  }, []), /* @__PURE__ */ r(
-    g,
+  }, []), /* @__PURE__ */ m(
+    h,
     {
-      showOutsideDays: m,
-      className: o("p-3 relative w-full max-w-sm group/root z-10", c),
+      showOutsideDays: c,
+      className: x("mtx-p-3 mtx-relative mtx-w-full mtx-max-w-sm mtx-group/root mtx-z-10", i),
       classNames: {
-        months: o("relative flex flex-col", a.mode === "range" && "md:flex-row md:space-x-4 md:space-y-2"),
-        month: "space-y-4 peer md:flex-1",
-        month_caption: "flex justify-center pt-1 relative items-center",
-        dropdowns: "flex gap-2",
-        caption_label: "text-sm font-bold",
-        nav: o("space-x-1 flex items-center group-has-[[data-state=open]]/root:hidden", a.mode !== "range" && "relative"),
-        button_previous: o(
-          "h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute left-2 top-0 md:top-0.5 z-10",
-          a.mode === "range" && "md:left-8 md:top-2"
+        months: x("mtx-relative mtx-flex mtx-flex-col", r.mode === "range" && "md:mtx-flex-row md:mtx-space-x-4 md:mtx-space-y-2"),
+        month: "mtx-space-y-4 mtx-peer md:mtx-flex-1",
+        month_caption: "mtx-flex mtx-justify-center mtx-pt-1 mtx-relative mtx-items-center",
+        dropdowns: "mtx-flex mtx-gap-2",
+        caption_label: "mtx-text-sm mtx-font-bold",
+        nav: x("mtx-space-x-1 mtx-flex mtx-items-center group-has-[[data-state=open]]/root:mtx-hidden", r.mode !== "range" && "mtx-relative"),
+        button_previous: x(
+          "mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-left-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10",
+          r.mode === "range" && "md:mtx-left-8 md:mtx-top-2"
         ),
-        button_next: o(
-          "h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute right-2 top-0 md:top-0.5 z-10",
-          a.mode === "range" && "md:top-2"
+        button_next: x(
+          "mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-right-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10",
+          r.mode === "range" && "md:mtx-top-2"
         ),
-        month_grid: o("w-full border-collapse space-y-1"),
-        weekdays: "grid grid-cols-7 justify-items-center",
-        weekday: "text-text rounded-md w-8 font-bold text-sm",
-        week: "mt-2 h-11 grid grid-cols-7 items-center",
-        day: "relative p-0 text-center text-sm h-11 min-w-11 md:min-w-9 md:h-9",
-        day_button: "w-11 md:w-9 h-full p-0 text-sm",
-        range_start: "before:block before:absolute before:-z-10 before:content-[''] before:w-1/2 before:end-0 before:h-full before:bg-secondary/50 after:!w-0",
-        range_end: "after:block after:absolute after:top-0 after:-z-10 after:content-[''] after:w-1/2 after:start-0 after:h-full after:bg-secondary/50 before:!w-0",
-        selected: "[&>button]:bg-secondary [&>button]:rounded-full text-text font-bold [&>button]:hover:bg-secondary [&>button]:hover:text-text [&>button]:focus:bg-secondary [&>button]:focus:text-text [&>button]:text-xs",
-        today: "text-primary font-bold [&>button]:text-xs",
-        outside: "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
-        disabled: "text-muted-foreground opacity-50",
-        range_middle: "bg-secondary/50 [&>button]:data-[selected='true']:bg-secondary/0 data-[selected='true']:rounded-none text-accent-foreground",
-        hidden: "invisible",
-        ...f
+        month_grid: x("mtx-w-full mtx-border-collapse mtx-space-y-1"),
+        weekdays: "mtx-grid mtx-grid-cols-7 mtx-justify-items-center",
+        weekday: "mtx-text-text mtx-rounded-md mtx-w-8 mtx-font-bold mtx-text-sm",
+        week: "mtx-mt-2 mtx-h-11 mtx-grid mtx-grid-cols-7 mtx-items-center",
+        day: "mtx-relative mtx-p-0 mtx-text-center mtx-text-sm mtx-h-11 mtx-min-w-11 md:mtx-min-w-9 md:mtx-h-9",
+        day_button: "mtx-w-11 md:mtx-w-9 mtx-h-full mtx-p-0 mtx-text-sm",
+        range_start: "before:mtx-block before:mtx-absolute before:mtx--z-10 before:mtx-content-[''] before:mtx-w-1/2 before:mtx-end-0 before:mtx-h-full before:mtx-bg-secondary/50 after:!mtx-w-0",
+        range_end: "after:mtx-block after:mtx-absolute after:mtx-top-0 after:mtx--z-10 after:mtx-content-[''] after:mtx-w-1/2 after:mtx-start-0 after:mtx-h-full after:mtx-bg-secondary/50 before:!mtx-w-0",
+        selected: "[&>button]:mtx-bg-secondary [&>button]:mtx-rounded-full mtx-text-text mtx-font-bold [&>button]:hover:mtx-bg-secondary [&>button]:hover:mtx-text-text [&>button]:focus:mtx-bg-secondary [&>button]:focus:mtx-text-text [&>button]:mtx-text-xs",
+        today: "mtx-text-primary mtx-font-bold [&>button]:mtx-text-xs",
+        outside: "mtx-day-outside mtx-text-muted-foreground mtx-opacity-50 mtx-aria-selected:mtx-bg-accent/50 mtx-aria-selected:mtx-text-muted-foreground mtx-aria-selected:mtx-opacity-30",
+        disabled: "mtx-text-muted-foreground mtx-opacity-50",
+        range_middle: "mtx-bg-secondary/50 [&>button]:mtx-data-[selected='true']:mtx-bg-secondary/0 [&>button]:mtx-data-[selected='true']:mtx-rounded-none mtx-text-accent-foreground",
+        hidden: "mtx-invisible",
+        ...u
       },
       components: {
-        Chevron: (e) => e.orientation === "left" ? /* @__PURE__ */ r(w, { ...e, className: "h-6 w-6" }) : e.orientation === "right" ? /* @__PURE__ */ r(y, { ...e, className: "h-6 w-6" }) : /* @__PURE__ */ r(p, { ...e }),
-        YearsDropdown: (e) => {
-          const l = (t) => {
-            e.onChange?.({ target: { value: t } });
+        Chevron: (t) => t.orientation === "left" ? /* @__PURE__ */ m(w, { ...t, className: "mtx-h-6 mtx-w-6" }) : t.orientation === "right" ? /* @__PURE__ */ m(y, { ...t, className: "mtx-h-6 mtx-w-6" }) : /* @__PURE__ */ m(g, { ...t }),
+        YearsDropdown: (t) => {
+          const a = (e) => {
+            t.onChange?.({ target: { value: e } });
           };
-          return /* @__PURE__ */ i(v, { ref: n, children: [
-            /* @__PURE__ */ i(u, { className: "group flex items-center gap-1", children: [
-              e.value,
+          return /* @__PURE__ */ d(v, { ref: o, children: [
+            /* @__PURE__ */ d(s, { className: "mtx-group mtx-flex mtx-items-center mtx-gap-1", children: [
+              t.value,
               " ",
-              /* @__PURE__ */ r(x, { className: "text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto" })
+              /* @__PURE__ */ m(p, { className: "mtx-text-primary mtx-w-5 mtx-h-5 group-data-[state='open']:mtx-rotate-180 mtx-transition-transform mtx-ms-auto" })
             ] }),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ m(
               C,
               {
-                className: "overflow-auto z-50 absolute bg-popover left-2 top-11 p-1",
-                style: { width: s.width, height: s.height - 44 },
-                children: /* @__PURE__ */ r("div", { className: "flex flex-row flex-wrap gap-4", children: e.options ? [...e.options].sort((t, h) => Number(h.value) - Number(t.value)).map((t) => /* @__PURE__ */ r(u, { asChild: !0, children: /* @__PURE__ */ r(
+                className: "mtx-overflow-auto mtx-z-50 mtx-absolute mtx-bg-popover mtx-left-2 mtx-top-11 mtx-p-1",
+                style: { width: l.width, height: l.height - 44 },
+                children: /* @__PURE__ */ m("div", { className: "mtx-flex mtx-flex-row mtx-flex-wrap mtx-gap-4", children: t.options ? [...t.options].sort((e, b) => Number(b.value) - Number(e.value)).map((e) => /* @__PURE__ */ m(s, { asChild: !0, children: /* @__PURE__ */ m(
                   N,
                   {
-                    "data-value": t.value,
+                    "data-value": e.value,
                     variant: "text",
-                    className: o("h-6 w-14 py-1 px-3 rounded-full font-bold", e.value === t.value && "bg-secondary"),
-                    onClick: () => l(t.value.toString()),
-                    children: t.label
+                    className: x(
+                      "mtx-h-6 mtx-w-14 mtx-py-1 mtx-px-3 mtx-rounded-full mtx-font-bold",
+                      t.value === e.value && "mtx-bg-secondary"
+                    ),
+                    onClick: () => a(e.value.toString()),
+                    children: e.label
                   }
-                ) }, t.label)) : null })
+                ) }, e.label)) : null })
               }
             )
           ] });
         }
       },
-      ...a
+      ...r
     }
   );
 }

package/dist/calendar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n  const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n  React.useEffect(() => {\n    if (yearCollapseRef.current) {\n      const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n        width: 0,\n        height: 0,\n      };\n      setSize({ width, height });\n    }\n  }, []);\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"p-3 relative w-full max-w-sm group/root z-10\", className)}\n      classNames={{\n        months: cn(\"relative flex flex-col\", props.mode === \"range\" && \"md:flex-row md:space-x-4 md:space-y-2\"),\n        month: \"space-y-4 peer md:flex-1\",\n        month_caption: \"flex justify-center pt-1 relative items-center\",\n        dropdowns: \"flex gap-2\",\n        caption_label: \"text-sm font-bold\",\n        nav: cn(\"space-x-1 flex items-center group-has-[[data-state=open]]/root:hidden\", props.mode !== \"range\" && \"relative\"),\n        button_previous: cn(\n          \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute left-2 top-0 md:top-0.5 z-10\",\n          props.mode === \"range\" && \"md:left-8 md:top-2\",\n        ),\n        button_next: cn(\n          \"h-7 w-7 bg-transparent p-0 text-primary hover:opacity-100 absolute right-2 top-0 md:top-0.5 z-10\",\n          props.mode === \"range\" && \"md:top-2\",\n        ),\n        month_grid: cn(\"w-full border-collapse space-y-1\"),\n        weekdays: \"grid grid-cols-7 justify-items-center\",\n        weekday: \"text-text rounded-md w-8 font-bold text-sm\",\n        week: \"mt-2 h-11 grid grid-cols-7 items-center\",\n        day: \"relative p-0 text-center text-sm h-11 min-w-11 md:min-w-9 md:h-9\",\n        day_button: \"w-11 md:w-9 h-full p-0 text-sm\",\n        range_start:\n          \"before:block before:absolute before:-z-10 before:content-[''] before:w-1/2 before:end-0 before:h-full before:bg-secondary/50 after:!w-0\",\n        range_end:\n          \"after:block after:absolute after:top-0 after:-z-10 after:content-[''] after:w-1/2 after:start-0 after:h-full after:bg-secondary/50 before:!w-0\",\n        selected:\n          \"[&>button]:bg-secondary [&>button]:rounded-full text-text font-bold [&>button]:hover:bg-secondary [&>button]:hover:text-text [&>button]:focus:bg-secondary [&>button]:focus:text-text [&>button]:text-xs\",\n        today: \"text-primary font-bold [&>button]:text-xs\",\n        outside:\n          \"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30\",\n        disabled: \"text-muted-foreground opacity-50\",\n        range_middle: \"bg-secondary/50 [&>button]:data-[selected='true']:bg-secondary/0 data-[selected='true']:rounded-none text-accent-foreground\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: props => {\n          if (props.orientation === \"left\") {\n            return <ChevronLeft {...props} className=\"h-6 w-6\" />;\n          } else if (props.orientation === \"right\") {\n            return <ChevronRight {...props} className=\"h-6 w-6\" />;\n          }\n          return <Chevron {...props} />;\n        },\n        YearsDropdown: params => {\n          const handleChange = (value: string) => {\n            params.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n          };\n          return (\n            <Collapsible ref={yearCollapseRef}>\n              <CollapsibleTrigger className=\"group flex items-center gap-1\">\n                {params.value} <ChevronDown className=\"text-primary w-5 h-5 group-data-[state='open']:rotate-180 transition-transform ms-auto\" />\n              </CollapsibleTrigger>\n              <CollapsibleContent\n                className=\"overflow-auto z-50 absolute bg-popover left-2 top-11 p-1\"\n                style={{ width: size.width, height: size.height - 44 }}\n              >\n                <div className=\"flex flex-row flex-wrap gap-4\">\n                  {params.options\n                    ? [...params.options]\n                        .sort((a, b) => Number(b.value) - Number(a.value)) // Sort in descending order (newest year first)\n                        .map(option => (\n                          <CollapsibleTrigger asChild key={option.label}>\n                            <Button\n                              data-value={option.value}\n                              variant=\"text\"\n                              className={cn(\"h-6 w-14 py-1 px-3 rounded-full font-bold\", params.value === option.value && \"bg-secondary\")}\n                              onClick={() => handleChange(option.value.toString())}\n                            >\n                              {option.label}\n                            </Button>\n                          </CollapsibleTrigger>\n                        ))\n                    : null}\n                </div>\n              </CollapsibleContent>\n            </Collapsible>\n          );\n        },\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","params","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","a","b","option","Button"],"mappings":"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"}
+{"version":3,"file":"calendar.es.js","sources":["../src/components/date-picker/calendar.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint-disable camelcase */\nimport * as React from \"react\";\nimport { Chevron, DayPicker, DayPickerProps } from \"react-day-picker\";\nimport { ChevronDown, ChevronLeft, ChevronRight } from \"@trsys-tech/matrix-icons\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../button/Button\";\n\nexport type CalendarProps = DayPickerProps & {};\n\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }: CalendarProps) {\n  const yearCollapseRef = React.useRef<HTMLDivElement>(null);\n  const [size, setSize] = React.useState({ width: 0, height: 0 });\n\n  React.useEffect(() => {\n    if (yearCollapseRef.current) {\n      const { width, height } = yearCollapseRef.current.parentElement?.parentElement?.parentElement?.getBoundingClientRect() ?? {\n        width: 0,\n        height: 0,\n      };\n      setSize({ width, height });\n    }\n  }, []);\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"mtx-p-3 mtx-relative mtx-w-full mtx-max-w-sm mtx-group/root mtx-z-10\", className)}\n      classNames={{\n        months: cn(\"mtx-relative mtx-flex mtx-flex-col\", props.mode === \"range\" && \"md:mtx-flex-row md:mtx-space-x-4 md:mtx-space-y-2\"),\n        month: \"mtx-space-y-4 mtx-peer md:mtx-flex-1\",\n        month_caption: \"mtx-flex mtx-justify-center mtx-pt-1 mtx-relative mtx-items-center\",\n        dropdowns: \"mtx-flex mtx-gap-2\",\n        caption_label: \"mtx-text-sm mtx-font-bold\",\n        nav: cn(\"mtx-space-x-1 mtx-flex mtx-items-center group-has-[[data-state=open]]/root:mtx-hidden\", props.mode !== \"range\" && \"mtx-relative\"),\n        button_previous: cn(\n          \"mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-left-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10\",\n          props.mode === \"range\" && \"md:mtx-left-8 md:mtx-top-2\",\n        ),\n        button_next: cn(\n          \"mtx-h-7 mtx-w-7 mtx-bg-transparent mtx-p-0 mtx-text-primary hover:mtx-opacity-100 mtx-absolute mtx-right-2 mtx-top-0 md:mtx-top-0.5 mtx-z-10\",\n          props.mode === \"range\" && \"md:mtx-top-2\",\n        ),\n        month_grid: cn(\"mtx-w-full mtx-border-collapse mtx-space-y-1\"),\n        weekdays: \"mtx-grid mtx-grid-cols-7 mtx-justify-items-center\",\n        weekday: \"mtx-text-text mtx-rounded-md mtx-w-8 mtx-font-bold mtx-text-sm\",\n        week: \"mtx-mt-2 mtx-h-11 mtx-grid mtx-grid-cols-7 mtx-items-center\",\n        day: \"mtx-relative mtx-p-0 mtx-text-center mtx-text-sm mtx-h-11 mtx-min-w-11 md:mtx-min-w-9 md:mtx-h-9\",\n        day_button: \"mtx-w-11 md:mtx-w-9 mtx-h-full mtx-p-0 mtx-text-sm\",\n        range_start:\n          \"before:mtx-block before:mtx-absolute before:mtx--z-10 before:mtx-content-[''] before:mtx-w-1/2 before:mtx-end-0 before:mtx-h-full before:mtx-bg-secondary/50 after:!mtx-w-0\",\n        range_end:\n          \"after:mtx-block after:mtx-absolute after:mtx-top-0 after:mtx--z-10 after:mtx-content-[''] after:mtx-w-1/2 after:mtx-start-0 after:mtx-h-full after:mtx-bg-secondary/50 before:!mtx-w-0\",\n        selected:\n          \"[&>button]:mtx-bg-secondary [&>button]:mtx-rounded-full mtx-text-text mtx-font-bold [&>button]:hover:mtx-bg-secondary [&>button]:hover:mtx-text-text [&>button]:focus:mtx-bg-secondary [&>button]:focus:mtx-text-text [&>button]:mtx-text-xs\",\n        today: \"mtx-text-primary mtx-font-bold [&>button]:mtx-text-xs\",\n        outside:\n          \"mtx-day-outside mtx-text-muted-foreground mtx-opacity-50 mtx-aria-selected:mtx-bg-accent/50 mtx-aria-selected:mtx-text-muted-foreground mtx-aria-selected:mtx-opacity-30\",\n        disabled: \"mtx-text-muted-foreground mtx-opacity-50\",\n        range_middle:\n          \"mtx-bg-secondary/50 [&>button]:mtx-data-[selected='true']:mtx-bg-secondary/0 [&>button]:mtx-data-[selected='true']:mtx-rounded-none mtx-text-accent-foreground\",\n        hidden: \"mtx-invisible\",\n        ...classNames,\n      }}\n      components={{\n        Chevron: props => {\n          if (props.orientation === \"left\") {\n            return <ChevronLeft {...props} className=\"mtx-h-6 mtx-w-6\" />;\n          } else if (props.orientation === \"right\") {\n            return <ChevronRight {...props} className=\"mtx-h-6 mtx-w-6\" />;\n          }\n          return <Chevron {...props} />;\n        },\n        YearsDropdown: params => {\n          const handleChange = (value: string) => {\n            params.onChange?.({ target: { value: value } } as unknown as React.ChangeEvent<HTMLSelectElement>);\n          };\n          return (\n            <Collapsible ref={yearCollapseRef}>\n              <CollapsibleTrigger className=\"mtx-group mtx-flex mtx-items-center mtx-gap-1\">\n                {params.value}{\" \"}\n                <ChevronDown className=\"mtx-text-primary mtx-w-5 mtx-h-5 group-data-[state='open']:mtx-rotate-180 mtx-transition-transform mtx-ms-auto\" />\n              </CollapsibleTrigger>\n              <CollapsibleContent\n                className=\"mtx-overflow-auto mtx-z-50 mtx-absolute mtx-bg-popover mtx-left-2 mtx-top-11 mtx-p-1\"\n                style={{ width: size.width, height: size.height - 44 }}\n              >\n                <div className=\"mtx-flex mtx-flex-row mtx-flex-wrap mtx-gap-4\">\n                  {params.options\n                    ? [...params.options]\n                        .sort((a, b) => Number(b.value) - Number(a.value)) // Sort in descending order (newest year first)\n                        .map(option => (\n                          <CollapsibleTrigger asChild key={option.label}>\n                            <Button\n                              data-value={option.value}\n                              variant=\"text\"\n                              className={cn(\n                                \"mtx-h-6 mtx-w-14 mtx-py-1 mtx-px-3 mtx-rounded-full mtx-font-bold\",\n                                params.value === option.value && \"mtx-bg-secondary\",\n                              )}\n                              onClick={() => handleChange(option.value.toString())}\n                            >\n                              {option.label}\n                            </Button>\n                          </CollapsibleTrigger>\n                        ))\n                    : null}\n                </div>\n              </CollapsibleContent>\n            </Collapsible>\n          );\n        },\n      }}\n      {...props}\n    />\n  );\n}\nCalendar.displayName = \"Calendar\";\n\nexport { Calendar };\n"],"names":["Calendar","className","classNames","showOutsideDays","props","yearCollapseRef","React","size","setSize","width","height","jsx","DayPicker","cn","ChevronLeft","ChevronRight","Chevron","params","handleChange","value","jsxs","Collapsible","CollapsibleTrigger","ChevronDown","CollapsibleContent","a","option","Button"],"mappings":"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"}

package/dist/card.es.js

@@ -1,24 +1,24 @@
-import { jsx as d } from "react/jsx-runtime";
-import o from "react";
-import { cn as t } from "./utils.es.js";
-const s = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("rounded-lg bg-card text-card-foreground shadow-card", a), ...e }));
-s.displayName = "Card";
-const i = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex flex-col space-y-1.5 p-4", a), ...e }));
-i.displayName = "CardHeader";
-const c = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("h3", { ref: r, className: t("font-semibold leading-none tracking-tight", a), ...e }));
-c.displayName = "CardTitle";
-const f = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("p", { ref: r, className: t("text-sm text-muted-foreground", a), ...e }));
-f.displayName = "CardDescription";
-const l = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("p-4 pt-0", a), ...e }));
-l.displayName = "CardContent";
-const m = o.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ d("div", { ref: r, className: t("flex items-center p-4 pt-0", a), ...e }));
-m.displayName = "CardFooter";
+import { jsx as r } from "react/jsx-runtime";
+import d from "react";
+import { cn as m } from "./utils.es.js";
+const o = d.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r("div", { ref: e, className: m("mtx-rounded-lg mtx-bg-card mtx-text-card-foreground mtx-shadow-card", t), ...a }));
+o.displayName = "Card";
+const s = d.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r("div", { ref: e, className: m("mtx-flex mtx-flex-col mtx-space-y-1.5 mtx-p-4", t), ...a }));
+s.displayName = "CardHeader";
+const x = d.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r("h3", { ref: e, className: m("mtx-font-semibold mtx-leading-none mtx-tracking-tight", t), ...a }));
+x.displayName = "CardTitle";
+const i = d.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r("p", { ref: e, className: m("mtx-text-sm mtx-text-muted-foreground", t), ...a }));
+i.displayName = "CardDescription";
+const c = d.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r("div", { ref: e, className: m("mtx-p-4 mtx-pt-0", t), ...a }));
+c.displayName = "CardContent";
+const f = d.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ r("div", { ref: e, className: m("mtx-flex mtx-items-center mtx-p-4 mtx-pt-0", t), ...a }));
+f.displayName = "CardFooter";
 export {
-  s as Card,
-  l as CardContent,
-  f as CardDescription,
-  m as CardFooter,
-  i as CardHeader,
-  c as CardTitle
+  o as Card,
+  c as CardContent,
+  i as CardDescription,
+  f as CardFooter,
+  s as CardHeader,
+  x as CardTitle
 };
 //# sourceMappingURL=card.es.js.map

package/dist/card.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.es.js","sources":["../src/components/card/Card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\r\n));\r\nCard.displayName = \"Card\";\r\ntype CardProps = React.ComponentProps<typeof Card>;\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-4\", className)} {...props} />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\ntype CardHeaderProps = React.ComponentProps<typeof CardHeader>;\r\n\r\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (\r\n  <h3 ref={ref} className={cn(\"font-semibold leading-none tracking-tight\", className)} {...props} />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\ntype CardTitleProps = React.ComponentProps<typeof CardTitle>;\r\n\r\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (\r\n  <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\ntype CardDescriptionProps = React.ComponentProps<typeof CardDescription>;\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"p-4 pt-0\", className)} {...props} />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\ntype CardContentProps = React.ComponentProps<typeof CardContent>;\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"flex items-center p-4 pt-0\", className)} {...props} />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\ntype CardFooterProps = React.ComponentProps<typeof CardFooter>;\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\r\nexport type { CardProps, CardHeaderProps, CardFooterProps, CardTitleProps, CardDescriptionProps, CardContentProps };\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAC3G,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,uDAAuDH,CAAS,GAAI,GAAGC,GAAO,CAC5G;AACDH,EAAK,cAAc;AAGnB,MAAMM,IAAaL,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACjH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACtF;AACDG,EAAW,cAAc;AAGzB,MAAMC,IAAYN,EAAM,WAA2E,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAC1H,MAAA,EAAG,KAAAA,GAAU,WAAWC,EAAG,6CAA6CH,CAAS,GAAI,GAAGC,GAAO,CACjG;AACDI,EAAU,cAAc;AAGxB,MAAMC,IAAkBP,EAAM,WAA6E,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAClI,KAAA,EAAE,KAAAA,GAAU,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,GAAO,CACpF;AACDK,EAAgB,cAAc;AAG9B,MAAMC,IAAcR,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAClH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,YAAYH,CAAS,GAAI,GAAGC,GAAO,CACjE;AACDM,EAAY,cAAc;AAG1B,MAAMC,IAAaT,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACjH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,GAAO,CACnF;AACDO,EAAW,cAAc;"}
+{"version":3,"file":"card.es.js","sources":["../src/components/card/Card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { cn } from \"../../lib/utils\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"mtx-rounded-lg mtx-bg-card mtx-text-card-foreground mtx-shadow-card\", className)} {...props} />\r\n));\r\nCard.displayName = \"Card\";\r\ntype CardProps = React.ComponentProps<typeof Card>;\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"mtx-flex mtx-flex-col mtx-space-y-1.5 mtx-p-4\", className)} {...props} />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\ntype CardHeaderProps = React.ComponentProps<typeof CardHeader>;\r\n\r\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({ className, ...props }, ref) => (\r\n  <h3 ref={ref} className={cn(\"mtx-font-semibold mtx-leading-none mtx-tracking-tight\", className)} {...props} />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\ntype CardTitleProps = React.ComponentProps<typeof CardTitle>;\r\n\r\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(({ className, ...props }, ref) => (\r\n  <p ref={ref} className={cn(\"mtx-text-sm mtx-text-muted-foreground\", className)} {...props} />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\ntype CardDescriptionProps = React.ComponentProps<typeof CardDescription>;\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"mtx-p-4 mtx-pt-0\", className)} {...props} />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\ntype CardContentProps = React.ComponentProps<typeof CardContent>;\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (\r\n  <div ref={ref} className={cn(\"mtx-flex mtx-items-center mtx-p-4 mtx-pt-0\", className)} {...props} />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\ntype CardFooterProps = React.ComponentProps<typeof CardFooter>;\r\n\r\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };\r\nexport type { CardProps, CardHeaderProps, CardFooterProps, CardTitleProps, CardDescriptionProps, CardContentProps };\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAKA,MAAMA,IAAOC,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAC3G,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,uEAAuEH,CAAS,GAAI,GAAGC,GAAO,CAC5H;AACDH,EAAK,cAAc;AAGnB,MAAMM,IAAaL,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACjH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,iDAAiDH,CAAS,GAAI,GAAGC,GAAO,CACtG;AACDG,EAAW,cAAc;AAGzB,MAAMC,IAAYN,EAAM,WAA2E,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAC1H,MAAA,EAAG,KAAAA,GAAU,WAAWC,EAAG,yDAAyDH,CAAS,GAAI,GAAGC,GAAO,CAC7G;AACDI,EAAU,cAAc;AAGxB,MAAMC,IAAkBP,EAAM,WAA6E,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAClI,KAAA,EAAE,KAAAA,GAAU,WAAWC,EAAG,yCAAyCH,CAAS,GAAI,GAAGC,GAAO,CAC5F;AACDK,EAAgB,cAAc;AAG9B,MAAMC,IAAcR,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBAClH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,oBAAoBH,CAAS,GAAI,GAAGC,GAAO,CACzE;AACDM,EAAY,cAAc;AAG1B,MAAMC,IAAaT,EAAM,WAAiE,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,wBACjH,OAAA,EAAI,KAAAA,GAAU,WAAWC,EAAG,8CAA8CH,CAAS,GAAI,GAAGC,GAAO,CACnG;AACDO,EAAW,cAAc;"}

package/dist/checkbox.es.js

@@ -1,27 +1,27 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import * as o from "react";
-import * as t from "@radix-ui/react-checkbox";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "@radix-ui/react-checkbox";
 import { cn as a } from "./utils.es.js";
-import { Check as m, Minus as n } from "@trsys-tech/matrix-icons";
-const c = o.forwardRef(
-  ({ className: r, ...d }, i) => /* @__PURE__ */ e(
-    t.Root,
+import { Check as o, Minus as x } from "@trsys-tech/matrix-icons";
+const n = s.forwardRef(
+  ({ className: r, ...m }, d) => /* @__PURE__ */ t(
+    e.Root,
     {
-      ref: i,
+      ref: d,
       className: a(
-        "peer h-4 w-4 shrink-0 rounded-sm border border-gray-400 hover:border-primary hover:bg-primary-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground disabled:bg-muted disabled:border-muted disabled:data-[state=checked]:border-muted disabled:data-[state=checked]:bg-muted disabled:data-[state=checked]:text-muted-foreground disabled:data-[state=indeterminate]:border-muted disabled:data-[state=indeterminate]:bg-muted disabled:data-[state=indeterminate]:text-muted-foreground",
+        "mtx-peer mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-rounded-sm mtx-border mtx-border-gray-400 hover:mtx-border-primary hover:mtx-bg-primary-100 focus-visible:mtx-outline-none focus-visible:mtx-ring-1 focus-visible:mtx-ring-ring disabled:mtx-cursor-not-allowed data-[state=checked]:mtx-bg-primary data-[state=checked]:mtx-text-primary-foreground data-[state=checked]:mtx-border-primary data-[state=indeterminate]:mtx-border-primary data-[state=indeterminate]:mtx-bg-primary data-[state=indeterminate]:mtx-text-primary-foreground disabled:mtx-bg-muted disabled:mtx-border-muted disabled:data-[state=checked]:mtx-border-muted disabled:data-[state=checked]:mtx-bg-muted disabled:data-[state=checked]:mtx-text-muted-foreground disabled:data-[state=indeterminate]:mtx-border-muted disabled:data-[state=indeterminate]:mtx-bg-muted disabled:data-[state=indeterminate]:mtx-text-muted-foreground",
         r
       ),
-      ...d,
-      children: /* @__PURE__ */ s(t.Indicator, { className: a("flex items-center justify-center text-current group"), children: [
-        /* @__PURE__ */ e(m, { className: "w-full h-full group-data-[state=indeterminate]:hidden" }),
-        /* @__PURE__ */ e(n, { className: "w-full h-full group-data-[state=checked]:hidden" })
+      ...m,
+      children: /* @__PURE__ */ i(e.Indicator, { className: a("mtx-flex mtx-items-center mtx-justify-center mtx-text-current mtx-group"), children: [
+        /* @__PURE__ */ t(o, { className: "mtx-w-full mtx-h-full group-data-[state=indeterminate]:mtx-hidden" }),
+        /* @__PURE__ */ t(x, { className: "mtx-w-full mtx-h-full group-data-[state=checked]:mtx-hidden" })
       ] })
     }
   )
 );
-c.displayName = t.Root.displayName;
+n.displayName = e.Root.displayName;
 export {
-  c as Checkbox
+  n as Checkbox
 };
 //# sourceMappingURL=checkbox.es.js.map

package/dist/checkbox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.es.js","sources":["../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Check, Minus } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>>(\r\n  ({ className, ...props }, ref) => {\r\n    return (\r\n      <CheckboxPrimitive.Root\r\n        ref={ref}\r\n        className={cn(\r\n          \"peer h-4 w-4 shrink-0 rounded-sm border border-gray-400 hover:border-primary hover:bg-primary-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground disabled:bg-muted disabled:border-muted disabled:data-[state=checked]:border-muted disabled:data-[state=checked]:bg-muted disabled:data-[state=checked]:text-muted-foreground disabled:data-[state=indeterminate]:border-muted disabled:data-[state=indeterminate]:bg-muted disabled:data-[state=indeterminate]:text-muted-foreground\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current group\")}>\r\n          <Check className=\"w-full h-full group-data-[state=indeterminate]:hidden\" />\r\n          <Minus className=\"w-full h-full group-data-[state=checked]:hidden\" />\r\n        </CheckboxPrimitive.Indicator>\r\n      </CheckboxPrimitive.Root>\r\n    );\r\n  },\r\n);\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\ntype CheckboxProps = React.ComponentProps<typeof Checkbox>;\r\n\r\nexport { Checkbox, type CheckboxProps };\r\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Check","Minus"],"mappings":";;;;;AAQA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,4BAACG,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,qDAAqD,GAC9F,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAM,WAAU,wDAAA,CAAwD;AAAA,QACzE,gBAAAH,EAACI,GAAA,EAAM,WAAU,kDAAA,CAAkD;AAAA,MAAA,EAAA,CACrE;AAAA,IAAA;AAAA,EAAA;AAIR;AACAT,EAAS,cAAcM,EAAkB,KAAK;"}
+{"version":3,"file":"checkbox.es.js","sources":["../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { Check, Minus } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root>, React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>>(\r\n  ({ className, ...props }, ref) => {\r\n    return (\r\n      <CheckboxPrimitive.Root\r\n        ref={ref}\r\n        className={cn(\r\n          \"mtx-peer mtx-h-4 mtx-w-4 mtx-shrink-0 mtx-rounded-sm mtx-border mtx-border-gray-400 hover:mtx-border-primary hover:mtx-bg-primary-100 focus-visible:mtx-outline-none focus-visible:mtx-ring-1 focus-visible:mtx-ring-ring disabled:mtx-cursor-not-allowed data-[state=checked]:mtx-bg-primary data-[state=checked]:mtx-text-primary-foreground data-[state=checked]:mtx-border-primary data-[state=indeterminate]:mtx-border-primary data-[state=indeterminate]:mtx-bg-primary data-[state=indeterminate]:mtx-text-primary-foreground disabled:mtx-bg-muted disabled:mtx-border-muted disabled:data-[state=checked]:mtx-border-muted disabled:data-[state=checked]:mtx-bg-muted disabled:data-[state=checked]:mtx-text-muted-foreground disabled:data-[state=indeterminate]:mtx-border-muted disabled:data-[state=indeterminate]:mtx-bg-muted disabled:data-[state=indeterminate]:mtx-text-muted-foreground\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      >\r\n        <CheckboxPrimitive.Indicator className={cn(\"mtx-flex mtx-items-center mtx-justify-center mtx-text-current mtx-group\")}>\r\n          <Check className=\"mtx-w-full mtx-h-full group-data-[state=indeterminate]:mtx-hidden\" />\r\n          <Minus className=\"mtx-w-full mtx-h-full group-data-[state=checked]:mtx-hidden\" />\r\n        </CheckboxPrimitive.Indicator>\r\n      </CheckboxPrimitive.Root>\r\n    );\r\n  },\r\n);\r\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\r\ntype CheckboxProps = React.ComponentProps<typeof Checkbox>;\r\n\r\nexport { Checkbox, type CheckboxProps };\r\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Check","Minus"],"mappings":";;;;;AAQA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,4BAACG,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,yEAAyE,GAClH,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAM,WAAU,oEAAA,CAAoE;AAAA,QACrF,gBAAAH,EAACI,GAAA,EAAM,WAAU,8DAAA,CAA8D;AAAA,MAAA,EAAA,CACjF;AAAA,IAAA;AAAA,EAAA;AAIR;AACAT,EAAS,cAAcM,EAAkB,KAAK;"}

package/dist/chip.es.js

@@ -1,40 +1,40 @@
-import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import d from "react";
-import { Slot as f } from "@radix-ui/react-slot";
-import { tv as g } from "tailwind-variants";
-import { cn as e } from "./utils.es.js";
-import { XMark as x } from "@trsys-tech/matrix-icons";
-const c = g({
-  base: "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium",
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import l from "react";
+import { Slot as d } from "@radix-ui/react-slot";
+import { tv as f } from "tailwind-variants";
+import { cn as x } from "./utils.es.js";
+import { XMark as g } from "@trsys-tech/matrix-icons";
+const c = f({
+  base: "mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-2 mtx-whitespace-nowrap mtx-rounded-full mtx-text-xs mtx-font-medium",
   variants: {
     variant: {
-      primary: "bg-primary-100 text-primary-700 border border-primary",
-      neutral: "bg-gray-50 text-text-400 border border-gray-400",
-      "table-primary": "bg-primary-25 text-primary font-bold",
-      "table-neutral": "bg-gray-50 text-text-400 font-medium"
+      primary: "mtx-bg-primary-100 mtx-text-primary-700 mtx-border mtx-border-primary",
+      neutral: "mtx-bg-gray-50 mtx-text-text-400 mtx-border mtx-border-gray-400",
+      "table-primary": "mtx-bg-primary-25 mtx-text-primary mtx-font-bold",
+      "table-neutral": "mtx-bg-gray-50 mtx-text-text-400 mtx-font-medium"
     },
     size: {
-      sm: "px-2 h-6",
-      md: "px-4 h-8",
-      lg: "px-6 h-10 text-sm"
+      sm: "mtx-px-2 mtx-h-6",
+      md: "mtx-px-4 mtx-h-8",
+      lg: "mtx-px-6 mtx-h-10 mtx-text-sm"
     }
   },
   defaultVariants: {
     variant: "primary",
     size: "md"
   }
-}), b = d.forwardRef(({ className: m, variant: i, asChild: o = !1, children: p, onClose: t, size: r, ...s }, n) => /* @__PURE__ */ l(o ? f : "span", { className: e(c({ variant: i, size: r, className: m })), ref: n, ...s, children: [
-  p,
-  t ? /* @__PURE__ */ a(
+}), b = l.forwardRef(({ className: a, variant: e, asChild: i = !1, children: o, onClose: m, size: t, ...p }, s) => /* @__PURE__ */ n(i ? d : "span", { className: x(c({ variant: e, size: t, className: a })), ref: s, ...p, children: [
+  o,
+  m ? /* @__PURE__ */ r(
     "button",
     {
-      onClick: t,
-      className: e(
-        { "-me-3 [&>svg]:w-5 [&>svg]:h-5": r === "lg" },
-        { "-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5": r === "md" || r === void 0 },
-        { "-me-1 [&>svg]:w-4 [&>svg]:h-4": r === "sm" }
+      onClick: m,
+      className: x(
+        { "-mtx-me-3 [&>svg]:mtx-w-5 [&>svg]:mtx-h-5": t === "lg" },
+        { "-mtx-me-2 [&>svg]:mtx-w-4.5 [&>svg]:mtx-h-4.5": t === "md" || t === void 0 },
+        { "-mtx-me-1 [&>svg]:mtx-w-4 [&>svg]:mtx-h-4": t === "sm" }
       ),
-      children: /* @__PURE__ */ a(x, {})
+      children: /* @__PURE__ */ r(g, {})
     }
   ) : null
 ] }));

package/dist/chip.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n  base: \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-xs font-medium\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"bg-primary-100 text-primary-700 border border-primary\",\r\n      neutral: \"bg-gray-50 text-text-400 border border-gray-400\",\r\n      \"table-primary\": \"bg-primary-25 text-primary font-bold\",\r\n      \"table-neutral\": \"bg-gray-50 text-text-400 font-medium\",\r\n    },\r\n    size: {\r\n      sm: \"px-2 h-6\",\r\n      md: \"px-4 h-8\",\r\n      lg: \"px-6 h-10 text-sm\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n  asChild?: boolean;\r\n  onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n  const Comp = asChild ? Slot : \"span\";\r\n  return (\r\n    <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n      {children}\r\n      {onClose ? (\r\n        <button\r\n          onClick={onClose}\r\n          className={cn(\r\n            { \"-me-3 [&>svg]:w-5 [&>svg]:h-5\": size === \"lg\" },\r\n            { \"-me-2 [&>svg]:w-4.5 [&>svg]:h-4.5\": size === \"md\" || size === undefined },\r\n            { \"-me-1 [&>svg]:w-4 [&>svg]:h-4\": size === \"sm\" },\r\n          )}\r\n        >\r\n          <XMark />\r\n        </button>\r\n      ) : null}\r\n    </Comp>\r\n  );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGnI,gBAAAC,EAFWN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASP;AAAA,MACT,WAAWM;AAAA,QACT,EAAE,iCAAiCL,MAAS,KAAA;AAAA,QAC5C,EAAE,qCAAqCA,MAAS,QAAQA,MAAS,OAAA;AAAA,QACjE,EAAE,iCAAiCA,MAAS,KAAA;AAAA,MAAK;AAAA,MAGnD,4BAACO,GAAA,CAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}
+{"version":3,"file":"chip.es.js","sources":["../src/components/chip/Chip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\nimport { Slot } from \"@radix-ui/react-slot\";\r\nimport { tv, VariantProps } from \"tailwind-variants\";\r\n\r\nimport { cn } from \"../../lib/utils\";\r\nimport { XMark } from \"@trsys-tech/matrix-icons\";\r\n\r\nconst chipVariants = tv({\r\n  base: \"mtx-inline-flex mtx-items-center mtx-justify-center mtx-gap-2 mtx-whitespace-nowrap mtx-rounded-full mtx-text-xs mtx-font-medium\",\r\n  variants: {\r\n    variant: {\r\n      primary: \"mtx-bg-primary-100 mtx-text-primary-700 mtx-border mtx-border-primary\",\r\n      neutral: \"mtx-bg-gray-50 mtx-text-text-400 mtx-border mtx-border-gray-400\",\r\n      \"table-primary\": \"mtx-bg-primary-25 mtx-text-primary mtx-font-bold\",\r\n      \"table-neutral\": \"mtx-bg-gray-50 mtx-text-text-400 mtx-font-medium\",\r\n    },\r\n    size: {\r\n      sm: \"mtx-px-2 mtx-h-6\",\r\n      md: \"mtx-px-4 mtx-h-8\",\r\n      lg: \"mtx-px-6 mtx-h-10 mtx-text-sm\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    variant: \"primary\",\r\n    size: \"md\",\r\n  },\r\n});\r\n\r\ninterface ChipProps extends React.ButtonHTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\r\n  asChild?: boolean;\r\n  onClose?: () => void;\r\n}\r\n\r\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(({ className, variant, asChild = false, children, onClose, size, ...props }, ref) => {\r\n  const Comp = asChild ? Slot : \"span\";\r\n  return (\r\n    <Comp className={cn(chipVariants({ variant, size, className }))} ref={ref} {...props}>\r\n      {children}\r\n      {onClose ? (\r\n        <button\r\n          onClick={onClose}\r\n          className={cn(\r\n            { \"-mtx-me-3 [&>svg]:mtx-w-5 [&>svg]:mtx-h-5\": size === \"lg\" },\r\n            { \"-mtx-me-2 [&>svg]:mtx-w-4.5 [&>svg]:mtx-h-4.5\": size === \"md\" || size === undefined },\r\n            { \"-mtx-me-1 [&>svg]:mtx-w-4 [&>svg]:mtx-h-4\": size === \"sm\" },\r\n          )}\r\n        >\r\n          <XMark />\r\n        </button>\r\n      ) : null}\r\n    </Comp>\r\n  );\r\n});\r\nChip.displayName = \"Chip\";\r\n\r\nexport { Chip, type ChipProps };\r\n"],"names":["chipVariants","tv","Chip","React","className","variant","asChild","children","onClose","size","props","ref","jsxs","Slot","cn","jsx","XMark"],"mappings":";;;;;;AASA,MAAMA,IAAeC,EAAG;AAAA,EACtB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,IAAA;AAAA,IAEnB,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAOKC,IAAOC,EAAM,WAAuC,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,SAAAC,IAAU,IAAO,UAAAC,GAAU,SAAAC,GAAS,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAGnI,gBAAAC,EAFWN,IAAUO,IAAO,QAE3B,EAAK,WAAWC,EAAGd,EAAa,EAAE,SAAAK,GAAS,MAAAI,GAAM,WAAAL,EAAA,CAAW,CAAC,GAAG,KAAAO,GAAW,GAAGD,GAC5E,UAAA;AAAA,EAAAH;AAAA,EACAC,IACC,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASP;AAAA,MACT,WAAWM;AAAA,QACT,EAAE,6CAA6CL,MAAS,KAAA;AAAA,QACxD,EAAE,iDAAiDA,MAAS,QAAQA,MAAS,OAAA;AAAA,QAC7E,EAAE,6CAA6CA,MAAS,KAAA;AAAA,MAAK;AAAA,MAG/D,4BAACO,GAAA,CAAA,CAAM;AAAA,IAAA;AAAA,EAAA,IAEP;AAAA,GACN,CAEH;AACDd,EAAK,cAAc;"}

package/dist/collapsible.es.js

@@ -1,24 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import i from "react";
-import * as o from "@radix-ui/react-collapsible";
-import { cn as t } from "./utils.es.js";
-const d = i.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ r(o.Root, { ref: l, className: t("rounded-lg bg-card text-card-foreground shadow-card", a), ...e }));
-d.displayName = "Collapsible";
-const p = i.forwardRef(({ className: a, children: e, ...l }, s) => /* @__PURE__ */ r(
-  o.CollapsibleContent,
+import { jsx as o } from "react/jsx-runtime";
+import r from "react";
+import * as t from "@radix-ui/react-collapsible";
+import { cn as s } from "./utils.es.js";
+const i = r.forwardRef(({ className: a, ...e }, l) => /* @__PURE__ */ o(t.Root, { ref: l, className: s("mtx-rounded-lg mtx-bg-card mtx-text-card-foreground mtx-shadow-card", a), ...e }));
+i.displayName = "Collapsible";
+const d = r.forwardRef(({ className: a, children: e, ...l }, m) => /* @__PURE__ */ o(
+  t.CollapsibleContent,
   {
-    ref: s,
-    className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down rounded-b-lg",
+    ref: m,
+    className: "mtx-overflow-hidden data-[state=closed]:mtx-animate-collapsible-up data-[state=open]:mtx-animate-collapsible-down mtx-rounded-b-lg",
     ...l,
-    children: /* @__PURE__ */ r("div", { className: t("p-4 pt-0", a), children: e })
+    children: /* @__PURE__ */ o("div", { className: s("mtx-p-4 mtx-pt-0", a), children: e })
   }
 ));
-p.displayName = o.Content.displayName;
-const m = i.forwardRef(({ className: a, children: e, ...l }, s) => /* @__PURE__ */ r(o.CollapsibleTrigger, { ref: s, className: t("p-4", a), ...l, children: e }));
-m.displayName = o.Trigger.displayName;
+d.displayName = t.Content.displayName;
+const p = r.forwardRef(({ className: a, children: e, ...l }, m) => /* @__PURE__ */ o(t.CollapsibleTrigger, { ref: m, className: s("mtx-p-4", a), ...l, children: e }));
+p.displayName = t.Trigger.displayName;
 export {
-  d as Collapsible,
-  p as CollapsibleContent,
-  m as CollapsibleTrigger
+  i as Collapsible,
+  d as CollapsibleContent,
+  p as CollapsibleTrigger
 };
 //# sourceMappingURL=collapsible.es.js.map

package/dist/collapsible.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.es.js","sources":["../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport type { CollapsibleProps, CollapsibleContentProps, CollapsibleTriggerProps } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Collapsible = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Root ref={ref} className={cn(\"rounded-lg bg-card text-card-foreground shadow-card\", className)} {...props} />\n));\nCollapsible.displayName = \"Collapsible\";\n\nconst CollapsibleContent = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ className, children, ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleContent\n    ref={ref}\n    className=\"overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down rounded-b-lg\"\n    {...props}\n  >\n    <div className={cn(\"p-4 pt-0\", className)}>{children}</div>\n  </CollapsiblePrimitive.CollapsibleContent>\n));\nCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ className, children, ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleTrigger ref={ref} className={cn(\"p-4\", className)} {...props}>\n    {children}\n  </CollapsiblePrimitive.CollapsibleTrigger>\n));\nCollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent, type CollapsibleProps, type CollapsibleContentProps, type CollapsibleTriggerProps };\n"],"names":["Collapsible","React","className","props","ref","jsx","CollapsiblePrimitive","cn","CollapsibleContent","children","CollapsibleTrigger"],"mappings":";;;;AAQA,MAAMA,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,EAAqB,MAArB,EAA0B,KAAAF,GAAU,WAAWG,EAAG,uDAAuDL,CAAS,GAAI,GAAGC,GAAO,CAClI;AACDH,EAAY,cAAc;AAE1B,MAAMQ,IAAqBP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWI,EAAG,YAAYL,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,EAAA;AACvD,CACD;AACDD,EAAmB,cAAcF,EAAqB,QAAQ;AAE9D,MAAMI,IAAqBT,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC,EAACC,EAAqB,oBAArB,EAAwC,KAAAF,GAAU,WAAWG,EAAG,OAAOL,CAAS,GAAI,GAAGC,GACrF,UAAAM,GACH,CACD;AACDC,EAAmB,cAAcJ,EAAqB,QAAQ;"}
+{"version":3,"file":"collapsible.es.js","sources":["../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport type { CollapsibleProps, CollapsibleContentProps, CollapsibleTriggerProps } from \"@radix-ui/react-collapsible\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst Collapsible = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CollapsiblePrimitive.Root ref={ref} className={cn(\"mtx-rounded-lg mtx-bg-card mtx-text-card-foreground mtx-shadow-card\", className)} {...props} />\n));\nCollapsible.displayName = \"Collapsible\";\n\nconst CollapsibleContent = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>\n>(({ className, children, ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleContent\n    ref={ref}\n    className=\"mtx-overflow-hidden data-[state=closed]:mtx-animate-collapsible-up data-[state=open]:mtx-animate-collapsible-down mtx-rounded-b-lg\"\n    {...props}\n  >\n    <div className={cn(\"mtx-p-4 mtx-pt-0\", className)}>{children}</div>\n  </CollapsiblePrimitive.CollapsibleContent>\n));\nCollapsibleContent.displayName = CollapsiblePrimitive.Content.displayName;\n\nconst CollapsibleTrigger = React.forwardRef<\n  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,\n  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>\n>(({ className, children, ...props }, ref) => (\n  <CollapsiblePrimitive.CollapsibleTrigger ref={ref} className={cn(\"mtx-p-4\", className)} {...props}>\n    {children}\n  </CollapsiblePrimitive.CollapsibleTrigger>\n));\nCollapsibleTrigger.displayName = CollapsiblePrimitive.Trigger.displayName;\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent, type CollapsibleProps, type CollapsibleContentProps, type CollapsibleTriggerProps };\n"],"names":["Collapsible","React","className","props","ref","jsx","CollapsiblePrimitive","cn","CollapsibleContent","children","CollapsibleTrigger"],"mappings":";;;;AAQA,MAAMA,IAAcC,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,EAAqB,MAArB,EAA0B,KAAAF,GAAU,WAAWG,EAAG,uEAAuEL,CAAS,GAAI,GAAGC,GAAO,CAClJ;AACDH,EAAY,cAAc;AAE1B,MAAMQ,IAAqBP,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC;AAAA,EAACC,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAF;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,4BAAC,OAAA,EAAI,WAAWI,EAAG,oBAAoBL,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,EAAA;AAC/D,CACD;AACDD,EAAmB,cAAcF,EAAqB,QAAQ;AAE9D,MAAMI,IAAqBT,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,KAASC,MACpC,gBAAAC,EAACC,EAAqB,oBAArB,EAAwC,KAAAF,GAAU,WAAWG,EAAG,WAAWL,CAAS,GAAI,GAAGC,GACzF,UAAAM,GACH,CACD;AACDC,EAAmB,cAAcJ,EAAqB,QAAQ;"}