@clubmed/trident-ui 2.0.0-alpha.2 → 2.0.0-alpha.3

package/examples/arrow-button-accessible-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowButtonAccessibleDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrow-button-accessible-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ArrowButton as r } from "../ui/buttons/ArrowButton.js";
+function i() {
+  return /* @__PURE__ */ o(r, { icon: "ArrowDefaultRight", color: "saffron", children: "Next slide" });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=arrow-button-accessible-demo.js.map

package/examples/arrow-button-accessible-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button-accessible-demo.js","sources":["../../lib/examples/arrow-button-accessible-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonAccessibleDemo() {\n  return (\n    <ArrowButton icon=\"ArrowDefaultRight\" color=\"saffron\">\n      Next slide\n    </ArrowButton>\n  );\n}\n"],"names":["ArrowButtonAccessibleDemo","ArrowButton"],"mappings":";;;AAIA,SAAwBA,IAA4B;AAClD,2BACGC,GAAA,EAAY,MAAK,qBAAoB,OAAM,WAAU,UAAA,cAEtD;AAEJ;"}

package/examples/arrow-button-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowButtonDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrow-button-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ArrowButton as r } from "../ui/buttons/ArrowButton.js";
+function e() {
+  return /* @__PURE__ */ o(r, { icon: "ArrowDefaultRight", color: "saffron" });
+}
+export {
+  e as default
+};
+//# sourceMappingURL=arrow-button-demo.js.map

package/examples/arrow-button-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button-demo.js","sources":["../../lib/examples/arrow-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonDemo() {\n  return <ArrowButton icon=\"ArrowDefaultRight\" color=\"saffron\" />;\n}\n"],"names":["ArrowButtonDemo","jsx","ArrowButton"],"mappings":";;;AAIA,SAAwBA,IAAkB;AACxC,SAAO,gBAAAC,EAACC,GAAA,EAAY,MAAK,qBAAoB,OAAM,WAAU;AAC/D;"}

package/examples/arrow-button-disabled-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowButtonDisabledDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrow-button-disabled-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ArrowButton as r } from "../ui/buttons/ArrowButton.js";
+function i() {
+  return /* @__PURE__ */ o(r, { icon: "ArrowDefaultRight", disabled: !0, color: "saffron" });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=arrow-button-disabled-demo.js.map

package/examples/arrow-button-disabled-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button-disabled-demo.js","sources":["../../lib/examples/arrow-button-disabled-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonDisabledDemo() {\n  return <ArrowButton icon=\"ArrowDefaultRight\" disabled color=\"saffron\" />;\n}\n"],"names":["ArrowButtonDisabledDemo","ArrowButton"],"mappings":";;;AAIA,SAAwBA,IAA0B;AAChD,2BAAQC,GAAA,EAAY,MAAK,qBAAoB,UAAQ,IAAC,OAAM,WAAU;AACxE;"}

package/examples/arrow-button-left-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowButtonLeftDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrow-button-left-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ArrowButton as r } from "../ui/buttons/ArrowButton.js";
+function f() {
+  return /* @__PURE__ */ o(r, { icon: "ArrowDefaultLeft", color: "saffron" });
+}
+export {
+  f as default
+};
+//# sourceMappingURL=arrow-button-left-demo.js.map

package/examples/arrow-button-left-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button-left-demo.js","sources":["../../lib/examples/arrow-button-left-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonLeftDemo() {\n  return <ArrowButton icon=\"ArrowDefaultLeft\" color=\"saffron\" />;\n}\n"],"names":["ArrowButtonLeftDemo","jsx","ArrowButton"],"mappings":";;;AAIA,SAAwBA,IAAsB;AAC5C,SAAO,gBAAAC,EAACC,GAAA,EAAY,MAAK,oBAAmB,OAAM,WAAU;AAC9D;"}

