@boxcustodia/library 2.0.0-alpha.2 → 2.0.0-alpha.20

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

@@ -0,0 +1,96 @@
+"use client";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { Tabs as e } from "@base-ui/react/tabs";
+import { Tabs as x } from "@base-ui/react/tabs";
+import { cn as o } from "../../lib/cn.es.js";
+function u({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      className: o(
+        "flex flex-col gap-2 data-[orientation=vertical]:flex-row",
+        t
+      ),
+      "data-slot": "tabs",
+      ...a
+    }
+  );
+}
+function m({
+  variant: t = "underline",
+  centered: a = !1,
+  className: i,
+  children: n,
+  ...s
+}) {
+  return /* @__PURE__ */ l(
+    e.List,
+    {
+      "data-variant": t,
+      className: o(
+        "group/tabs-list relative z-0 flex w-fit items-center justify-center gap-x-0.5 text-muted-foreground",
+        a && "mx-auto",
+        "data-[orientation=vertical]:flex-col data-[orientation=vertical]:justify-start",
+        t === "background" ? "rounded-lg border border-border p-0.5" : "data-[orientation=vertical]:px-1 data-[orientation=horizontal]:py-1 *:data-[slot=tabs-tab]:hover:bg-accent",
+        i
+      ),
+      "data-slot": "tabs-list",
+      ...s,
+      children: [
+        n,
+        /* @__PURE__ */ r(
+          e.Indicator,
+          {
+            className: o(
+              "absolute bottom-0 left-0 h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-(--active-tab-bottom) transition-[width,translate] duration-200 ease-in-out",
+              t === "background" ? "-z-1 rounded-md bg-primary shadow-sm/5" : "z-10 bg-primary data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:-translate-x-px data-[orientation=horizontal]:translate-y-px"
+            ),
+            "data-slot": "tab-indicator"
+          }
+        )
+      ]
+    }
+  );
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    e.Tab,
+    {
+      className: o(
+        "relative flex h-9 shrink-0 grow cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-[calc(--spacing(2.5)-1px)] font-medium text-base outline-none transition-[color,background-color,box-shadow] hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring data-disabled:pointer-events-none data-[orientation=vertical]:w-full data-[orientation=vertical]:grow-0 data-[orientation=vertical]:justify-start data-active:text-foreground data-disabled:opacity-64 group-data-[variant=background]/tabs-list:data-active:text-primary-foreground sm:h-8 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0",
+        t
+      ),
+      "data-slot": "tabs-tab",
+      ...a
+    }
+  );
+}
+function g({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    e.Panel,
+    {
+      className: o("flex-1 outline-none", t),
+      "data-slot": "tabs-content",
+      ...a
+    }
+  );
+}
+export {
+  m as TabList,
+  u as Tabs,
+  g as TabsContent,
+  m as TabsList,
+  g as TabsPanel,
+  x as TabsPrimitive,
+  f as TabsTab,
+  f as TabsTrigger
+};

package/dist/components/tag/tag.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@base-ui/react/merge-props"),o=require("@base-ui/react/use-render"),t=require("class-variance-authority"),g=require("../../lib/cn.cjs.js"),e=t.cva("group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg]:pointer-events-none [&>svg]:size-3!",{variants:{variant:{default:"bg-primary text-primary-foreground [a]:hover:bg-primary/80",secondary:"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",error:"bg-error/10 text-error focus-visible:ring-error/20 dark:bg-error/20 dark:focus-visible:ring-error/40 [a]:hover:bg-error/20",success:"bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/20 dark:focus-visible:ring-success/40 [a]:hover:bg-success/20",warning:"bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/20 dark:focus-visible:ring-warning/40 [a]:hover:bg-warning/20",outline:"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",ghost:"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",link:"text-primary underline-offset-4 hover:underline"}},defaultVariants:{variant:"default"}});function u({className:i,variant:r="default",render:n,...a}){return o.useRender({defaultTagName:"span",props:s.mergeProps({className:g.cn(e({variant:r}),i)},a),render:n,state:{slot:"tag",variant:r}})}exports.Tag=u;exports.tagVariants=e;

