@cryptlex/web-components 5.1.1 → 5.3.0-alpha

package/dist/components/ui/tabs.es.js

@@ -1,83 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { Tabs as i, composeRenderProps as r, TabList as s, Tab as l, TabPanel as c } from "react-aria-components";
-import { cn as o } from "../../utils/primitives.es.js";
-function m({ className: t, ...a }) {
-  return /* @__PURE__ */ n(
-    i,
-    {
-      className: r(
-        t,
-        (e) => o(
-          "group flex flex-col gap-2",
-          /* Orientation */
-          "data-[orientation=vertical]:flex-row",
-          e
-        )
-      ),
-      ...a
-    }
-  );
-}
-function d({
-  className: t,
-  ...a
-}) {
-  return /* @__PURE__ */ n(
-    s,
-    {
-      className: r(
-        t,
-        (e) => o(
-          "inline-flex items-center border-b text-muted-foreground",
-          /* Orientation */
-          "data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col",
-          e
-        )
-      ),
-      ...a
-    }
-  );
-}
-function p({ className: t, ...a }) {
-  return /* @__PURE__ */ n(
-    l,
-    {
-      className: r(
-        t,
-        (e) => o(
-          "btn btn-ghost leading-none text-accent h-input truncate inline-flex items-center px-3 body font-medium transition-all",
-          /* Selected */
-          "data-[selected]:bg-primary/20 data-[selected]:text-primary",
-          /* Orientation */
-          "group-data-[orientation=vertical]:w-full",
-          e
-        )
-      ),
-      ...a
-    }
-  );
-}
-function x({ className: t, ...a }) {
-  return /* @__PURE__ */ n(
-    c,
-    {
-      className: r(
-        t,
-        (e) => o(
-          "ring-offset-background",
-          /* Focus Visible */
-          "focus-ring",
-          e
-        )
-      ),
-      ...a
-    }
-  );
-}
-export {
-  p as Tab,
-  d as TabList,
-  x as TabPanel,
-  m as Tabs
-};
-//# sourceMappingURL=tabs.es.js.map