package/examples/arrow-button-outline-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowButtonOutlineDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrow-button-outline-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { ArrowButton as t } from "../ui/buttons/ArrowButton.js";
+function i() {
+  return /* @__PURE__ */ r("div", { className: "bg-ultramarine p-8 rounded", children: /* @__PURE__ */ r(t, { icon: "ArrowDefaultRight", color: "white", theme: "outline" }) });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=arrow-button-outline-demo.js.map

package/examples/arrow-button-outline-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button-outline-demo.js","sources":["../../lib/examples/arrow-button-outline-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonOutlineDemo() {\n  return (\n    <div className=\"bg-ultramarine p-8 rounded\">\n      <ArrowButton icon=\"ArrowDefaultRight\" color=\"white\" theme=\"outline\" />\n    </div>\n  );\n}\n"],"names":["ArrowButtonOutlineDemo","jsx","ArrowButton"],"mappings":";;;AAIA,SAAwBA,IAAyB;AAC/C,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA,gBAAAA,EAACC,GAAA,EAAY,MAAK,qBAAoB,OAAM,SAAQ,OAAM,UAAA,CAAU,GACtE;AAEJ;"}

package/examples/arrow-button-tail-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowButtonTailDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrow-button-tail-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { ArrowButton as r } from "../ui/buttons/ArrowButton.js";
+function n() {
+  return /* @__PURE__ */ o(r, { icon: "ArrowTailRight", color: "saffron" });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=arrow-button-tail-demo.js.map

package/examples/arrow-button-tail-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-button-tail-demo.js","sources":["../../lib/examples/arrow-button-tail-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowButton } from '@/ui/buttons/ArrowButton';\n\nexport default function ArrowButtonTailDemo() {\n  return <ArrowButton icon=\"ArrowTailRight\" color=\"saffron\" />;\n}\n"],"names":["ArrowButtonTailDemo","jsx","ArrowButton"],"mappings":";;;AAIA,SAAwBA,IAAsB;AAC5C,SAAO,gBAAAC,EAACC,GAAA,EAAY,MAAK,kBAAiB,OAAM,WAAU;AAC5D;"}

package/examples/arrows-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowsDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrows-demo.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Arrows as s } from "../ui/arrows/Arrows.js";
+function r() {
+  return /* @__PURE__ */ e(
+    s,
+    {
+      iconType: "ArrowDefault",
+      isDisabledHidden: !1,
+      isNextDisabled: !1,
+      isPrevDisabled: !1,
+      labels: { next: "Next label", previous: "Previous label" },
+      size: "medium",
+      className: "w-full",
+      onNext: () => {
+        console.log("next");
+      },
+      onPrev: () => {
+        console.log("previous");
+      }
+    }
+  );
+}
+export {
+  r as default
+};
+//# sourceMappingURL=arrows-demo.js.map

package/examples/arrows-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows-demo.js","sources":["../../lib/examples/arrows-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Arrows } from '@/ui/arrows/Arrows';\n\nexport default function ArrowsDemo() {\n  return (\n    <Arrows\n      iconType=\"ArrowDefault\"\n      isDisabledHidden={false}\n      isNextDisabled={false}\n      isPrevDisabled={false}\n      labels={{ next: 'Next label', previous: 'Previous label' }}\n      size=\"medium\"\n      className=\"w-full\"\n      onNext={() => {\n        console.log('next');\n      }}\n      onPrev={() => {\n        console.log('previous');\n      }}\n    />\n  );\n}\n"],"names":["ArrowsDemo","jsx","Arrows"],"mappings":";;;AAIA,SAAwBA,IAAa;AACnC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,QAAQ,EAAE,MAAM,cAAc,UAAU,iBAAA;AAAA,MACxC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,QAAQ,MAAM;AACZ,gBAAQ,IAAI,MAAM;AAAA,MACpB;AAAA,MACA,QAAQ,MAAM;AACZ,gBAAQ,IAAI,UAAU;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/examples/arrows-disabled-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowsDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrows-disabled-demo.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Arrows as o } from "../ui/arrows/Arrows.js";
+function r() {
+  return /* @__PURE__ */ e(
+    o,
+    {
+      iconType: "ArrowDefault",
+      isDisabledHidden: !1,
+      isNextDisabled: !0,
+      isPrevDisabled: !0,
+      labels: { next: "Next label", previous: "Previous label" },
+      size: "medium",
+      className: "w-full",
+      onNext: () => {
+        console.log("next");
+      },
+      onPrev: () => {
+        console.log("previous");
+      }
+    }
+  );
+}
+export {
+  r as default
+};
+//# sourceMappingURL=arrows-disabled-demo.js.map

package/examples/arrows-disabled-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows-disabled-demo.js","sources":["../../lib/examples/arrows-disabled-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Arrows } from '@/ui/arrows/Arrows';\n\nexport default function ArrowsDemo() {\n  return (\n    <Arrows\n      iconType=\"ArrowDefault\"\n      isDisabledHidden={false}\n      isNextDisabled={true}\n      isPrevDisabled={true}\n      labels={{ next: 'Next label', previous: 'Previous label' }}\n      size=\"medium\"\n      className=\"w-full\"\n      onNext={() => {\n        console.log('next');\n      }}\n      onPrev={() => {\n        console.log('previous');\n      }}\n    />\n  );\n}\n"],"names":["ArrowsDemo","jsx","Arrows"],"mappings":";;;AAIA,SAAwBA,IAAa;AACnC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,QAAQ,EAAE,MAAM,cAAc,UAAU,iBAAA;AAAA,MACxC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,QAAQ,MAAM;AACZ,gBAAQ,IAAI,MAAM;AAAA,MACpB;AAAA,MACA,QAAQ,MAAM;AACZ,gBAAQ,IAAI,UAAU;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/examples/arrows-white-solid-demo.d.ts

@@ -0,0 +1 @@
+export default function ArrowsDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/arrows-white-solid-demo.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Arrows as l } from "../ui/arrows/Arrows.js";
+function r() {
+  return /* @__PURE__ */ e("div", { className: "bg-darkGrey w-full h-full", children: /* @__PURE__ */ e(
+    l,
+    {
+      iconType: "ArrowDefault",
+      isDisabledHidden: !1,
+      isNextDisabled: !1,
+      isPrevDisabled: !1,
+      labels: { next: "Next label", previous: "Previous label" },
+      size: "medium",
+      className: "w-full",
+      color: "white",
+      onNext: () => {
+        console.log("next");
+      },
+      onPrev: () => {
+        console.log("previous");
+      }
+    }
+  ) });
+}
+export {
+  r as default
+};
+//# sourceMappingURL=arrows-white-solid-demo.js.map

