@pautena/react-design-system 2.0.0-alpha.0 → 2.0.0-alpha.4

package/dist/components/tab-card/tab-card.dummy.d.ts

@@ -0,0 +1,14 @@
+import { TabData } from './tab-card';
+export declare const DummyTabs: ({
+    text: string;
+    icon?: undefined;
+} | {
+    text: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+})[];
+export interface TabCardDummyProps {
+    tabs: TabData[];
+    initialTab: number;
+    onChangeTab: (tab: TabData, index: number) => void;
+}
+export declare function TabCardDummy({ tabs, initialTab, onChangeTab, }: TabCardDummyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tab-card/tab-card.mjs

@@ -0,0 +1,50 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { cn as u } from "../../lib/utils.mjs";
+import { TabCardContextProvider as f } from "./tab-card.context.mjs";
+function h({
+  tabs: s,
+  initialTab: a = 0,
+  onChangeTab: i = () => null,
+  children: c
+}) {
+  const [o, n] = m(a);
+  return /* @__PURE__ */ r(f, { value: [o, n], children: /* @__PURE__ */ l("div", { className: "overflow-hidden rounded-lg border bg-card", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        role: "tablist",
+        className: "flex items-center gap-1 bg-muted px-2 py-1.5",
+        children: s.map((e, t) => {
+          const d = o === t;
+          return /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": d,
+              className: u(
+                "inline-flex min-h-8 items-center rounded-md px-3 text-sm transition",
+                d ? "bg-background font-semibold text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+              ),
+              onClick: () => {
+                n(t), i(e, t);
+              },
+              children: [
+                e.icon,
+                /* @__PURE__ */ r("span", { children: e.text })
+              ]
+            },
+            `${e.text}-${t}`
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ r("div", { children: c })
+  ] }) });
+}
+export {
+  h as TabCard,
+  h as default
+};
+//# sourceMappingURL=tab-card.mjs.map

package/dist/components/tab-card/tab-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-card.mjs","sources":["../../../src/components/tab-card/tab-card.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\n\n/**\n * Tab configuration data.\n */\nexport interface TabData {\n  /**\n   * Tab label text.\n   */\n  text: string;\n  /**\n   * Optional icon element.\n   */\n  icon?: ReactElement;\n}\n\n/**\n * Props for the TabCard component.\n */\nexport interface TabCardProps {\n  /**\n   * Array of tab configurations.\n   */\n  tabs: TabData[];\n  /**\n   * Index of the initially selected tab.\n   * @default 0\n   */\n  initialTab?: number;\n  /**\n   * Callback when tab selection changes.\n   * @param tab - The selected tab data.\n   * @param index - Index of the selected tab.\n   */\n  onChangeTab?: (tab: TabData, index: number) => void;\n  /**\n   * Tab panel content.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Card component with tabbed navigation.\n */\nexport function TabCard({\n  tabs,\n  initialTab = 0,\n  onChangeTab = () => null,\n  children,\n}: TabCardProps) {\n  const [selectedTab, setSelectedTab] = useState(initialTab);\n\n  return (\n    <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n      <div className=\"overflow-hidden rounded-lg border bg-card\">\n        <div\n          role=\"tablist\"\n          className=\"flex items-center gap-1 bg-muted px-2 py-1.5\"\n        >\n          {tabs.map((tab, index) => {\n            const selected = selectedTab === index;\n\n            return (\n              <button\n                type=\"button\"\n                role=\"tab\"\n                key={`${tab.text}-${index}`}\n                aria-selected={selected}\n                className={cn(\n                  \"inline-flex min-h-8 items-center rounded-md px-3 text-sm transition\",\n                  selected\n                    ? \"bg-background font-semibold text-foreground shadow-sm\"\n                    : \"text-muted-foreground hover:text-foreground\",\n                )}\n                onClick={() => {\n                  setSelectedTab(index);\n                  onChangeTab(tab, index);\n                }}\n              >\n                {tab.icon}\n                <span>{tab.text}</span>\n              </button>\n            );\n          })}\n        </div>\n        <div>{children}</div>\n      </div>\n    </TabCardContextProvider>\n  );\n}\n\nexport default TabCard;\n"],"names":["TabCard","tabs","initialTab","onChangeTab","children","selectedTab","setSelectedTab","useState","jsx","TabCardContextProvider","jsxs","tab","index","selected","cn"],"mappings":";;;;AA8CO,SAASA,EAAQ;AAAA,EACtB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc,MAAM;AAAA,EACpB,UAAAC;AACF,GAAiB;AACf,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,CAAU;AAEzD,SACE,gBAAAM,EAACC,GAAA,EAAuB,OAAO,CAACJ,GAAaC,CAAc,GACzD,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAP,EAAK,IAAI,CAACU,GAAKC,MAAU;AACxB,gBAAMC,IAAWR,MAAgBO;AAEjC,iBACE,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cAEL,iBAAeG;AAAA,cACf,WAAWC;AAAA,gBACT;AAAA,gBACAD,IACI,0DACA;AAAA,cAAA;AAAA,cAEN,SAAS,MAAM;AACb,gBAAAP,EAAeM,CAAK,GACpBT,EAAYQ,GAAKC,CAAK;AAAA,cACxB;AAAA,cAEC,UAAA;AAAA,gBAAAD,EAAI;AAAA,gBACL,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAI,KAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAdX,GAAGA,EAAI,IAAI,IAAIC,CAAK;AAAA,UAAA;AAAA,QAiB/B,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAJ,EAAC,SAAK,UAAAJ,EAAA,CAAS;AAAA,EAAA,EAAA,CACjB,EAAA,CACF;AAEJ;"}

package/dist/components/tab-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './tab-panel';

package/dist/components/tab-panel/tab-panel.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the TabPanel component
+ */
+export interface TabPanelProps {
+    /**
+     * Panel content
+     */
+    children?: ReactNode;
+    /**
+     * Tab index or array of indices that this panel corresponds to
+     */
+    index: number | number[];
+    /**
+     * Optional wrapper classes
+     */
+    className?: string;
+}
+/**
+ * Content panel that displays when its associated tab is active
+ */
+export declare function TabPanel({ children, index, className }: TabPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tab-panel/tab-panel.mjs

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.mjs";
+import { useTab as m } from "../tab-provider/tab-provider.context.mjs";
+import "react";
+function c({ children: i, index: a, className: s }) {
+  const [r] = m();
+  let l = r === a;
+  return Array.isArray(a) && (l = a.includes(r)), /* @__PURE__ */ e(
+    "div",
+    {
+      role: "tabpanel",
+      hidden: !l,
+      id: `simple-tabpanel-${a}`,
+      "aria-labelledby": `simple-tab-${a}`,
+      className: t(s),
+      children: l ? /* @__PURE__ */ e("div", { className: "p-4", children: i }) : null
+    }
+  );
+}
+export {
+  c as TabPanel
+};
+//# sourceMappingURL=tab-panel.mjs.map

package/dist/components/tab-panel/tab-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.mjs","sources":["../../../src/components/tab-panel/tab-panel.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { useTab } from \"../tab-provider\";\n\n/**\n * Props for the TabPanel component\n */\nexport interface TabPanelProps {\n  /**\n   * Panel content\n   */\n  children?: ReactNode;\n  /**\n   * Tab index or array of indices that this panel corresponds to\n   */\n  index: number | number[];\n  /**\n   * Optional wrapper classes\n   */\n  className?: string;\n}\n\n/**\n * Content panel that displays when its associated tab is active\n */\nexport function TabPanel({ children, index, className }: TabPanelProps) {\n  const [value] = useTab();\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={!isTab}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      className={cn(className)}\n    >\n      {isTab ? <div className=\"p-4\">{children}</div> : null}\n    </div>\n  );\n}\n"],"names":["TabPanel","children","index","className","value","useTab","isTab","jsx","cn"],"mappings":";;;;AAyBO,SAASA,EAAS,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAA4B;AACtE,QAAM,CAACC,CAAK,IAAIC,EAAA;AAChB,MAAIC,IAAQF,MAAUF;AACtB,SAAI,MAAM,QAAQA,CAAK,MACrBI,IAAQJ,EAAM,SAASE,CAAK,IAI5B,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ,CAACD;AAAA,MACT,IAAI,mBAAmBJ,CAAK;AAAA,MAC5B,mBAAiB,cAAcA,CAAK;AAAA,MACpC,WAAWM,EAAGL,CAAS;AAAA,MAEtB,cAAQ,gBAAAI,EAAC,OAAA,EAAI,WAAU,OAAO,UAAAN,GAAS,IAAS;AAAA,IAAA;AAAA,EAAA;AAGvD;"}

package/dist/components/tab-provider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tab-provider.context';
+export type { TabProviderProps } from './tab-provider.provider';
+export { default, TabProvider } from './tab-provider.provider';

package/dist/components/tab-provider/tab-provider.context.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * React context for tab state management.
+ */
+export declare const TabContext: import('react').Context<[number, Dispatch<SetStateAction<number>>]>;
+/**
+ * Provider for TabContext.
+ */
+export declare const TabContextProvider: import('react').Provider<[number, Dispatch<SetStateAction<number>>]>;
+/**
+ * Hook to read and update the current tab index.
+ */
+export declare const useTab: () => [number, Dispatch<SetStateAction<number>>];

package/dist/components/tab-provider/tab-provider.context.mjs

@@ -0,0 +1,8 @@
+import { createContext as o, useContext as e } from "react";
+const t = o([0, () => null]), r = t.Provider, s = () => e(t);
+export {
+  t as TabContext,
+  r as TabContextProvider,
+  s as useTab
+};
+//# sourceMappingURL=tab-provider.context.mjs.map

package/dist/components/tab-provider/tab-provider.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-provider.context.mjs","sources":["../../../src/components/tab-provider/tab-provider.context.ts"],"sourcesContent":["import {\n  createContext,\n  type Dispatch,\n  type SetStateAction,\n  useContext,\n} from \"react\";\n\n/**\n * React context for tab state management.\n */\nexport const TabContext = createContext<\n  [number, Dispatch<SetStateAction<number>>]\n>([0, () => null]);\n\n/**\n * Provider for TabContext.\n */\nexport const TabContextProvider = TabContext.Provider;\n\n/**\n * Hook to read and update the current tab index.\n */\nexport const useTab = () => useContext(TabContext);\n"],"names":["TabContext","createContext","TabContextProvider","useTab","useContext"],"mappings":";AAUO,MAAMA,IAAaC,EAExB,CAAC,GAAG,MAAM,IAAI,CAAC,GAKJC,IAAqBF,EAAW,UAKhCG,IAAS,MAAMC,EAAWJ,CAAU;"}