package/dist/components/ui/tabs.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.es.js","sources":["../../../lib/components/ui/tabs.tsx"],"sourcesContent":["import {\n  Tab as AriaTab,\n  TabList as AriaTabList,\n  TabListProps as AriaTabListProps,\n  TabPanel as AriaTabPanel,\n  TabPanelProps as AriaTabPanelProps,\n  TabProps as AriaTabProps,\n  Tabs as AriaTabs,\n  TabsProps as AriaTabsProps,\n  composeRenderProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport function Tabs({ className, ...props }: AriaTabsProps) {\n  return (\n    <AriaTabs\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"group flex flex-col gap-2\",\n          /* Orientation */\n          \"data-[orientation=vertical]:flex-row\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function TabList<T extends object>({\n  className,\n  ...props\n}: AriaTabListProps<T>) {\n  return (\n    <AriaTabList\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"inline-flex items-center border-b text-muted-foreground\",\n          /* Orientation */\n          \"data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function Tab({ className, ...props }: AriaTabProps) {\n  return (\n    <AriaTab\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"btn btn-ghost leading-none text-accent h-input truncate inline-flex items-center px-3 body font-medium transition-all\",\n          /* Selected */\n          \"data-[selected]:bg-primary/20 data-[selected]:text-primary\",\n          /* Orientation */\n          \"group-data-[orientation=vertical]:w-full\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function TabPanel({ className, ...props }: AriaTabPanelProps) {\n  return (\n    <AriaTabPanel\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"ring-offset-background\",\n          /* Focus Visible */\n          \"focus-ring\",\n          className\n        )\n      )}\n      {...props}\n    />\n  )\n}"],"names":["Tabs","className","props","jsx","AriaTabs","composeRenderProps","cn","TabList","AriaTabList","Tab","AriaTab","TabPanel","AriaTabPanel"],"mappings":";;;AAcO,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAwB;AAC3D,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASK,EAA0B;AAAA,EACxC,WAAAN;AAAA,EACA,GAAGC;AACL,GAAwB;AACtB,SACE,gBAAAC;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAWH;AAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASO,EAAI,EAAE,WAAAR,GAAW,GAAGC,KAAuB;AACzD,SACE,gBAAAC;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEO,SAASS,EAAS,EAAE,WAAAV,GAAW,GAAGC,KAA4B;AACnE,SACE,gBAAAC;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,WAAWP;AAAA,QAAmBJ;AAAA,QAAW,CAACA,MACxCK;AAAA,UACE;AAAA;AAAA,UAEA;AAAA,UACAL;AAAAA,QAAA;AAAA,MACF;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/timeline.es.js

@@ -1,46 +0,0 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import { cn as i } from "../../utils/primitives.es.js";
-function g({ className: t, ...e }) {
-  return /* @__PURE__ */ n("ol", { className: i("grid grid-col-1 gap-icon", t), ...e });
-}
-function f({ className: t, ...e }) {
-  return /* @__PURE__ */ n("li", { className: i("grid grid-cols-[4rem_2rem_1fr] grid-rows-subgrid list-none gap-icon", t), ...e });
-}
-const l = a(
-  "p-1 rounded-full",
-  {
-    variants: {
-      variant: {
-        destructive: "text-destructive-foreground bg-destructive",
-        success: "text-success-foreground bg-success",
-        muted: "text-muted-foreground bg-muted"
-      }
-    },
-    defaultVariants: {
-      variant: "muted"
-    }
-  }
-);
-function p({ icon: t, className: e, variant: r, ...s }) {
-  return /* @__PURE__ */ c("div", { ...s, className: "flex flex-col items-center gap-2", children: [
-    /* @__PURE__ */ n("div", { className: i(l({ variant: r, className: e })), children: /* @__PURE__ */ n(t, { className: "size-icon " }) }),
-    /* @__PURE__ */ n("div", { className: "h-full w-[1px]" })
-  ] });
-}
-function v({ className: t, date: e, dateFormatter: r, ...s }) {
-  const o = `${(e.getMonth() + 1).toString().padStart(2, "0")}-${e.getFullYear()}`;
-  return /* @__PURE__ */ n("time", { ...s, dateTime: e.toISOString(), className: i("font-mono leading-none text-muted", t), children: r ? r(e) : o });
-}
-function x({ className: t, ...e }) {
-  return /* @__PURE__ */ n("section", { className: i("", t), ...e });
-}
-export {
-  g as Timeline,
-  x as TimelineContent,
-  v as TimelineDate,
-  p as TimelineIcon,
-  f as TimelineItem,
-  l as timelineIconVariants
-};
-//# sourceMappingURL=timeline.es.js.map

package/dist/components/ui/timeline.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"timeline.es.js","sources":["../../../lib/components/ui/timeline.tsx"],"sourcesContent":["import { cn } from \"@/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type { LucideIcon } from \"lucide-react\";\n\nexport function Timeline({ className, ...props }: React.ComponentProps<'ol'>) {\n    return <ol className={cn(\"grid grid-col-1 gap-icon\", className)} {...props} />\n}\n\nexport function TimelineItem({ className, ...props }: React.ComponentProps<'li'> & {}) {\n    return (\n        <li className={cn(\"grid grid-cols-[4rem_2rem_1fr] grid-rows-subgrid list-none gap-icon\", className)} {...props} />\n    )\n}\n\nexport const timelineIconVariants = cva(\n    `p-1 rounded-full`,\n    {\n        variants: {\n            variant: {\n                destructive: \"text-destructive-foreground bg-destructive\",\n                success: \"text-success-foreground bg-success\",\n                muted: \"text-muted-foreground bg-muted\",\n            },\n        },\n        defaultVariants: {\n            variant: \"muted\",\n        },\n    },\n);\n\nexport function TimelineIcon({ icon: Icon, className, variant, ...props }: Omit<React.ComponentProps<'div'>, 'children'> & VariantProps<typeof timelineIconVariants> & {\n    icon: LucideIcon\n}) {\n    return <div {...props} className=\"flex flex-col items-center gap-2\">\n        <div className={cn(timelineIconVariants({ variant, className }))}>\n            <Icon className=\"size-icon \" />\n        </div>\n        <div className=\"h-full w-[1px]\" />\n    </div>\n}\n\nexport function TimelineDate({ className, date, dateFormatter, ...props }: Omit<React.ComponentProps<'time'>, 'dateTime' | 'children'> & {\n    date: Date\n    dateFormatter?: (d: Date) => string;\n}) {\n    const defaultDateDisplay = `${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getFullYear()}`;\n    return <time {...props} dateTime={date.toISOString()} className={cn(\"font-mono leading-none text-muted\", className)}>{dateFormatter ? dateFormatter(date) : defaultDateDisplay}</time>\n}\n\nexport function TimelineContent({ className, ...props }: React.ComponentProps<'section'>) {\n    return <section className={cn(\"\", className)} {...props} />;\n}"],"names":["Timeline","className","props","jsx","cn","TimelineItem","timelineIconVariants","cva","TimelineIcon","Icon","variant","jsxs","TimelineDate","date","dateFormatter","defaultDateDisplay","TimelineContent"],"mappings":";;;AAIO,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAqC;AAC1E,SAAO,gBAAAC,EAAC,QAAG,WAAWC,EAAG,4BAA4BH,CAAS,GAAI,GAAGC,GAAO;AAChF;AAEO,SAASG,EAAa,EAAE,WAAAJ,GAAW,GAAGC,KAA0C;AACnF,SACI,gBAAAC,EAAC,QAAG,WAAWC,EAAG,uEAAuEH,CAAS,GAAI,GAAGC,GAAO;AAExH;AAEO,MAAMI,IAAuBC;AAAA,EAChC;AAAA,EACA;AAAA,IACI,UAAU;AAAA,MACN,SAAS;AAAA,QACL,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,iBAAiB;AAAA,MACb,SAAS;AAAA,IAAA;AAAA,EACb;AAER;AAEO,SAASC,EAAa,EAAE,MAAMC,GAAM,WAAAR,GAAW,SAAAS,GAAS,GAAGR,KAE/D;AACC,SAAO,gBAAAS,EAAC,OAAA,EAAK,GAAGT,GAAO,WAAU,oCAC7B,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGE,EAAqB,EAAE,SAAAI,GAAS,WAAAT,EAAA,CAAW,CAAC,GAC3D,UAAA,gBAAAE,EAACM,GAAA,EAAK,WAAU,cAAa,GACjC;AAAA,IACA,gBAAAN,EAAC,OAAA,EAAI,WAAU,iBAAA,CAAiB;AAAA,EAAA,GACpC;AACJ;AAEO,SAASS,EAAa,EAAE,WAAAX,GAAW,MAAAY,GAAM,eAAAC,GAAe,GAAGZ,KAG/D;AACC,QAAMa,IAAqB,IAAIF,EAAK,SAAA,IAAa,GAAG,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIA,EAAK,aAAa;AACrG,2BAAQ,QAAA,EAAM,GAAGX,GAAO,UAAUW,EAAK,YAAA,GAAe,WAAWT,EAAG,qCAAqCH,CAAS,GAAI,cAAgBa,EAAcD,CAAI,IAAIE,GAAmB;AACnL;AAEO,SAASC,EAAgB,EAAE,WAAAf,GAAW,GAAGC,KAA0C;AACtF,SAAO,gBAAAC,EAAC,aAAQ,WAAWC,EAAG,IAAIH,CAAS,GAAI,GAAGC,GAAO;AAC7D;"}

package/dist/components/ui/tooltip.es.js

@@ -1,28 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { TooltipTrigger as r, Tooltip as m, composeRenderProps as n } from "react-aria-components";
-import { cn as d } from "../../utils/primitives.es.js";
-const g = r, f = ({ className: o, offset: t = 4, ...e }) => /* @__PURE__ */ a(
-  m,
-  {
-    offset: t,
-    className: n(
-      o,
-      (i) => d(
-        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0",
-        /* Entering */
-        "data-[entering]:zoom-in-95",
-        /* Exiting */
-        "data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95",
-        /* Placement */
-        "data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2",
-        i
-      )
-    ),
-    ...e
-  }
-);
-export {
-  f as Tooltip,
-  g as TooltipTrigger
-};
-//# sourceMappingURL=tooltip.es.js.map

package/dist/components/ui/tooltip.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.es.js","sources":["../../../lib/components/ui/tooltip.tsx"],"sourcesContent":["import {\n\tTooltip as AriaTooltip,\n\tTooltipTrigger as AriaTooltipTrigger,\n\tcomposeRenderProps,\n\ttype TooltipProps as AriaTooltipProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nconst TooltipTrigger = AriaTooltipTrigger\nconst Tooltip = ({ className, offset = 4, ...props }: AriaTooltipProps) => (\n\t<AriaTooltip\n\t\toffset={offset}\n\t\tclassName={composeRenderProps(className, (className) =>\n\t\t\tcn(\n\t\t\t\t\"z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0\",\n\t\t\t\t/* Entering */\n\t\t\t\t\"data-[entering]:zoom-in-95\",\n\t\t\t\t/* Exiting */\n\t\t\t\t\"data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95\",\n\t\t\t\t/* Placement */\n\t\t\t\t\"data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t)}\n\t\t{...props}\n\t/>\n)\n\nexport { Tooltip, TooltipTrigger }\n"],"names":["TooltipTrigger","AriaTooltipTrigger","Tooltip","className","offset","props","jsx","AriaTooltip","composeRenderProps","cn"],"mappings":";;;AASA,MAAMA,IAAiBC,GACjBC,IAAU,CAAC,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAG,GAAGC,QAC5C,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,WAAWI;AAAA,MAAmBL;AAAA,MAAW,CAACA,MACzCM;AAAA,QACC;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAN;AAAAA,MAAA;AAAA,IACD;AAAA,IAEA,GAAGE;AAAA,EAAA;AACL;"}