@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.5

package/README.md

@@ -4,7 +4,7 @@
 
 <img src="src/stories/assets/work-in-progress.jpg" width="200" height="180"/>
 
-My custom design system on top of [MUI](https://mui.com/material-ui/), with a bunch of components to be able to fast prototype new pages and products
+My custom design system on top of shadcn/ui + Base UI, with a bunch of components to be able to fast prototype new pages and products
 
 ## ⚠️ Important Notice
 
@@ -24,7 +24,7 @@ This project is available as an [npm package](https://www.npmjs.com/package/@pau
 npm:
 
 ```bash
-npm install @pautena/react-design-system @emotion/react @emotion/styled @mui/icons-material @mui/material @mui/x-data-grid
+npm install @pautena/react-design-system
 ```
 
 Now you are going to be able to import the components and use it in your React project.
@@ -43,6 +43,16 @@ import "@pautena/react-design-system/global.css";
 
 If you want to know more about the components and the layouts availables in this project check our [documentation](https://pautena.com/react-design-system)
 
+## Examples
+
+See Storybook → Examples for full demos.
+
+## AI Documentation
+
+See Storybook → Examples for AI usage guides.
+
+- [llms.txt](./llms.txt)
+
 ## Contributing
 
 Read the [contribution guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.

package/dist/_virtual/index.mjs

@@ -0,0 +1,6 @@
+import { __require as r } from "../node_modules/use-sync-external-store/shim/index.mjs";
+var i = r();
+export {
+  i as s
+};
+//# sourceMappingURL=index.mjs.map

package/dist/_virtual/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/index2.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=index2.mjs.map

package/dist/_virtual/index2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.development.mjs

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.development.mjs.map

package/dist/_virtual/use-sync-external-store-shim.development.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.development.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.production.mjs

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=use-sync-external-store-shim.production.mjs.map

package/dist/_virtual/use-sync-external-store-shim.production.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-external-store-shim.production.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/with-selector.development.mjs

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=with-selector.development.mjs.map

package/dist/_virtual/with-selector.development.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-selector.development.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/with-selector.mjs

@@ -0,0 +1,6 @@
+import { __require as r } from "../node_modules/use-sync-external-store/shim/with-selector.mjs";
+var t = r();
+export {
+  t as w
+};
+//# sourceMappingURL=with-selector.mjs.map

package/dist/_virtual/with-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-selector.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/_virtual/with-selector.production.mjs

@@ -0,0 +1,5 @@
+var o = {};
+export {
+  o as __exports
+};
+//# sourceMappingURL=with-selector.production.mjs.map

package/dist/_virtual/with-selector.production.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-selector.production.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/with-selector2.mjs

@@ -0,0 +1,5 @@
+var e = { exports: {} };
+export {
+  e as __module
+};
+//# sourceMappingURL=with-selector2.mjs.map

package/dist/_virtual/with-selector2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-selector2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,55 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Accordion as UiAccordion, AccordionContent as UiAccordionContent, AccordionItem as UiAccordionItem, AccordionTrigger as UiAccordionTrigger } from '../ui/accordion';
+/**
+ * Props for the Accordion component.
+ */
+export interface AccordionProps extends ComponentProps<typeof UiAccordion> {
+    /**
+     * Accordion items rendered inside the root.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the AccordionItem component.
+ */
+export interface AccordionItemProps extends ComponentProps<typeof UiAccordionItem> {
+    /**
+     * Content rendered inside the accordion item.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the AccordionTrigger component.
+ */
+export interface AccordionTriggerProps extends ComponentProps<typeof UiAccordionTrigger> {
+    /**
+     * Trigger content rendered inside the header.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the AccordionContent component.
+ */
+export interface AccordionContentProps extends ComponentProps<typeof UiAccordionContent> {
+    /**
+     * Content rendered inside the accordion panel.
+     */
+    children?: ReactNode;
+}
+/**
+ * Consumer-facing accordion wrapper for public package API.
+ */
+export declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Accordion item wrapper for public package API.
+ */
+export declare function AccordionItem(props: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Accordion trigger wrapper for public package API.
+ */
+export declare function AccordionTrigger(props: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Accordion content wrapper for public package API.
+ */
+export declare function AccordionContent(props: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/components/accordion/accordion.mjs

@@ -0,0 +1,22 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Accordion as n, AccordionContent as c, AccordionItem as i, AccordionTrigger as t } from "../ui/accordion.mjs";
+function A(o) {
+  return /* @__PURE__ */ r(n, { ...o });
+}
+function u(o) {
+  return /* @__PURE__ */ r(i, { ...o });
+}
+function f(o) {
+  return /* @__PURE__ */ r(t, { ...o });
+}
+function m(o) {
+  return /* @__PURE__ */ r(c, { ...o });
+}
+export {
+  A as Accordion,
+  m as AccordionContent,
+  u as AccordionItem,
+  f as AccordionTrigger,
+  A as default
+};
+//# sourceMappingURL=accordion.mjs.map

package/dist/components/accordion/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport {\n  Accordion as UiAccordion,\n  AccordionContent as UiAccordionContent,\n  AccordionItem as UiAccordionItem,\n  AccordionTrigger as UiAccordionTrigger,\n} from \"@/components/ui/accordion\";\n\n/**\n * Props for the Accordion component.\n */\nexport interface AccordionProps extends ComponentProps<typeof UiAccordion> {\n  /**\n   * Accordion items rendered inside the root.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the AccordionItem component.\n */\nexport interface AccordionItemProps\n  extends ComponentProps<typeof UiAccordionItem> {\n  /**\n   * Content rendered inside the accordion item.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the AccordionTrigger component.\n */\nexport interface AccordionTriggerProps\n  extends ComponentProps<typeof UiAccordionTrigger> {\n  /**\n   * Trigger content rendered inside the header.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the AccordionContent component.\n */\nexport interface AccordionContentProps\n  extends ComponentProps<typeof UiAccordionContent> {\n  /**\n   * Content rendered inside the accordion panel.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Consumer-facing accordion wrapper for public package API.\n */\nexport function Accordion(props: AccordionProps) {\n  return <UiAccordion {...props} />;\n}\n\n/**\n * Accordion item wrapper for public package API.\n */\nexport function AccordionItem(props: AccordionItemProps) {\n  return <UiAccordionItem {...props} />;\n}\n\n/**\n * Accordion trigger wrapper for public package API.\n */\nexport function AccordionTrigger(props: AccordionTriggerProps) {\n  return <UiAccordionTrigger {...props} />;\n}\n\n/**\n * Accordion content wrapper for public package API.\n */\nexport function AccordionContent(props: AccordionContentProps) {\n  return <UiAccordionContent {...props} />;\n}\n\nexport default Accordion;\n"],"names":["Accordion","props","jsx","UiAccordion","AccordionItem","UiAccordionItem","AccordionTrigger","UiAccordionTrigger","AccordionContent","UiAccordionContent"],"mappings":";;AAsDO,SAASA,EAAUC,GAAuB;AAC/C,SAAO,gBAAAC,EAACC,GAAA,EAAa,GAAGF,EAAA,CAAO;AACjC;AAKO,SAASG,EAAcH,GAA2B;AACvD,SAAO,gBAAAC,EAACG,GAAA,EAAiB,GAAGJ,EAAA,CAAO;AACrC;AAKO,SAASK,EAAiBL,GAA8B;AAC7D,SAAO,gBAAAC,EAACK,GAAA,EAAoB,GAAGN,EAAA,CAAO;AACxC;AAKO,SAASO,EAAiBP,GAA8B;AAC7D,SAAO,gBAAAC,EAACO,GAAA,EAAoB,GAAGR,EAAA,CAAO;AACxC;"}

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, } from './accordion';
+export { AccordionContent, AccordionItem, AccordionTrigger, default, default as Accordion, } from './accordion';

package/dist/components/board/board.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the Board component.
+ */
+export interface BoardProps {
+    /**
+     * The content to display and copy to clipboard.
+     */
+    content?: string | string[];
+    /**
+     * Vertical spacing between lines when content is an array.
+     * @default 0
+     */
+    spacing?: 0 | 1 | 2 | 3 | 4 | 5;
+    /**
+     * Additional CSS classes for custom styling.
+     */
+    className?: string;
+    /**
+     * Optional custom children rendered instead of the default content.
+     */
+    children?: ReactNode;
+}
+/**
+ * Surface for displaying and copying plain content.
+ */
+export declare function Board({ content: contentProp, spacing, className, children, }: BoardProps): import("react/jsx-runtime").JSX.Element;
+export default Board;

package/dist/components/board/board.mjs

@@ -0,0 +1,48 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { cn as m } from "../../lib/utils.mjs";
+import c from "../../node_modules/lucide-react/dist/esm/icons/copy.mjs";
+function u({
+  content: e,
+  spacing: i = 0,
+  className: s,
+  children: l
+}) {
+  const a = Array.isArray(e) ? e.join(`
+`) : e ?? "", n = Array.isArray(e) ? e.map((r, o) => /* @__PURE__ */ t(
+    "p",
+    {
+      style: { paddingBottom: `${i * 0.25}rem` },
+      className: "leading-relaxed",
+      children: r
+    },
+    `${r}-${o}`
+  )) : e;
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: m(
+        "relative rounded-md bg-slate-800 px-4 py-2 text-sm text-white",
+        s
+      ),
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex min-h-7 items-center pr-8", children: l ?? n }),
+        a ? /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            "aria-label": "copy board content",
+            title: "Copy",
+            className: "absolute right-1.5 top-1.5 inline-flex h-7 w-7 items-center justify-center rounded-md text-slate-100 transition hover:bg-slate-700",
+            onClick: () => navigator.clipboard.writeText(a),
+            children: /* @__PURE__ */ t(c, { className: "h-4 w-4", "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  u as Board,
+  u as default
+};
+//# sourceMappingURL=board.mjs.map

package/dist/components/board/board.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"board.mjs","sources":["../../../src/components/board/board.tsx"],"sourcesContent":["import { Copy } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\n\n/**\n * Props for the Board component.\n */\nexport interface BoardProps {\n  /**\n   * The content to display and copy to clipboard.\n   */\n  content?: string | string[];\n  /**\n   * Vertical spacing between lines when content is an array.\n   * @default 0\n   */\n  spacing?: 0 | 1 | 2 | 3 | 4 | 5;\n  /**\n   * Additional CSS classes for custom styling.\n   */\n  className?: string;\n  /**\n   * Optional custom children rendered instead of the default content.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Surface for displaying and copying plain content.\n */\nexport function Board({\n  content: contentProp,\n  spacing = 0,\n  className,\n  children,\n}: BoardProps) {\n  const copyContent = Array.isArray(contentProp)\n    ? contentProp.join(\"\\n\")\n    : (contentProp ?? \"\");\n\n  const content = Array.isArray(contentProp)\n    ? contentProp.map((line, index) => (\n        <p\n          key={`${line}-${index}`}\n          style={{ paddingBottom: `${spacing * 0.25}rem` }}\n          className=\"leading-relaxed\"\n        >\n          {line}\n        </p>\n      ))\n    : contentProp;\n\n  return (\n    <div\n      className={cn(\n        \"relative rounded-md bg-slate-800 px-4 py-2 text-sm text-white\",\n        className,\n      )}\n    >\n      <div className=\"flex min-h-7 items-center pr-8\">\n        {children ?? content}\n      </div>\n      {copyContent ? (\n        <button\n          type=\"button\"\n          aria-label=\"copy board content\"\n          title=\"Copy\"\n          className=\"absolute right-1.5 top-1.5 inline-flex h-7 w-7 items-center justify-center rounded-md text-slate-100 transition hover:bg-slate-700\"\n          onClick={() => navigator.clipboard.writeText(copyContent)}\n        >\n          <Copy className=\"h-4 w-4\" aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nexport default Board;\n"],"names":["Board","contentProp","spacing","className","children","copyContent","content","line","index","jsx","jsxs","cn","Copy"],"mappings":";;;AA8BO,SAASA,EAAM;AAAA,EACpB,SAASC;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AACF,GAAe;AACb,QAAMC,IAAc,MAAM,QAAQJ,CAAW,IACzCA,EAAY,KAAK;AAAA,CAAI,IACpBA,KAAe,IAEdK,IAAU,MAAM,QAAQL,CAAW,IACrCA,EAAY,IAAI,CAACM,GAAMC,MACrB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,OAAO,EAAE,eAAe,GAAGP,IAAU,IAAI,MAAA;AAAA,MACzC,WAAU;AAAA,MAET,UAAAK;AAAA,IAAA;AAAA,IAJI,GAAGA,CAAI,IAAIC,CAAK;AAAA,EAAA,CAMxB,IACDP;AAEJ,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAM,EAAC,OAAA,EAAI,WAAU,kCACZ,UAAAL,KAAYE,GACf;AAAA,QACCD,IACC,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAU;AAAA,YACV,SAAS,MAAM,UAAU,UAAU,UAAUJ,CAAW;AAAA,YAExD,UAAA,gBAAAI,EAACG,GAAA,EAAK,WAAU,WAAU,eAAY,OAAA,CAAO;AAAA,UAAA;AAAA,QAAA,IAE7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/board/index.d.ts

@@ -0,0 +1,2 @@
+export type { BoardProps } from './board';
+export { default, default as Board } from './board';

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,41 @@
+import { ComponentProps, ReactNode } from 'react';
+import { BreadcrumbLink, Breadcrumb as UiBreadcrumb } from '../ui/breadcrumb';
+/**
+ * Breadcrumb item descriptor.
+ */
+export interface BreadcrumbsItem {
+    /**
+     * Unique identifier for each item.
+     */
+    id: string;
+    /**
+     * Visible text for the breadcrumb item.
+     */
+    text: string;
+    /**
+     * Navigation URL used for non-terminal items.
+     */
+    link: string;
+}
+/**
+ * Props for the Breadcrumbs component.
+ */
+export interface BreadcrumbsProps extends Omit<ComponentProps<typeof UiBreadcrumb>, "children"> {
+    /**
+     * Ordered breadcrumb entries.
+     */
+    items?: BreadcrumbsItem[];
+    /**
+     * Optional custom separator rendered between items.
+     */
+    separator?: ReactNode;
+    /**
+     * Props forwarded to each breadcrumb link item.
+     */
+    linkProps?: Omit<ComponentProps<typeof BreadcrumbLink>, "children" | "href">;
+}
+/**
+ * Reusable breadcrumb navigation wrapper built on shadcn Base primitives.
+ */
+export declare function Breadcrumbs({ items, separator, linkProps, ...props }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
+export default Breadcrumbs;

package/dist/components/breadcrumbs/breadcrumbs.mjs

@@ -0,0 +1,22 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Fragment as s } from "react";
+import { Breadcrumb as b, BreadcrumbList as h, BreadcrumbItem as o, BreadcrumbPage as p, BreadcrumbLink as f, BreadcrumbSeparator as g } from "../ui/breadcrumb.mjs";
+function j({
+  items: e,
+  separator: n,
+  linkProps: l,
+  ...m
+}) {
+  return e?.length ? /* @__PURE__ */ r(b, { "aria-label": "breadcrumb", ...m, children: /* @__PURE__ */ r(h, { className: "gap-1 text-xs sm:gap-1.5", children: e.map(({ id: d, link: t, text: a }, u) => {
+    const c = u === e.length - 1;
+    return /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ r(o, { className: "gap-1", children: c ? /* @__PURE__ */ r(p, { children: a }) : /* @__PURE__ */ r(f, { href: t, ...l, children: a }) }),
+      c ? null : /* @__PURE__ */ r(g, { children: n })
+    ] }, d);
+  }) }) }) : null;
+}
+export {
+  j as Breadcrumbs,
+  j as default
+};
+//# sourceMappingURL=breadcrumbs.mjs.map

package/dist/components/breadcrumbs/breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.mjs","sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["import { type ComponentProps, Fragment, type ReactNode } from \"react\";\nimport {\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  Breadcrumb as UiBreadcrumb,\n} from \"@/components/ui/breadcrumb\";\n\n/**\n * Breadcrumb item descriptor.\n */\nexport interface BreadcrumbsItem {\n  /**\n   * Unique identifier for each item.\n   */\n  id: string;\n  /**\n   * Visible text for the breadcrumb item.\n   */\n  text: string;\n  /**\n   * Navigation URL used for non-terminal items.\n   */\n  link: string;\n}\n\n/**\n * Props for the Breadcrumbs component.\n */\nexport interface BreadcrumbsProps\n  extends Omit<ComponentProps<typeof UiBreadcrumb>, \"children\"> {\n  /**\n   * Ordered breadcrumb entries.\n   */\n  items?: BreadcrumbsItem[];\n  /**\n   * Optional custom separator rendered between items.\n   */\n  separator?: ReactNode;\n  /**\n   * Props forwarded to each breadcrumb link item.\n   */\n  linkProps?: Omit<ComponentProps<typeof BreadcrumbLink>, \"children\" | \"href\">;\n}\n\n/**\n * Reusable breadcrumb navigation wrapper built on shadcn Base primitives.\n */\nexport function Breadcrumbs({\n  items,\n  separator,\n  linkProps,\n  ...props\n}: BreadcrumbsProps) {\n  if (!items?.length) {\n    return null;\n  }\n\n  return (\n    <UiBreadcrumb aria-label=\"breadcrumb\" {...props}>\n      <BreadcrumbList className=\"gap-1 text-xs sm:gap-1.5\">\n        {items.map(({ id, link, text }, index) => {\n          const isLast = index === items.length - 1;\n\n          return (\n            <Fragment key={id}>\n              <BreadcrumbItem className=\"gap-1\">\n                {isLast ? (\n                  <BreadcrumbPage>{text}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink href={link} {...linkProps}>\n                    {text}\n                  </BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {isLast ? null : (\n                <BreadcrumbSeparator>{separator}</BreadcrumbSeparator>\n              )}\n            </Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </UiBreadcrumb>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","items","separator","linkProps","props","UiBreadcrumb","BreadcrumbList","id","link","text","index","isLast","Fragment","jsx","BreadcrumbItem","BreadcrumbPage","BreadcrumbLink","BreadcrumbSeparator"],"mappings":";;;AAkDO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SAAKH,GAAO,2BAKTI,GAAA,EAAa,cAAW,cAAc,GAAGD,GACxC,4BAACE,GAAA,EAAe,WAAU,4BACvB,UAAAL,EAAM,IAAI,CAAC,EAAE,IAAAM,GAAI,MAAAC,GAAM,MAAAC,EAAA,GAAQC,MAAU;AACxC,UAAMC,IAASD,MAAUT,EAAM,SAAS;AAExC,6BACGW,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAe,WAAU,SACvB,UAAAH,sBACEI,GAAA,EAAgB,UAAAN,EAAA,CAAK,IAEtB,gBAAAI,EAACG,KAAe,MAAMR,GAAO,GAAGL,GAC7B,aACH,GAEJ;AAAA,MACCQ,IAAS,OACR,gBAAAE,EAACI,GAAA,EAAqB,UAAAf,EAAA,CAAU;AAAA,IAAA,EAAA,GAXrBK,CAaf;AAAA,EAEJ,CAAC,GACH,GACF,IA3BO;AA6BX;"}

package/dist/components/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export type { BreadcrumbsItem, BreadcrumbsProps } from './breadcrumbs';
+export { default, default as Breadcrumbs } from './breadcrumbs';

package/dist/components/card/card.d.ts

@@ -0,0 +1,95 @@
+import { ComponentProps, ReactNode } from 'react';
+import { Card as UiCard, CardAction as UiCardAction, CardContent as UiCardContent, CardDescription as UiCardDescription, CardFooter as UiCardFooter, CardHeader as UiCardHeader, CardTitle as UiCardTitle } from '../ui/card';
+/**
+ * Props for the Card component.
+ */
+export interface CardProps extends ComponentProps<typeof UiCard> {
+    /**
+     * Size variant for the card container.
+     * @default "default"
+     */
+    size?: "default" | "sm";
+}
+/**
+ * Props for the CardHeader component.
+ */
+export interface CardHeaderProps extends ComponentProps<typeof UiCardHeader> {
+    /**
+     * Content rendered inside the card header.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the CardTitle component.
+ */
+export interface CardTitleProps extends ComponentProps<typeof UiCardTitle> {
+    /**
+     * Content rendered inside the card title.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the CardDescription component.
+ */
+export interface CardDescriptionProps extends ComponentProps<typeof UiCardDescription> {
+    /**
+     * Content rendered inside the card description.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the CardAction component.
+ */
+export interface CardActionProps extends ComponentProps<typeof UiCardAction> {
+    /**
+     * Content rendered inside the card action area.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the CardContent component.
+ */
+export interface CardContentProps extends ComponentProps<typeof UiCardContent> {
+    /**
+     * Content rendered inside the card content area.
+     */
+    children?: ReactNode;
+}
+/**
+ * Props for the CardFooter component.
+ */
+export interface CardFooterProps extends ComponentProps<typeof UiCardFooter> {
+    /**
+     * Content rendered inside the card footer area.
+     */
+    children?: ReactNode;
+}
+/**
+ * Consumer-facing card wrapper for public package API.
+ */
+export declare function Card({ size, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card header wrapper for public package API.
+ */
+export declare function CardHeader(props: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card title wrapper for public package API.
+ */
+export declare function CardTitle(props: CardTitleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card description wrapper for public package API.
+ */
+export declare function CardDescription(props: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card action wrapper for public package API.
+ */
+export declare function CardAction(props: CardActionProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card content wrapper for public package API.
+ */
+export declare function CardContent(props: CardContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Card footer wrapper for public package API.
+ */
+export declare function CardFooter(props: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/components/card/card.mjs

@@ -0,0 +1,34 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Card as n, CardAction as e, CardContent as o, CardDescription as d, CardFooter as C, CardHeader as i, CardTitle as u } from "../ui/card.mjs";
+function f({ size: r = "default", ...a }) {
+  return /* @__PURE__ */ t(n, { size: r, ...a });
+}
+function $(r) {
+  return /* @__PURE__ */ t(i, { ...r });
+}
+function p(r) {
+  return /* @__PURE__ */ t(u, { ...r });
+}
+function l(r) {
+  return /* @__PURE__ */ t(d, { ...r });
+}
+function m(r) {
+  return /* @__PURE__ */ t(e, { ...r });
+}
+function A(r) {
+  return /* @__PURE__ */ t(o, { ...r });
+}
+function D(r) {
+  return /* @__PURE__ */ t(C, { ...r });
+}
+export {
+  f as Card,
+  m as CardAction,
+  A as CardContent,
+  l as CardDescription,
+  D as CardFooter,
+  $ as CardHeader,
+  p as CardTitle,
+  f as default
+};
+//# sourceMappingURL=card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport {\n  Card as UiCard,\n  CardAction as UiCardAction,\n  CardContent as UiCardContent,\n  CardDescription as UiCardDescription,\n  CardFooter as UiCardFooter,\n  CardHeader as UiCardHeader,\n  CardTitle as UiCardTitle,\n} from \"@/components/ui/card\";\n\n/**\n * Props for the Card component.\n */\nexport interface CardProps extends ComponentProps<typeof UiCard> {\n  /**\n   * Size variant for the card container.\n   * @default \"default\"\n   */\n  size?: \"default\" | \"sm\";\n}\n\n/**\n * Props for the CardHeader component.\n */\nexport interface CardHeaderProps extends ComponentProps<typeof UiCardHeader> {\n  /**\n   * Content rendered inside the card header.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the CardTitle component.\n */\nexport interface CardTitleProps extends ComponentProps<typeof UiCardTitle> {\n  /**\n   * Content rendered inside the card title.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the CardDescription component.\n */\nexport interface CardDescriptionProps\n  extends ComponentProps<typeof UiCardDescription> {\n  /**\n   * Content rendered inside the card description.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the CardAction component.\n */\nexport interface CardActionProps extends ComponentProps<typeof UiCardAction> {\n  /**\n   * Content rendered inside the card action area.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the CardContent component.\n */\nexport interface CardContentProps extends ComponentProps<typeof UiCardContent> {\n  /**\n   * Content rendered inside the card content area.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Props for the CardFooter component.\n */\nexport interface CardFooterProps extends ComponentProps<typeof UiCardFooter> {\n  /**\n   * Content rendered inside the card footer area.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Consumer-facing card wrapper for public package API.\n */\nexport function Card({ size = \"default\", ...props }: CardProps) {\n  return <UiCard size={size} {...props} />;\n}\n\n/**\n * Card header wrapper for public package API.\n */\nexport function CardHeader(props: CardHeaderProps) {\n  return <UiCardHeader {...props} />;\n}\n\n/**\n * Card title wrapper for public package API.\n */\nexport function CardTitle(props: CardTitleProps) {\n  return <UiCardTitle {...props} />;\n}\n\n/**\n * Card description wrapper for public package API.\n */\nexport function CardDescription(props: CardDescriptionProps) {\n  return <UiCardDescription {...props} />;\n}\n\n/**\n * Card action wrapper for public package API.\n */\nexport function CardAction(props: CardActionProps) {\n  return <UiCardAction {...props} />;\n}\n\n/**\n * Card content wrapper for public package API.\n */\nexport function CardContent(props: CardContentProps) {\n  return <UiCardContent {...props} />;\n}\n\n/**\n * Card footer wrapper for public package API.\n */\nexport function CardFooter(props: CardFooterProps) {\n  return <UiCardFooter {...props} />;\n}\n\nexport default Card;\n"],"names":["Card","size","props","jsx","UiCard","CardHeader","UiCardHeader","CardTitle","UiCardTitle","CardDescription","UiCardDescription","CardAction","UiCardAction","CardContent","UiCardContent","CardFooter","UiCardFooter"],"mappings":";;AAsFO,SAASA,EAAK,EAAE,MAAAC,IAAO,WAAW,GAAGC,KAAoB;AAC9D,SAAO,gBAAAC,EAACC,GAAA,EAAO,MAAAH,GAAa,GAAGC,EAAA,CAAO;AACxC;AAKO,SAASG,EAAWH,GAAwB;AACjD,SAAO,gBAAAC,EAACG,GAAA,EAAc,GAAGJ,EAAA,CAAO;AAClC;AAKO,SAASK,EAAUL,GAAuB;AAC/C,SAAO,gBAAAC,EAACK,GAAA,EAAa,GAAGN,EAAA,CAAO;AACjC;AAKO,SAASO,EAAgBP,GAA6B;AAC3D,SAAO,gBAAAC,EAACO,GAAA,EAAmB,GAAGR,EAAA,CAAO;AACvC;AAKO,SAASS,EAAWT,GAAwB;AACjD,SAAO,gBAAAC,EAACS,GAAA,EAAc,GAAGV,EAAA,CAAO;AAClC;AAKO,SAASW,EAAYX,GAAyB;AACnD,SAAO,gBAAAC,EAACW,GAAA,EAAe,GAAGZ,EAAA,CAAO;AACnC;AAKO,SAASa,EAAWb,GAAwB;AACjD,SAAO,gBAAAC,EAACa,GAAA,EAAc,GAAGd,EAAA,CAAO;AAClC;"}

package/dist/components/card/index.d.ts

@@ -0,0 +1,2 @@
+export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, } from './card';
+export { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, default, default as Card, } from './card';

package/dist/components/confirm-dialog/confirm-dialog.d.ts

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the ConfirmDialog component.
+ */
+export interface ConfirmDialogProps {
+    /**
+     * Whether the dialog is open.
+     */
+    open: boolean;
+    /**
+     * Dialog title.
+     */
+    title: string;
+    /**
+     * Whether the dialog is in a loading state.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Whether the dialog is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Text to display on the confirm button.
+     * @default "Confirm"
+     */
+    confirmText?: string;
+    /**
+     * Text to display on the cancel button.
+     * @default "Cancel"
+     */
+    cancelText?: string;
+    /**
+     * Optional passphrase for additional confirmation.
+     */
+    passphrase?: string;
+    /**
+     * Optional content rendered inside the dialog.
+     */
+    children?: ReactNode;
+    /**
+     * Callback function to handle cancel action.
+     */
+    onCancel: () => void;
+    /**
+     * Callback function to handle confirm action.
+     */
+    onConfirm: () => void;
+}
+/**
+ * Confirm dialog for destructive or critical actions.
+ */
+export declare function ConfirmDialog({ open, title, loading, disabled, confirmText, cancelText, passphrase, children, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export default ConfirmDialog;