package/dist/components/tag/tag.es.js

@@ -0,0 +1,50 @@
+"use client";
+import { mergeProps as n } from "@base-ui/react/merge-props";
+import { useRender as a } from "@base-ui/react/use-render";
+import { cva as s } from "class-variance-authority";
+import { cn as t } from "../../lib/cn.es.js";
+const g = s(
+  "group/tag inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-error aria-invalid:ring-error/20 dark:aria-invalid:ring-error/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        error: "bg-error/10 text-error focus-visible:ring-error/20 dark:bg-error/20 dark:focus-visible:ring-error/40 [a]:hover:bg-error/20",
+        success: "bg-success/10 text-success focus-visible:ring-success/20 dark:bg-success/20 dark:focus-visible:ring-success/40 [a]:hover:bg-success/20",
+        warning: "bg-warning/10 text-warning focus-visible:ring-warning/20 dark:bg-warning/20 dark:focus-visible:ring-warning/40 [a]:hover:bg-warning/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function f({
+  className: e,
+  variant: r = "default",
+  render: i,
+  ...o
+}) {
+  return a({
+    defaultTagName: "span",
+    props: n(
+      {
+        className: t(g({ variant: r }), e)
+      },
+      o
+    ),
+    render: i,
+    state: {
+      slot: "tag",
+      variant: r
+    }
+  });
+}
+export {
+  f as Tag,
+  g as tagVariants
+};