package/dist/components/tab-provider/tab-provider.provider.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+/**
+ * Props for TabProvider.
+ */
+export interface TabProviderProps extends PropsWithChildren {
+    /**
+     * Initial active tab index.
+     * @default 0
+     */
+    initialValue?: number;
+}
+/**
+ * Provides tab selection state for TabPanel and Header components.
+ */
+export declare const TabProvider: ({ children, initialValue, }: TabProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default TabProvider;

package/dist/components/tab-provider/tab-provider.provider.mjs

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { TabContextProvider as m } from "./tab-provider.context.mjs";
+const s = ({
+  children: t,
+  initialValue: r = 0
+}) => {
+  const o = a(r);
+  return /* @__PURE__ */ e(m, { value: o, children: t });
+};
+export {
+  s as TabProvider
+};
+//# sourceMappingURL=tab-provider.provider.mjs.map

package/dist/components/tab-provider/tab-provider.provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-provider.provider.mjs","sources":["../../../src/components/tab-provider/tab-provider.provider.tsx"],"sourcesContent":["import { type PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\n/**\n * Props for TabProvider.\n */\nexport interface TabProviderProps extends PropsWithChildren {\n  /**\n   * Initial active tab index.\n   * @default 0\n   */\n  initialValue?: number;\n}\n\n/**\n * Provides tab selection state for TabPanel and Header components.\n */\nexport const TabProvider = ({\n  children,\n  initialValue = 0,\n}: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n\nexport default TabProvider;\n"],"names":["TabProvider","children","initialValue","tabState","useState","jsx","TabContextProvider"],"mappings":";;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAwB;AACtB,QAAMC,IAAWC,EAASF,CAAY;AAEtC,SAAO,gBAAAG,EAACC,GAAA,EAAmB,OAAOH,GAAW,UAAAF,EAAA,CAAS;AACxD;"}

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from './button';
+import type * as React from "react";
+declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/ui/alert-dialog.mjs

@@ -0,0 +1,159 @@
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { Button as r } from "./button.mjs";
+import { cn as e } from "../../lib/utils.mjs";
+import { AlertDialogRoot as n } from "../../node_modules/@base-ui/react/esm/alert-dialog/root/AlertDialogRoot.mjs";
+import { DialogPopup as s } from "../../node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.mjs";
+import { DialogClose as g } from "../../node_modules/@base-ui/react/esm/dialog/close/DialogClose.mjs";
+import { DialogTitle as u } from "../../node_modules/@base-ui/react/esm/dialog/title/DialogTitle.mjs";
+import { DialogDescription as m } from "../../node_modules/@base-ui/react/esm/dialog/description/DialogDescription.mjs";
+import { DialogPortal as c } from "../../node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.mjs";
+import { DialogBackdrop as f } from "../../node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.mjs";
+function _({ ...a }) {
+  return /* @__PURE__ */ o(n, { "data-slot": "alert-dialog", ...a });
+}
+function p({ ...a }) {
+  return /* @__PURE__ */ o(c, { "data-slot": "alert-dialog-portal", ...a });
+}
+function x({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    f,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: e(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function j({
+  className: a,
+  size: t = "default",
+  ...l
+}) {
+  return /* @__PURE__ */ d(p, { children: [
+    /* @__PURE__ */ o(x, {}),
+    /* @__PURE__ */ o(
+      s,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": t,
+        className: e(
+          "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg",
+          a
+        ),
+        ...l
+      }
+    )
+  ] });
+}
+function C({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: e(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function P({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: e(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function B({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    u,
+    {
+      "data-slot": "alert-dialog-title",
+      className: e(
+        "text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function T({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      "data-slot": "alert-dialog-description",
+      className: e(
+        "text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function F({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    r,
+    {
+      "data-slot": "alert-dialog-action",
+      className: e(a),
+      ...t
+    }
+  );
+}
+function H({
+  className: a,
+  variant: t = "outline",
+  size: l = "default",
+  ...i
+}) {
+  return /* @__PURE__ */ o(
+    g,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: e(a),
+      render: /* @__PURE__ */ o(r, { variant: t, size: l }),
+      ...i
+    }
+  );
+}
+export {
+  _ as AlertDialog,
+  F as AlertDialogAction,
+  H as AlertDialogCancel,
+  j as AlertDialogContent,
+  T as AlertDialogDescription,
+  P as AlertDialogFooter,
+  C as AlertDialogHeader,
+  x as AlertDialogOverlay,
+  p as AlertDialogPortal,
+  B as AlertDialogTitle
+};
+//# sourceMappingURL=alert-dialog.mjs.map

package/dist/components/ui/alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.mjs","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type * as React from \"react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  );\n}\n\nfunction AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  );\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: AlertDialogPrimitive.Backdrop.Props) {\n  return (\n    <AlertDialogPrimitive.Backdrop\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Popup.Props & {\n  size?: \"default\" | \"sm\";\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Popup\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 bg-background ring-foreground/10 group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 ring-1 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-lg\",\n          className,\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"bg-muted mb-2 inline-flex size-16 items-center justify-center rounded-md sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"text-lg font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"alert-dialog-action\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Close.Props &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <AlertDialogPrimitive.Close\n      data-slot=\"alert-dialog-cancel\"\n      className={cn(className)}\n      render={<Button variant={variant} size={size} />}\n      {...props}\n    />\n  );\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"names":["AlertDialog","props","AlertDialogPrimitive.Root","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","className","jsx","AlertDialogPrimitive.Backdrop","cn","AlertDialogContent","size","AlertDialogPrimitive.Popup","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","Button","AlertDialogCancel","variant","AlertDialogPrimitive.Close"],"mappings":";;;;;;;;;;AAKA,SAASA,EAAY,EAAE,GAAGC,KAA0C;AAClE,2BAAQC,GAAA,EAA0B,aAAU,gBAAgB,GAAGD,GAAO;AACxE;AAQA,SAASE,EAAkB,EAAE,GAAGF,KAA4C;AAC1E,2BACGG,GAAA,EAA4B,aAAU,uBAAuB,GAAGH,GAAO;AAE5E;AAEA,SAASI,EAAmB;AAAA,EAC1B,WAAAC;AAAA,EACA,GAAGL;AACL,GAAwC;AACtC,SACE,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAmB;AAAA,EAC1B,WAAAJ;AAAA,EACA,MAAAK,IAAO;AAAA,EACP,GAAGV;AACL,GAEG;AACD,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAACF,GAAA,EAAmB;AAAA,IACpB,gBAAAE;AAAA,MAACK;AAAAA,MAAA;AAAA,QACC,aAAU;AAAA,QACV,aAAWD;AAAA,QACX,WAAWF;AAAA,UACT;AAAA,UACAH;AAAA,QAAA;AAAA,QAED,GAAGL;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAASY,EAAkB;AAAA,EACzB,WAAAP;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASa,EAAkB;AAAA,EACzB,WAAAR;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAkBA,SAASc,EAAiB;AAAA,EACxB,WAAAT;AAAA,EACA,GAAGL;AACL,GAA4D;AAC1D,SACE,gBAAAM;AAAA,IAACS;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWP;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASgB,EAAuB;AAAA,EAC9B,WAAAX;AAAA,EACA,GAAGL;AACL,GAAkE;AAChE,SACE,gBAAAM;AAAA,IAACW;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWT;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAkB;AAAA,EACzB,WAAAb;AAAA,EACA,GAAGL;AACL,GAAwC;AACtC,SACE,gBAAAM;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWX,EAAGH,CAAS;AAAA,MACtB,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASoB,EAAkB;AAAA,EACzB,WAAAf;AAAA,EACA,SAAAgB,IAAU;AAAA,EACV,MAAAX,IAAO;AAAA,EACP,GAAGV;AACL,GACiE;AAC/D,SACE,gBAAAM;AAAA,IAACgB;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWd,EAAGH,CAAS;AAAA,MACvB,QAAQ,gBAAAC,EAACa,GAAA,EAAO,SAAAE,GAAkB,MAAAX,EAAA,CAAY;AAAA,MAC7C,GAAGV;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/alert.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import type * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction };

package/dist/components/ui/alert.mjs

@@ -0,0 +1,78 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cva as o } from "../../node_modules/class-variance-authority/dist/index.mjs";
+import { cn as a } from "../../lib/utils.mjs";
+const l = o(
+  "grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function u({
+  className: t,
+  variant: e,
+  ...s
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: a(l({ variant: e }), t),
+      ...s
+    }
+  );
+}
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: a(
+        "[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function v({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: a(
+        "text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function f({ className: t, ...e }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "alert-action",
+      className: a("absolute top-2.5 right-3", t),
+      ...e
+    }
+  );
+}
+export {
+  u as Alert,
+  f as AlertAction,
+  v as AlertDescription,
+  c as AlertTitle
+};
+//# sourceMappingURL=alert.mjs.map

package/dist/components/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst alertVariants = cva(\n  \"grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"[&_a]:hover:text-foreground font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground [&_a]:hover:text-foreground text-sm text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_p:not(:last-child)]:mb-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-action\"\n      className={cn(\"absolute top-2.5 right-3\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Alert, AlertTitle, AlertDescription, AlertAction };\n"],"names":["alertVariants","cva","Alert","className","variant","props","jsx","cn","AlertTitle","AlertDescription","AlertAction"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAL,GAAW,GAAGE,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAiB;AAAA,EACxB,WAAAN;AAAA,EACA,GAAGE;AACL,GAAgC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAP,GAAW,GAAGE,KAAsC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,4BAA4BJ,CAAS;AAAA,MAClD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+import type * as React from "react";
+declare function Avatar({ className, size, ...props }: AvatarPrimitive.Root.Props & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge, };

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "secondary" | "outline" | "default" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export { Badge, badgeVariants };

package/dist/components/ui/breadcrumb.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import type * as React from "react";
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/components/ui/breadcrumb.mjs

@@ -0,0 +1,97 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.mjs";
+import n from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.mjs";
+import { useRender as m } from "../../node_modules/@base-ui/react/esm/use-render/useRender.mjs";
+import { mergeProps as s } from "../../node_modules/@base-ui/react/esm/merge-props/mergeProps.mjs";
+function b({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      className: t(r),
+      ...e
+    }
+  );
+}
+function p({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: t(
+        "text-muted-foreground gap-1.5 text-sm sm:gap-2.5 flex flex-wrap items-center wrap-break-word",
+        r
+      ),
+      ...e
+    }
+  );
+}
+function f({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: t("gap-1.5 inline-flex items-center", r),
+      ...e
+    }
+  );
+}
+function g({
+  className: r,
+  render: e,
+  ...o
+}) {
+  return m({
+    defaultTagName: "a",
+    props: s(
+      {
+        className: t("hover:text-foreground transition-colors", r)
+      },
+      o
+    ),
+    render: e,
+    state: {
+      slot: "breadcrumb-link"
+    }
+  });
+}
+function x({ className: r, ...e }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: t("text-foreground font-normal", r),
+      ...e
+    }
+  );
+}
+function N({
+  children: r,
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: t("[&>svg]:size-3.5", e),
+      ...o,
+      children: r ?? /* @__PURE__ */ a(n, {})
+    }
+  );
+}
+export {
+  b as Breadcrumb,
+  f as BreadcrumbItem,
+  g as BreadcrumbLink,
+  p as BreadcrumbList,
+  x as BreadcrumbPage,
+  N as BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.mjs.map