package/examples/arrows-white-solid-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrows-white-solid-demo.js","sources":["../../lib/examples/arrows-white-solid-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Arrows } from '@/ui/arrows/Arrows';\n\nexport default function ArrowsDemo() {\n  return (\n    <div className=\"bg-darkGrey w-full h-full\">\n      <Arrows\n        iconType=\"ArrowDefault\"\n        isDisabledHidden={false}\n        isNextDisabled={false}\n        isPrevDisabled={false}\n        labels={{ next: 'Next label', previous: 'Previous label' }}\n        size=\"medium\"\n        className=\"w-full\"\n        color=\"white\"\n        onNext={() => {\n          console.log('next');\n        }}\n        onPrev={() => {\n          console.log('previous');\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["ArrowsDemo","jsx","Arrows"],"mappings":";;;AAIA,SAAwBA,IAAa;AACnC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA,gBAAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,QAAQ,EAAE,MAAM,cAAc,UAAU,iBAAA;AAAA,MACxC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,OAAM;AAAA,MACN,QAAQ,MAAM;AACZ,gBAAQ,IAAI,MAAM;AAAA,MACpB;AAAA,MACA,QAAQ,MAAM;AACZ,gBAAQ,IAAI,UAAU;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/examples/avatar-demo.d.ts

@@ -0,0 +1 @@
+export default function AvatarDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/avatar-demo.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Avatar as r } from "../ui/Avatar.js";
+function e() {
+  return /* @__PURE__ */ o(r, { alt: "John Doe" });
+}
+export {
+  e as default
+};
+//# sourceMappingURL=avatar-demo.js.map

package/examples/avatar-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-demo.js","sources":["../../lib/examples/avatar-demo.tsx"],"sourcesContent":["import { Avatar } from '@/ui/Avatar';\n\nexport default function AvatarDemo() {\n  return <Avatar alt=\"John Doe\" />;\n}\n"],"names":["AvatarDemo","jsx","Avatar"],"mappings":";;AAEA,SAAwBA,IAAa;AACnC,SAAO,gBAAAC,EAACC,GAAA,EAAO,KAAI,WAAA,CAAW;AAChC;"}

package/examples/backdrop-demo.d.ts