package/dist/components/textarea/textarea.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("@base-ui/react/field"),d=require("../../lib/cn.cjs.js");function l({className:o,onValueChange:e,...i}){const n=e?r=>e(r.target.value,r):void 0;return t.jsx(a.Field.Control,{render:t.jsx("textarea",{"data-slot":"textarea",className:d.cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none transition-shadow placeholder:text-muted-foreground focus-visible:border-ring aria-invalid:border-error focus-visible:aria-invalid:ring-error/20 disabled:cursor-not-allowed disabled:opacity-50",o),onChange:n,...i})})}exports.Textarea=l;

package/dist/components/textarea/textarea.es.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Field as n } from "@base-ui/react/field";
+import { cn as d } from "../../lib/cn.es.js";
+function c({
+  className: i,
+  onValueChange: r,
+  ...t
+}) {
+  const a = r ? (e) => r(e.target.value, e) : void 0;
+  return /* @__PURE__ */ o(
+    n.Control,
+    {
+      render: /* @__PURE__ */ o(
+        "textarea",
+        {
+          "data-slot": "textarea",
+          className: d(
+            "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-background px-3 py-2 text-sm outline-none transition-shadow placeholder:text-muted-foreground focus-visible:border-ring aria-invalid:border-error focus-visible:aria-invalid:ring-error/20 disabled:cursor-not-allowed disabled:opacity-50",
+            i
+          ),
+          onChange: a,
+          ...t
+        }
+      )
+    }
+  );
+}
+export {
+  c as Textarea
+};

package/dist/components/timeline/timeline.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("@base-ui/react/merge-props"),s=require("@base-ui/react/use-render"),z=require("@radix-ui/react-use-controllable-state"),x=require("react"),o=require("../../lib/cn.cjs.js"),T=x.createContext(void 0);function w(){const a=x.useContext(T);if(!a)throw new Error("useTimeline must be used within a TimelineRoot");return a}function j({defaultValue:a=1,value:n,onValueChange:e,orientation:r="vertical",className:t,render:l,children:v,...P}){const[N=1,b]=z.useControllableState({prop:n,defaultProp:a,onChange:e}),R={className:o.cn("group/timeline flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",t),"data-orientation":r,"data-slot":"timeline",children:v};return i.jsx(T.Provider,{value:{activeStep:N,setActiveStep:b},children:s.useRender({defaultTagName:"div",render:l,props:d.mergeProps(R,P)})})}function c({step:a,className:n,render:e,children:r,...t}){const{activeStep:l}=w(),v={className:o.cn("group/timeline-item relative flex flex-1 flex-col gap-0.5 group-data-[orientation=vertical]/timeline:ms-8 group-data-[orientation=horizontal]/timeline:mt-8 group-data-[orientation=horizontal]/timeline:not-last:pe-8 group-data-[orientation=vertical]/timeline:not-last:pb-6 has-[+[data-completed]]:**:data-[slot=timeline-separator]:bg-primary",n),"data-completed":a<=l||void 0,"data-slot":"timeline-item",children:r};return s.useRender({defaultTagName:"div",render:e,props:d.mergeProps(v,t)})}function m({className:a,render:n,children:e,...r}){const t={className:o.cn(a),"data-slot":"timeline-header",children:e};return s.useRender({defaultTagName:"div",render:n,props:d.mergeProps(t,r)})}function u({className:a,render:n,children:e,...r}){const t={className:o.cn("font-medium text-sm",a),"data-slot":"timeline-title",children:e};return s.useRender({defaultTagName:"h3",render:n,props:d.mergeProps(t,r)})}function p({className:a,render:n,children:e,...r}){const t={className:o.cn("mb-1 block font-medium text-muted-foreground text-xs group-data-[orientation=vertical]/timeline:max-sm:h-4",a),"data-slot":"timeline-date",children:e};return s.useRender({defaultTagName:"time",render:n,props:d.mergeProps(t,r)})}function g({className:a,render:n,children:e,...r}){const t={className:o.cn("text-muted-foreground text-sm",a),"data-slot":"timeline-content",children:e};return s.useRender({defaultTagName:"div",render:n,props:d.mergeProps(t,r)})}function f({className:a,render:n,children:e,...r}){const t={"aria-hidden":!0,className:o.cn("group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2 absolute size-4 rounded-full border-2 border-primary/20 group-data-[orientation=vertical]/timeline:top-0 group-data-[orientation=horizontal]/timeline:left-0 group-data-completed/timeline-item:border-primary",a),"data-slot":"timeline-indicator",children:e};return s.useRender({defaultTagName:"div",render:n,props:d.mergeProps(t,r)})}function h({className:a,render:n,children:e,...r}){const t={"aria-hidden":!0,className:o.cn("group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2 absolute self-start bg-primary/10 group-last/timeline-item:hidden group-data-[orientation=horizontal]/timeline:h-0.5 group-data-[orientation=vertical]/timeline:h-[calc(100%-1rem-0.25rem)] group-data-[orientation=horizontal]/timeline:w-[calc(100%-1rem-0.25rem)] group-data-[orientation=vertical]/timeline:w-0.5 group-data-[orientation=horizontal]/timeline:translate-x-4.5 group-data-[orientation=vertical]/timeline:translate-y-4.5",a),"data-slot":"timeline-separator",children:e};return s.useRender({defaultTagName:"div",render:n,props:d.mergeProps(t,r)})}function y({items:a,variant:n="default",classNames:e,...r}){return i.jsx(j,{...r,children:a.map((t,l)=>n==="alternate"?i.jsxs(c,{step:l+1,className:o.cn("w-[calc(50%-1.5rem)] odd:ms-auto even:me-auto even:text-right","even:group-data-[orientation=vertical]/timeline:ms-0 even:group-data-[orientation=vertical]/timeline:me-8","even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-indicator]:-right-6 even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-indicator]:left-auto even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-indicator]:translate-x-1/2","even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-separator]:-right-6 even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-separator]:left-auto even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-separator]:translate-x-1/2",e?.item),children:[i.jsxs(m,{className:e?.header,children:[i.jsx(h,{className:e?.separator}),t.date?i.jsx(p,{className:e?.date,children:t.date}):null,t.title?i.jsx(u,{className:e?.title,children:t.title}):null,i.jsx(f,{className:e?.indicator,children:t.indicator})]}),t.content?i.jsx(g,{className:e?.content,children:t.content}):null]},l):n==="date-left"?i.jsxs(c,{step:l+1,className:o.cn("sm:group-data-[orientation=vertical]/timeline:ms-32",e?.item),children:[i.jsxs(m,{className:e?.header,children:[i.jsx(h,{className:e?.separator}),t.date?i.jsx(p,{className:o.cn("sm:group-data-[orientation=vertical]/timeline:absolute sm:group-data-[orientation=vertical]/timeline:-left-32 sm:group-data-[orientation=vertical]/timeline:w-20 sm:group-data-[orientation=vertical]/timeline:text-right",e?.date),children:t.date}):null,t.title?i.jsx(u,{className:o.cn("sm:-mt-0.5",e?.title),children:t.title}):null,i.jsx(f,{className:e?.indicator,children:t.indicator})]}),t.content?i.jsx(g,{className:e?.content,children:t.content}):null]},l):i.jsxs(c,{step:l+1,className:e?.item,children:[i.jsxs(m,{className:e?.header,children:[t.date?i.jsx(p,{className:e?.date,children:t.date}):null,t.title?i.jsx(u,{className:e?.title,children:t.title}):null]}),i.jsx(f,{className:e?.indicator,children:t.indicator}),i.jsx(h,{className:e?.separator}),t.content?i.jsx(g,{className:e?.content,children:t.content}):null]},l))})}exports.Timeline=y;exports.TimelineContent=g;exports.TimelineDate=p;exports.TimelineHeader=m;exports.TimelineIndicator=f;exports.TimelineItem=c;exports.TimelineRoot=j;exports.TimelineSeparator=h;exports.TimelineTitle=u;

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

@@ -0,0 +1,263 @@
+"use client";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { mergeProps as d } from "@base-ui/react/merge-props";
+import { useRender as m } from "@base-ui/react/use-render";
+import { useControllableState as w } from "@radix-ui/react-use-controllable-state";
+import { createContext as y, useContext as C } from "react";
+import { cn as r } from "../../lib/cn.es.js";
+const T = y(
+  void 0
+);
+function S() {
+  const a = C(T);
+  if (!a)
+    throw new Error("useTimeline must be used within a TimelineRoot");
+  return a;
+}
+function R({
+  defaultValue: a = 1,
+  value: i,
+  onValueChange: t,
+  orientation: n = "vertical",
+  className: e,
+  render: l,
+  children: u,
+  ...N
+}) {
+  const [b = 1, z] = w({
+    prop: i,
+    defaultProp: a,
+    onChange: t
+  }), P = {
+    className: r(
+      "group/timeline flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
+      e
+    ),
+    "data-orientation": n,
+    "data-slot": "timeline",
+    children: u
+  };
+  return /* @__PURE__ */ o(T.Provider, { value: { activeStep: b, setActiveStep: z }, children: m({
+    defaultTagName: "div",
+    render: l,
+    props: d(P, N)
+  }) });
+}
+function p({
+  step: a,
+  className: i,
+  render: t,
+  children: n,
+  ...e
+}) {
+  const { activeStep: l } = S(), u = {
+    className: r(
+      "group/timeline-item relative flex flex-1 flex-col gap-0.5 group-data-[orientation=vertical]/timeline:ms-8 group-data-[orientation=horizontal]/timeline:mt-8 group-data-[orientation=horizontal]/timeline:not-last:pe-8 group-data-[orientation=vertical]/timeline:not-last:pb-6 has-[+[data-completed]]:**:data-[slot=timeline-separator]:bg-primary",
+      i
+    ),
+    "data-completed": a <= l || void 0,
+    "data-slot": "timeline-item",
+    children: n
+  };
+  return m({
+    defaultTagName: "div",
+    render: t,
+    props: d(u, e)
+  });
+}
+function s({
+  className: a,
+  render: i,
+  children: t,
+  ...n
+}) {
+  const e = {
+    className: r(a),
+    "data-slot": "timeline-header",
+    children: t
+  };
+  return m({
+    defaultTagName: "div",
+    render: i,
+    props: d(e, n)
+  });
+}
+function f({
+  className: a,
+  render: i,
+  children: t,
+  ...n
+}) {
+  const e = {
+    className: r("font-medium text-sm", a),
+    "data-slot": "timeline-title",
+    children: t
+  };
+  return m({
+    defaultTagName: "h3",
+    render: i,
+    props: d(e, n)
+  });
+}
+function g({
+  className: a,
+  render: i,
+  children: t,
+  ...n
+}) {
+  const e = {
+    className: r(
+      "mb-1 block font-medium text-muted-foreground text-xs group-data-[orientation=vertical]/timeline:max-sm:h-4",
+      a
+    ),
+    "data-slot": "timeline-date",
+    children: t
+  };
+  return m({
+    defaultTagName: "time",
+    render: i,
+    props: d(e, n)
+  });
+}
+function h({
+  className: a,
+  render: i,
+  children: t,
+  ...n
+}) {
+  const e = {
+    className: r("text-muted-foreground text-sm", a),
+    "data-slot": "timeline-content",
+    children: t
+  };
+  return m({
+    defaultTagName: "div",
+    render: i,
+    props: d(e, n)
+  });
+}
+function v({
+  className: a,
+  render: i,
+  children: t,
+  ...n
+}) {
+  const e = {
+    "aria-hidden": !0,
+    className: r(
+      "group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2 absolute size-4 rounded-full border-2 border-primary/20 group-data-[orientation=vertical]/timeline:top-0 group-data-[orientation=horizontal]/timeline:left-0 group-data-completed/timeline-item:border-primary",
+      a
+    ),
+    "data-slot": "timeline-indicator",
+    children: t
+  };
+  return m({
+    defaultTagName: "div",
+    render: i,
+    props: d(e, n)
+  });
+}
+function x({
+  className: a,
+  render: i,
+  children: t,
+  ...n
+}) {
+  const e = {
+    "aria-hidden": !0,
+    className: r(
+      "group-data-[orientation=horizontal]/timeline:-top-6 group-data-[orientation=horizontal]/timeline:-translate-y-1/2 group-data-[orientation=vertical]/timeline:-left-6 group-data-[orientation=vertical]/timeline:-translate-x-1/2 absolute self-start bg-primary/10 group-last/timeline-item:hidden group-data-[orientation=horizontal]/timeline:h-0.5 group-data-[orientation=vertical]/timeline:h-[calc(100%-1rem-0.25rem)] group-data-[orientation=horizontal]/timeline:w-[calc(100%-1rem-0.25rem)] group-data-[orientation=vertical]/timeline:w-0.5 group-data-[orientation=horizontal]/timeline:translate-x-4.5 group-data-[orientation=vertical]/timeline:translate-y-4.5",
+      a
+    ),
+    "data-slot": "timeline-separator",
+    children: t
+  };
+  return m({
+    defaultTagName: "div",
+    render: i,
+    props: d(e, n)
+  });
+}
+function H({
+  items: a,
+  variant: i = "default",
+  classNames: t,
+  ...n
+}) {
+  return /* @__PURE__ */ o(R, { ...n, children: a.map((e, l) => i === "alternate" ? /* @__PURE__ */ c(
+    p,
+    {
+      step: l + 1,
+      className: r(
+        "w-[calc(50%-1.5rem)] odd:ms-auto even:me-auto even:text-right",
+        "even:group-data-[orientation=vertical]/timeline:ms-0 even:group-data-[orientation=vertical]/timeline:me-8",
+        "even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-indicator]:-right-6 even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-indicator]:left-auto even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-indicator]:translate-x-1/2",
+        "even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-separator]:-right-6 even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-separator]:left-auto even:group-data-[orientation=vertical]/timeline:**:data-[slot=timeline-separator]:translate-x-1/2",
+        t?.item
+      ),
+      children: [
+        /* @__PURE__ */ c(s, { className: t?.header, children: [
+          /* @__PURE__ */ o(x, { className: t?.separator }),
+          e.date ? /* @__PURE__ */ o(g, { className: t?.date, children: e.date }) : null,
+          e.title ? /* @__PURE__ */ o(f, { className: t?.title, children: e.title }) : null,
+          /* @__PURE__ */ o(v, { className: t?.indicator, children: e.indicator })
+        ] }),
+        e.content ? /* @__PURE__ */ o(h, { className: t?.content, children: e.content }) : null
+      ]
+    },
+    l
+  ) : i === "date-left" ? /* @__PURE__ */ c(
+    p,
+    {
+      step: l + 1,
+      className: r(
+        "sm:group-data-[orientation=vertical]/timeline:ms-32",
+        t?.item
+      ),
+      children: [
+        /* @__PURE__ */ c(s, { className: t?.header, children: [
+          /* @__PURE__ */ o(x, { className: t?.separator }),
+          e.date ? /* @__PURE__ */ o(
+            g,
+            {
+              className: r(
+                "sm:group-data-[orientation=vertical]/timeline:absolute sm:group-data-[orientation=vertical]/timeline:-left-32 sm:group-data-[orientation=vertical]/timeline:w-20 sm:group-data-[orientation=vertical]/timeline:text-right",
+                t?.date
+              ),
+              children: e.date
+            }
+          ) : null,
+          e.title ? /* @__PURE__ */ o(
+            f,
+            {
+              className: r("sm:-mt-0.5", t?.title),
+              children: e.title
+            }
+          ) : null,
+          /* @__PURE__ */ o(v, { className: t?.indicator, children: e.indicator })
+        ] }),
+        e.content ? /* @__PURE__ */ o(h, { className: t?.content, children: e.content }) : null
+      ]
+    },
+    l
+  ) : /* @__PURE__ */ c(p, { step: l + 1, className: t?.item, children: [
+    /* @__PURE__ */ c(s, { className: t?.header, children: [
+      e.date ? /* @__PURE__ */ o(g, { className: t?.date, children: e.date }) : null,
+      e.title ? /* @__PURE__ */ o(f, { className: t?.title, children: e.title }) : null
+    ] }),
+    /* @__PURE__ */ o(v, { className: t?.indicator, children: e.indicator }),
+    /* @__PURE__ */ o(x, { className: t?.separator }),
+    e.content ? /* @__PURE__ */ o(h, { className: t?.content, children: e.content }) : null
+  ] }, l)) });
+}
+export {
+  H as Timeline,
+  h as TimelineContent,
+  g as TimelineDate,
+  s as TimelineHeader,
+  v as TimelineIndicator,
+  p as TimelineItem,
+  R as TimelineRoot,
+  x as TimelineSeparator,
+  f as TimelineTitle
+};

package/dist/components/toast/toast.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@base-ui/react/toast"),l=require("lucide-react"),f=require("react"),c=require("../../lib/cn.cjs.js"),v=require("../button/button.cjs.js"),d={default:{icon:null,ringClass:"ring-input",titleClass:"",bgClass:""},success:{icon:l.CircleCheck,ringClass:"ring-success",titleClass:"text-success",bgClass:"bg-success/5"},error:{icon:l.CircleX,ringClass:"ring-error",titleClass:"text-error",bgClass:"bg-error/5"},warning:{icon:l.TriangleAlert,ringClass:"ring-warning",titleClass:"text-warning",bgClass:"bg-warning/5"},info:{icon:l.Info,ringClass:"ring-info",titleClass:"text-info",bgClass:"bg-info/5"}};function g({variant:t="default"}={}){return c.cn("rounded-xl ring-1 bg-clip-padding p-4 shadow-lg bg-background",d[t].ringClass)}function u(t){return{...t,close:a=>t.close(a),add:a=>{if(a.id){const s=t.toasts;if(s){const n=s.find(p=>p.id===a.id);if(n&&n.transitionStatus!=="ending")return t.update(a.id,{bump:!1}),requestAnimationFrame(()=>{t.update(a.id,{bump:!0,...a.timeout!==void 0&&{timeout:a.timeout}})}),a.id;if(n&&n.transitionStatus==="ending")return a.id}}return t.add({...a})},update:(a,s)=>t.update(a,{...s}),promise:(a,s)=>t.promise(a,{loading:{...s.loading},success:typeof s.success=="function"?n=>({...s.success(n)}):{...s.success},error:typeof s.error=="function"?n=>({...s.error(n)}):{...s.error}})}}function m(){const t=r.Toast.useToastManager();return{...u(t),toasts:t.toasts}}function x(){return u(r.Toast.createToastManager())}let i=null;function o(t){return typeof t=="string"?{title:t}:t}const h=Object.assign(t=>i?.add({...o(t)}),{success:t=>i?.add({variant:"success",...o(t)}),error:t=>i?.add({variant:"error",...o(t)}),warning:t=>i?.add({variant:"warning",...o(t)}),info:t=>i?.add({variant:"info",...o(t)}),promise:(t,a)=>i?.promise(t,a)});function w(){const t=r.Toast.useToastManager();return i=f.useMemo(()=>u(t),[t]),f.useEffect(()=>()=>{i=null},[]),null}function b({children:t,toastManager:a,container:s}){return e.jsxs(r.Toast.Provider,{toastManager:a,children:[e.jsx(w,{}),t,e.jsx(r.Toast.Portal,{container:s,children:e.jsx(r.Toast.Viewport,{className:"fixed top-auto right-4 bottom-4 mx-auto flex w-[calc(100%-2rem)] sm:right-8 sm:bottom-8 sm:w-[340px]",children:e.jsx(y,{})})})]})}function y(){const{toasts:t}=m();return t.map(a=>e.jsxs(r.Toast.Root,{toast:a,"data-slot":"toast",className:c.cn("absolute right-0 bottom-0 left-auto z-[calc(var(--z-toast)-var(--toast-index))] mr-0 h-[var(--height)] w-full origin-bottom select-none",g({variant:a.variant}),"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]","[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]","after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']","data-[ending-style]:opacity-0 data-[expanded]:h-[var(--toast-height)] data-[expanded]:[transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--offset-y)))] data-[limited]:opacity-0 data-[starting-style]:[transform:translateY(150%)]","data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]","data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]","data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))] data-[expanded]:data-[ending-style]:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]","data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))] data-[expanded]:data-[ending-style]:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]","[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",a.bump&&"animate-toast-bump"),children:[e.jsx(T,{variant:a.variant}),e.jsxs(r.Toast.Content,{className:"isolate flex flex-col gap-1 transition-opacity [transition-duration:250ms] data-[behind]:pointer-events-none data-[behind]:opacity-0 data-[expanded]:pointer-events-auto data-[expanded]:opacity-100",children:[a.content??e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(C,{variant:a.variant}),e.jsxs("div",{className:"flex flex-col gap-1 overflow-hidden",children:[e.jsx(r.Toast.Title,{"data-slot":"toast-title",className:c.cn("text-[0.975rem] leading-5 font-medium text-foreground",d[a.variant??"default"].titleClass)}),e.jsx(r.Toast.Description,{"data-slot":"toast-description",className:"text-[0.925rem] leading-5 text-muted-foreground"}),!!a.actions?.length&&e.jsx("div",{className:"mt-2 flex min-w-0 flex-nowrap gap-2 overflow-x-auto p-px",children:a.actions.map((s,n)=>e.jsx(v.Button,{...s},n))})]})]}),e.jsx(r.Toast.Close,{className:"absolute top-2 right-2 flex h-4 w-4 items-center justify-center rounded border-none bg-transparent text-current/50 hover:bg-foreground/10 hover:text-current","aria-label":"Cerrar",children:e.jsx(l.X,{className:"h-3 w-3"})})]})]},a.id))}function T({variant:t}){const a=t?d[t].bgClass:"";return e.jsx("div",{className:c.cn("absolute inset-0 rounded-[11px] bg-background/90",a)})}function C({variant:t}){if(!t||t==="default")return null;const{icon:a,titleClass:s}=d[t];return a?e.jsx(a,{"data-slot":"toast-icon",className:c.cn("mt-0.5 h-4 w-4 shrink-0",s)}):null}Object.defineProperty(exports,"ToastPrimitive",{enumerable:!0,get:()=>r.Toast});exports.ToastProvider=b;exports.createToastManager=x;exports.toast=h;exports.toastVariants=g;exports.useToastManager=m;