@@ -0,0 +1 @@
+export default function BackdropDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/backdrop-demo.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsxs as t, Fragment as i, jsx as e } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { Backdrop as n } from "../ui/Backdrop.js";
+import { Button as s } from "../ui/buttons/Button.js";
+function p() {
+  const [l, o] = r(!1);
+  return /* @__PURE__ */ t(i, { children: [
+    /* @__PURE__ */ e(s, { onClick: () => o(!0), children: "Open Backdrop" }),
+    /* @__PURE__ */ e(
+      n,
+      {
+        isVisible: l,
+        onClose: () => o(!1),
+        className: "flex items-center justify-center",
+        children: /* @__PURE__ */ t("div", { className: "bg-white rounded-lg p-6 shadow-xl max-w-md", children: [
+          /* @__PURE__ */ e("h2", { className: "text-xl font-semibold mb-2", children: "Modal Content" }),
+          /* @__PURE__ */ e("p", { className: "text-gray-600 mb-4", children: "This content is displayed on top of the backdrop. Click outside to close." }),
+          /* @__PURE__ */ e(s, { onClick: () => o(!1), children: "Close" })
+        ] })
+      }
+    )
+  ] });
+}
+export {
+  p as default
+};
+//# sourceMappingURL=backdrop-demo.js.map

package/examples/backdrop-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop-demo.js","sources":["../../lib/examples/backdrop-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Backdrop } from '@/ui/Backdrop';\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function BackdropDemo() {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <>\n      <Button onClick={() => setIsVisible(true)}>Open Backdrop</Button>\n      <Backdrop\n        isVisible={isVisible}\n        onClose={() => setIsVisible(false)}\n        className=\"flex items-center justify-center\"\n      >\n        <div className=\"bg-white rounded-lg p-6 shadow-xl max-w-md\">\n          <h2 className=\"text-xl font-semibold mb-2\">Modal Content</h2>\n          <p className=\"text-gray-600 mb-4\">\n            This content is displayed on top of the backdrop. Click outside to close.\n          </p>\n          <Button onClick={() => setIsVisible(false)}>Close</Button>\n        </div>\n      </Backdrop>\n    </>\n  );\n}\n"],"names":["BackdropDemo","isVisible","setIsVisible","useState","jsxs","Fragment","jsx","Button","Backdrop"],"mappings":";;;;;AAMA,SAAwBA,IAAe;AACrC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAO,SAAS,MAAML,EAAa,EAAI,GAAG,UAAA,iBAAa;AAAA,IACxD,gBAAAI;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAAP;AAAA,QACA,SAAS,MAAMC,EAAa,EAAK;AAAA,QACjC,WAAU;AAAA,QAEV,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,8CACb,UAAA;AAAA,UAAA,gBAAAE,EAAC,MAAA,EAAG,WAAU,8BAA6B,UAAA,iBAAa;AAAA,UACxD,gBAAAA,EAAC,KAAA,EAAE,WAAU,sBAAqB,UAAA,6EAElC;AAAA,4BACCC,GAAA,EAAO,SAAS,MAAML,EAAa,EAAK,GAAG,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/examples/breadcrumb-demo.d.ts

@@ -0,0 +1 @@
+export default function BreadcrumbDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/breadcrumb-demo.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Breadcrumb as r } from "../ui/Breadcrumb.js";
+function a() {
+  return /* @__PURE__ */ e(
+    r,
+    {
+      items: [
+        { label: "Home", href: "/" },
+        { label: "Products", href: "/products" },
+        { label: "Category", href: "/products/category" },
+        { label: "Current Page", href: "/products/category/item" }
+      ],
+      theme: "light"
+    }
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=breadcrumb-demo.js.map

package/examples/breadcrumb-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-demo.js","sources":["../../lib/examples/breadcrumb-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Breadcrumb } from '@/ui/Breadcrumb';\n\nexport default function BreadcrumbDemo() {\n  return (\n    <Breadcrumb\n      items={[\n        { label: 'Home', href: '/' },\n        { label: 'Products', href: '/products' },\n        { label: 'Category', href: '/products/category' },\n        { label: 'Current Page', href: '/products/category/item' },\n      ]}\n      theme=\"light\"\n    />\n  );\n}\n"],"names":["BreadcrumbDemo","jsx","Breadcrumb"],"mappings":";;;AAIA,SAAwBA,IAAiB;AACvC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,EAAE,OAAO,QAAQ,MAAM,IAAA;AAAA,QACvB,EAAE,OAAO,YAAY,MAAM,YAAA;AAAA,QAC3B,EAAE,OAAO,YAAY,MAAM,qBAAA;AAAA,QAC3B,EAAE,OAAO,gBAAgB,MAAM,0BAAA;AAAA,MAA0B;AAAA,MAE3D,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/examples/button-circle-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonCircleDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-circle-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Button as o } from "../ui/buttons/Button.js";
+function i() {
+  return /* @__PURE__ */ e(o, { color: "saffron", size: "medium", theme: "solid", variant: "circle", icon: "HeartOutlined", children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Add to favorites" }) });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=button-circle-demo.js.map

package/examples/button-circle-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-circle-demo.js","sources":["../../lib/examples/button-circle-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonCircleDemo() {\n  return (\n    <Button color=\"saffron\" size=\"medium\" theme=\"solid\" variant=\"circle\" icon=\"HeartOutlined\">\n      <span className=\"sr-only\">Add to favorites</span>\n    </Button>\n  );\n}\n"],"names":["ButtonCircleDemo","Button","jsx"],"mappings":";;;AAIA,SAAwBA,IAAmB;AACzC,2BACGC,GAAA,EAAO,OAAM,WAAU,MAAK,UAAS,OAAM,SAAQ,SAAQ,UAAS,MAAK,iBACxE,UAAA,gBAAAC,EAAC,UAAK,WAAU,WAAU,8BAAgB,GAC5C;AAEJ;"}

package/examples/button-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Button as t } from "../ui/buttons/Button.js";
+function r() {
+  return /* @__PURE__ */ o(t, { color: "saffron", size: "medium", theme: "solid", variant: "pill", children: "Click me" });
+}
+export {
+  r as default
+};
+//# sourceMappingURL=button-demo.js.map

package/examples/button-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-demo.js","sources":["../../lib/examples/button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonDemo() {\n  return (\n    <Button color=\"saffron\" size=\"medium\" theme=\"solid\" variant=\"pill\">\n      Click me\n    </Button>\n  );\n}\n"],"names":["ButtonDemo","jsx","Button"],"mappings":";;;AAIA,SAAwBA,IAAa;AACnC,SACE,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAU,MAAK,UAAS,OAAM,SAAQ,SAAQ,QAAO,UAAA,WAAA,CAEnE;AAEJ;"}

package/examples/button-disabled-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonDisabledDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-disabled-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Button as e } from "../ui/buttons/Button.js";
+function r() {
+  return /* @__PURE__ */ t(e, { color: "saffron", size: "medium", theme: "solid", variant: "pill", disabled: !0, children: "Submit" });
+}
+export {
+  r as default
+};
+//# sourceMappingURL=button-disabled-demo.js.map

package/examples/button-disabled-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-disabled-demo.js","sources":["../../lib/examples/button-disabled-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonDisabledDemo() {\n  return (\n    <Button color=\"saffron\" size=\"medium\" theme=\"solid\" variant=\"pill\" disabled>\n      Submit\n    </Button>\n  );\n}\n"],"names":["ButtonDisabledDemo","jsx","Button"],"mappings":";;;AAIA,SAAwBA,IAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAU,MAAK,UAAS,OAAM,SAAQ,SAAQ,QAAO,UAAQ,IAAC,UAAA,UAE5E;AAEJ;"}

package/examples/button-icon-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonIconDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-icon-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Button as t } from "../ui/buttons/Button.js";
+function n() {
+  return /* @__PURE__ */ o(t, { color: "saffron", size: "medium", theme: "solid", variant: "pill", icon: "ArrowDefaultRight", children: "Continue" });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=button-icon-demo.js.map

package/examples/button-icon-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-icon-demo.js","sources":["../../lib/examples/button-icon-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonIconDemo() {\n  return (\n    <Button color=\"saffron\" size=\"medium\" theme=\"solid\" variant=\"pill\" icon=\"ArrowDefaultRight\">\n      Continue\n    </Button>\n  );\n}\n"],"names":["ButtonIconDemo","jsx","Button"],"mappings":";;;AAIA,SAAwBA,IAAiB;AACvC,SACE,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAU,MAAK,UAAS,OAAM,SAAQ,SAAQ,QAAO,MAAK,qBAAoB,UAAA,YAE5F;AAEJ;"}

package/examples/button-large-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonLargeDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-large-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Button as e } from "../ui/buttons/Button.js";
+function i() {
+  return /* @__PURE__ */ t(e, { color: "saffron", size: "large", theme: "solid", variant: "pill", children: "Get started" });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=button-large-demo.js.map

package/examples/button-large-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-large-demo.js","sources":["../../lib/examples/button-large-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonLargeDemo() {\n  return (\n    <Button color=\"saffron\" size=\"large\" theme=\"solid\" variant=\"pill\">\n      Get started\n    </Button>\n  );\n}\n"],"names":["ButtonLargeDemo","jsx","Button"],"mappings":";;;AAIA,SAAwBA,IAAkB;AACxC,SACE,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAU,MAAK,SAAQ,OAAM,SAAQ,SAAQ,QAAO,UAAA,cAAA,CAElE;AAEJ;"}

package/examples/button-outline-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonOutlineDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-outline-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Button as t } from "../ui/buttons/Button.js";
+function n() {
+  return /* @__PURE__ */ e(t, { color: "saffron", size: "medium", theme: "outline", variant: "pill", children: "Learn more" });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=button-outline-demo.js.map

package/examples/button-outline-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-outline-demo.js","sources":["../../lib/examples/button-outline-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonOutlineDemo() {\n  return (\n    <Button color=\"saffron\" size=\"medium\" theme=\"outline\" variant=\"pill\">\n      Learn more\n    </Button>\n  );\n}\n"],"names":["ButtonOutlineDemo","jsx","Button"],"mappings":";;;AAIA,SAAwBA,IAAoB;AAC1C,SACE,gBAAAC,EAACC,GAAA,EAAO,OAAM,WAAU,MAAK,UAAS,OAAM,WAAU,SAAQ,QAAO,UAAA,aAAA,CAErE;AAEJ;"}

package/examples/button-small-demo.d.ts

@@ -0,0 +1 @@
+export default function ButtonSmallDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/button-small-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import { Button as l } from "../ui/buttons/Button.js";
+function e() {
+  return /* @__PURE__ */ t(l, { color: "ultramarine", size: "small", theme: "solid", variant: "pill", children: "Submit" });
+}
+export {
+  e as default
+};
+//# sourceMappingURL=button-small-demo.js.map

package/examples/button-small-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-small-demo.js","sources":["../../lib/examples/button-small-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function ButtonSmallDemo() {\n  return (\n    <Button color=\"ultramarine\" size=\"small\" theme=\"solid\" variant=\"pill\">\n      Submit\n    </Button>\n  );\n}\n"],"names":["ButtonSmallDemo","jsx","Button"],"mappings":";;;AAIA,SAAwBA,IAAkB;AACxC,SACE,gBAAAC,EAACC,GAAA,EAAO,OAAM,eAAc,MAAK,SAAQ,OAAM,SAAQ,SAAQ,QAAO,UAAA,SAAA,CAEtE;AAEJ;"}

package/examples/card-button-demo.d.ts

@@ -0,0 +1 @@
+export default function CardButtonDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/card-button-demo.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Card as t } from "../ui/cards/Card.js";
+import { CardBackground as o } from "../ui/cards/CardBackground.js";
+import { CardClickable as a } from "../ui/cards/CardClickable.js";
+import { HeadingGroup as i } from "../ui/heading/HeadingGroup.js";
+import { Button as n } from "../ui/buttons/Button.js";
+function f() {
+  return /* @__PURE__ */ e(t, { theme: "frame", format: "horizontal", className: "max-w-380", children: /* @__PURE__ */ e(
+    o,
+    {
+      src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4",
+      alt: "Mountain landscape",
+      children: /* @__PURE__ */ r(a, { coverLink: !0, className: "w-full justify-between", children: [
+        /* @__PURE__ */ e(i, { level: 2, subtitle: "Winter", children: "Mountain Resort" }),
+        /* @__PURE__ */ e(
+          n,
+          {
+            color: "white",
+            theme: "outline",
+            variant: "circle",
+            icon: "ArrowDefaultRight",
+            "aria-label": "View details",
+            className: "pointer-events-auto shrink-0"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+export {
+  f as default
+};
+//# sourceMappingURL=card-button-demo.js.map

package/examples/card-button-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-button-demo.js","sources":["../../lib/examples/card-button-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Card } from '@/ui/cards/Card';\nimport { CardBackground } from '@/ui/cards/CardBackground';\nimport { CardClickable } from '@/ui/cards/CardClickable';\nimport { HeadingGroup } from '@/ui/heading/HeadingGroup';\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function CardButtonDemo() {\n  return (\n    <Card theme=\"frame\" format=\"horizontal\" className=\"max-w-380\">\n      <CardBackground\n        src=\"https://images.unsplash.com/photo-1506905925346-21bda4d32df4\"\n        alt=\"Mountain landscape\"\n      >\n        <CardClickable coverLink className=\"w-full justify-between\">\n          <HeadingGroup level={2} subtitle=\"Winter\">\n            Mountain Resort\n          </HeadingGroup>\n          <Button\n            color=\"white\"\n            theme=\"outline\"\n            variant=\"circle\"\n            icon=\"ArrowDefaultRight\"\n            aria-label=\"View details\"\n            className=\"pointer-events-auto shrink-0\"\n          />\n        </CardClickable>\n      </CardBackground>\n    </Card>\n  );\n}\n"],"names":["CardButtonDemo","Card","jsx","CardBackground","jsxs","CardClickable","HeadingGroup","Button"],"mappings":";;;;;;;AAQA,SAAwBA,IAAiB;AACvC,2BACGC,GAAA,EAAK,OAAM,SAAQ,QAAO,cAAa,WAAU,aAChD,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,MAEJ,UAAA,gBAAAC,EAACC,GAAA,EAAc,WAAS,IAAC,WAAU,0BACjC,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAa,OAAO,GAAG,UAAS,UAAS,UAAA,mBAE1C;AAAA,QACA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,OAAM;AAAA,YACN,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,cAAW;AAAA,YACX,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/examples/card-demo.d.ts

@@ -0,0 +1 @@
+export default function CardDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/card-demo.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Card as r } from "../ui/cards/Card.js";
+function s() {
+  return /* @__PURE__ */ t(r, { className: "p-24 w-full max-w-sm", children: [
+    /* @__PURE__ */ e("h3", { className: "text-18 font-bold mb-8", children: "Card Title" }),
+    /* @__PURE__ */ e("p", { className: "text-14 text-grey", children: "This is a simple card component with bordered theme and custom format." })
+  ] });
+}
+export {
+  s as default
+};
+//# sourceMappingURL=card-demo.js.map

package/examples/card-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-demo.js","sources":["../../lib/examples/card-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Card } from '@/ui/cards/Card';\n\nexport default function CardDemo() {\n  return (\n    <Card className=\"p-24 w-full max-w-sm\">\n      <h3 className=\"text-18 font-bold mb-8\">Card Title</h3>\n      <p className=\"text-14 text-grey\">\n        This is a simple card component with bordered theme and custom format.\n      </p>\n    </Card>\n  );\n}\n"],"names":["CardDemo","jsxs","Card","jsx"],"mappings":";;;AAIA,SAAwBA,IAAW;AACjC,SACE,gBAAAC,EAACC,GAAA,EAAK,WAAU,wBACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,0BAAyB,UAAA,cAAU;AAAA,IACjD,gBAAAA,EAAC,KAAA,EAAE,WAAU,qBAAoB,UAAA,yEAAA,CAEjC;AAAA,EAAA,GACF;AAEJ;"}

package/examples/card-list-demo.d.ts

@@ -0,0 +1 @@
+export default function CardListDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/card-list-demo.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Card as l } from "../ui/cards/Card.js";
+import { Chip as s } from "../ui/Chip.js";
+import { Icon as m } from "@clubmed/trident-icons";
+function d() {
+  return /* @__PURE__ */ i(l, { className: "p-20 w-full max-w-sm", children: [
+    /* @__PURE__ */ e(s, { theme: "light", size: "size-48", className: "mb-12", children: /* @__PURE__ */ e(m, { name: "Check", width: "24px" }) }),
+    /* @__PURE__ */ e("h3", { className: "text-18 font-bold mb-12", children: "What's Included" }),
+    /* @__PURE__ */ i("ul", { className: "list-disc ps-12 text-14 space-y-4", children: [
+      /* @__PURE__ */ e("li", { children: "All meals included" }),
+      /* @__PURE__ */ e("li", { children: "Premium accommodation" }),
+      /* @__PURE__ */ e("li", { children: "Activity pass" })
+    ] })
+  ] });
+}
+export {
+  d as default
+};
+//# sourceMappingURL=card-list-demo.js.map

package/examples/card-list-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-list-demo.js","sources":["../../lib/examples/card-list-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Card } from '@/ui/cards/Card';\nimport { Chip } from '@/ui/Chip';\nimport { Icon } from '@clubmed/trident-icons';\n\nexport default function CardListDemo() {\n  return (\n    <Card className=\"p-20 w-full max-w-sm\">\n      <Chip theme=\"light\" size=\"size-48\" className=\"mb-12\">\n        <Icon name=\"Check\" width=\"24px\" />\n      </Chip>\n      <h3 className=\"text-18 font-bold mb-12\">What's Included</h3>\n      <ul className=\"list-disc ps-12 text-14 space-y-4\">\n        <li>All meals included</li>\n        <li>Premium accommodation</li>\n        <li>Activity pass</li>\n      </ul>\n    </Card>\n  );\n}\n"],"names":["CardListDemo","jsxs","Card","jsx","Chip","Icon"],"mappings":";;;;;AAMA,SAAwBA,IAAe;AACrC,SACE,gBAAAC,EAACC,GAAA,EAAK,WAAU,wBACd,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,OAAM,SAAQ,MAAK,WAAU,WAAU,SAC3C,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,OAAM,QAAO,GAClC;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAG,WAAU,2BAA0B,UAAA,mBAAe;AAAA,IACvD,gBAAAF,EAAC,MAAA,EAAG,WAAU,qCACZ,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,qBAAA,CAAkB;AAAA,MACtB,gBAAAA,EAAC,QAAG,UAAA,wBAAA,CAAqB;AAAA,MACzB,gBAAAA,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,IAAA,EAAA,CACnB;AAAA,EAAA,GACF;AAEJ;"}

package/examples/card-no-border-demo.d.ts

@@ -0,0 +1 @@
+export default function CardNoBorderDemo(): import("react/jsx-runtime").JSX.Element;

package/examples/card-no-border-demo.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Card as t } from "../ui/cards/Card.js";
+import { Chip as i } from "../ui/Chip.js";
+import { Icon as m } from "@clubmed/trident-icons";
+function a() {
+  return /* @__PURE__ */ r(t, { theme: "none", className: "p-24 w-full max-w-sm", children: [
+    /* @__PURE__ */ e(i, { theme: "light", size: "size-48", children: /* @__PURE__ */ e(m, { name: "Star", width: "24px" }) }),
+    /* @__PURE__ */ e("h3", { className: "text-18 font-bold mt-12 mb-8", children: "Premium Service" }),
+    /* @__PURE__ */ e("p", { className: "text-14 text-grey", children: "Experience luxury with our exclusive offerings." })
+  ] });
+}
+export {
+  a as default
+};
+//# sourceMappingURL=card-no-border-demo.js.map

package/examples/card-no-border-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-no-border-demo.js","sources":["../../lib/examples/card-no-border-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Card } from '@/ui/cards/Card';\nimport { Chip } from '@/ui/Chip';\nimport { Icon } from '@clubmed/trident-icons';\n\nexport default function CardNoBorderDemo() {\n  return (\n    <Card theme=\"none\" className=\"p-24 w-full max-w-sm\">\n      <Chip theme=\"light\" size=\"size-48\">\n        <Icon name=\"Star\" width=\"24px\" />\n      </Chip>\n      <h3 className=\"text-18 font-bold mt-12 mb-8\">Premium Service</h3>\n      <p className=\"text-14 text-grey\">Experience luxury with our exclusive offerings.</p>\n    </Card>\n  );\n}\n"],"names":["CardNoBorderDemo","jsxs","Card","jsx","Chip","Icon"],"mappings":";;;;;AAMA,SAAwBA,IAAmB;AACzC,SACE,gBAAAC,EAACC,GAAA,EAAK,OAAM,QAAO,WAAU,wBAC3B,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAK,OAAM,SAAQ,MAAK,WACvB,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,QAAO,OAAM,OAAA,CAAO,GACjC;AAAA,IACA,gBAAAF,EAAC,MAAA,EAAG,WAAU,gCAA+B,UAAA,mBAAe;AAAA,IAC5D,gBAAAA,EAAC,KAAA,EAAE,WAAU,qBAAoB,UAAA,kDAAA,CAA+C;AAAA,EAAA,GAClF;AAEJ;"}

package/examples/card-tag-demo.d.ts

@@ -0,0 +1 @@
+export default function CardTagDemo(): import("react/jsx-runtime").JSX.Element;