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

package/examples/card-tag-demo.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { Card as a } from "../ui/cards/Card.js";
+import { CardBackground as t } from "../ui/cards/CardBackground.js";
+import { CardClickable as o } from "../ui/cards/CardClickable.js";
+import { HeadingGroup as m } from "../ui/heading/HeadingGroup.js";
+import { Tag as l } from "../ui/Tag.js";
+function p() {
+  return /* @__PURE__ */ r(a, { theme: "frame", format: "horizontal", className: "max-w-380", children: /* @__PURE__ */ e(
+    t,
+    {
+      src: "https://images.unsplash.com/photo-1454391304352-2bf4678b1a7a",
+      alt: "Beach resort",
+      children: [
+        /* @__PURE__ */ r(l, { label: "Best Seller", className: "mx-12 mt-12 self-start px-8" }),
+        /* @__PURE__ */ r(o, { coverLink: !0, children: /* @__PURE__ */ r(m, { level: 2, subtitle: "Caribbean", children: "Beach Paradise" }) })
+      ]
+    }
+  ) });
+}
+export {
+  p as default
+};
+//# sourceMappingURL=card-tag-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-tag-demo.js","sources":["../../lib/examples/card-tag-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 { Tag } from '@/ui/Tag';\n\nexport default function CardTagDemo() {\n  return (\n    <Card theme=\"frame\" format=\"horizontal\" className=\"max-w-380\">\n      <CardBackground\n        src=\"https://images.unsplash.com/photo-1454391304352-2bf4678b1a7a\"\n        alt=\"Beach resort\"\n      >\n        <Tag label=\"Best Seller\" className=\"mx-12 mt-12 self-start px-8\" />\n        <CardClickable coverLink>\n          <HeadingGroup level={2} subtitle=\"Caribbean\">\n            Beach Paradise\n          </HeadingGroup>\n        </CardClickable>\n      </CardBackground>\n    </Card>\n  );\n}\n"],"names":["CardTagDemo","Card","jsxs","CardBackground","jsx","Tag","CardClickable","HeadingGroup"],"mappings":";;;;;;;AAQA,SAAwBA,IAAc;AACpC,2BACGC,GAAA,EAAK,OAAM,SAAQ,QAAO,cAAa,WAAU,aAChD,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAI,OAAM,eAAc,WAAU,+BAA8B;AAAA,QACjE,gBAAAD,EAACE,GAAA,EAAc,WAAS,IACtB,UAAA,gBAAAF,EAACG,GAAA,EAAa,OAAO,GAAG,UAAS,aAAY,UAAA,iBAAA,CAE7C,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/examples/checkbox-demo.d.ts

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

package/examples/checkbox-demo.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Checkbox as r } from "../ui/forms/checkboxes/Checkbox.js";
+function s() {
+  return /* @__PURE__ */ o("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(r, { name: "demo", value: "demo-value", children: "Basic checkbox" }),
+    /* @__PURE__ */ e(
+      r,
+      {
+        name: "demo2",
+        value: "demo-value2",
+        validationStatus: "error",
+        errorMessage: "This is an error",
+        children: "Checkbox with error"
+      }
+    )
+  ] });
+}
+export {
+  s as default
+};
+//# sourceMappingURL=checkbox-demo.js.map

package/examples/checkbox-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-demo.js","sources":["../../lib/examples/checkbox-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\n\nexport default function CheckboxDemo() {\n  return (\n    <div className=\"space-y-4\">\n      <Checkbox name=\"demo\" value=\"demo-value\">\n        Basic checkbox\n      </Checkbox>\n      <Checkbox\n        name=\"demo2\"\n        value=\"demo-value2\"\n        validationStatus=\"error\"\n        errorMessage=\"This is an error\"\n      >\n        Checkbox with error\n      </Checkbox>\n    </div>\n  );\n}\n"],"names":["CheckboxDemo","jsxs","jsx","Checkbox"],"mappings":";;;AAIA,SAAwBA,IAAe;AACrC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,MAAK,QAAO,OAAM,cAAa,UAAA,kBAEzC;AAAA,IACA,gBAAAD;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,kBAAiB;AAAA,QACjB,cAAa;AAAA,QACd,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}

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

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

package/examples/checkbox-disabled-demo.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Checkbox as d } from "../ui/forms/checkboxes/Checkbox.js";
+function l() {
+  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(d, { name: "disabled-unchecked", value: "disabled", disabled: !0, children: "Disabled unchecked" }),
+    /* @__PURE__ */ e(d, { name: "disabled-checked", value: "disabled-checked", disabled: !0, checked: !0, children: "Disabled checked" })
+  ] });
+}
+export {
+  l as default
+};
+//# sourceMappingURL=checkbox-disabled-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-disabled-demo.js","sources":["../../lib/examples/checkbox-disabled-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\n\nexport default function CheckboxDisabledDemo() {\n  return (\n    <div className=\"space-y-4\">\n      <Checkbox name=\"disabled-unchecked\" value=\"disabled\" disabled>\n        Disabled unchecked\n      </Checkbox>\n      <Checkbox name=\"disabled-checked\" value=\"disabled-checked\" disabled checked>\n        Disabled checked\n      </Checkbox>\n    </div>\n  );\n}\n"],"names":["CheckboxDisabledDemo","jsxs","jsx","Checkbox"],"mappings":";;;AAIA,SAAwBA,IAAuB;AAC7C,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAS,MAAK,sBAAqB,OAAM,YAAW,UAAQ,IAAC,UAAA,qBAAA,CAE9D;AAAA,IACA,gBAAAD,EAACC,GAAA,EAAS,MAAK,oBAAmB,OAAM,oBAAmB,UAAQ,IAAC,SAAO,IAAC,UAAA,mBAAA,CAE5E;AAAA,EAAA,GACF;AAEJ;"}

package/examples/checkboxes-demo.d.ts

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

package/examples/checkboxes-demo.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { Checkboxes as n } from "../ui/forms/checkboxes/Checkboxes.js";
+import { Checkbox as e } from "../ui/forms/checkboxes/Checkbox.js";
+function c() {
+  return /* @__PURE__ */ i(n, { name: "options", children: [
+    /* @__PURE__ */ o(e, { value: "option1", children: "Option 1" }),
+    /* @__PURE__ */ o(e, { value: "option2", children: "Option 2" }),
+    /* @__PURE__ */ o(e, { value: "option3", children: "Option 3" })
+  ] });
+}
+export {
+  c as default
+};
+//# sourceMappingURL=checkboxes-demo.js.map

package/examples/checkboxes-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes-demo.js","sources":["../../lib/examples/checkboxes-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Checkboxes } from '@/ui/forms/checkboxes/Checkboxes';\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\n\nexport default function CheckboxesDemo() {\n  return (\n    <Checkboxes name=\"options\">\n      <Checkbox value=\"option1\">Option 1</Checkbox>\n      <Checkbox value=\"option2\">Option 2</Checkbox>\n      <Checkbox value=\"option3\">Option 3</Checkbox>\n    </Checkboxes>\n  );\n}\n"],"names":["CheckboxesDemo","jsxs","Checkboxes","jsx","Checkbox"],"mappings":";;;;AAKA,SAAwBA,IAAiB;AACvC,SACE,gBAAAC,EAACC,GAAA,EAAW,MAAK,WACf,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAS,OAAM,WAAU,UAAA,YAAQ;AAAA,IAClC,gBAAAD,EAACC,GAAA,EAAS,OAAM,WAAU,UAAA,YAAQ;AAAA,IAClC,gBAAAD,EAACC,GAAA,EAAS,OAAM,WAAU,UAAA,WAAA,CAAQ;AAAA,EAAA,GACpC;AAEJ;"}

package/examples/checkboxes-with-form-control-demo.d.ts

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

package/examples/checkboxes-with-form-control-demo.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { FormControl as n } from "../ui/forms/FormControl.js";
+import { Checkboxes as r } from "../ui/forms/checkboxes/Checkboxes.js";
+import { Checkbox as e } from "../ui/forms/checkboxes/Checkbox.js";
+function s() {
+  return /* @__PURE__ */ o(n, { label: "Select options", description: "Choose one or more options", children: /* @__PURE__ */ i(r, { name: "options", "aria-labelledby": "options-label", children: [
+    /* @__PURE__ */ o(e, { value: "option1", children: "Option 1" }),
+    /* @__PURE__ */ o(e, { value: "option2", children: "Option 2" }),
+    /* @__PURE__ */ o(e, { value: "option3", children: "Option 3" })
+  ] }) });
+}
+export {
+  s as default
+};
+//# sourceMappingURL=checkboxes-with-form-control-demo.js.map

package/examples/checkboxes-with-form-control-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes-with-form-control-demo.js","sources":["../../lib/examples/checkboxes-with-form-control-demo.tsx"],"sourcesContent":["'use client';\n\nimport { FormControl } from '@/ui/forms/FormControl';\nimport { Checkboxes } from '@/ui/forms/checkboxes/Checkboxes';\nimport { Checkbox } from '@/ui/forms/checkboxes/Checkbox';\n\nexport default function CheckboxesWithFormControlDemo() {\n  return (\n    <FormControl label=\"Select options\" description=\"Choose one or more options\">\n      <Checkboxes name=\"options\" aria-labelledby=\"options-label\">\n        <Checkbox value=\"option1\">Option 1</Checkbox>\n        <Checkbox value=\"option2\">Option 2</Checkbox>\n        <Checkbox value=\"option3\">Option 3</Checkbox>\n      </Checkboxes>\n    </FormControl>\n  );\n}\n"],"names":["CheckboxesWithFormControlDemo","jsx","FormControl","jsxs","Checkboxes","Checkbox"],"mappings":";;;;;AAMA,SAAwBA,IAAgC;AACtD,SACE,gBAAAC,EAACC,GAAA,EAAY,OAAM,kBAAiB,aAAY,8BAC9C,UAAA,gBAAAC,EAACC,GAAA,EAAW,MAAK,WAAU,mBAAgB,iBACzC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAS,OAAM,WAAU,UAAA,YAAQ;AAAA,IAClC,gBAAAJ,EAACI,GAAA,EAAS,OAAM,WAAU,UAAA,YAAQ;AAAA,IAClC,gBAAAJ,EAACI,GAAA,EAAS,OAAM,WAAU,UAAA,WAAA,CAAQ;AAAA,EAAA,EAAA,CACpC,EAAA,CACF;AAEJ;"}

package/examples/chip-demo.d.ts

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

package/examples/chip-demo.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { Chip as r } from "../ui/Chip.js";
+import { Icon as e } from "@clubmed/trident-icons";
+function n() {
+  return /* @__PURE__ */ o(r, { color: "sienna", size: "size-32", theme: "solid", children: /* @__PURE__ */ o(e, { name: "Error", width: "16px" }) });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=chip-demo.js.map

package/examples/chip-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip-demo.js","sources":["../../lib/examples/chip-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Chip } from '@/ui/Chip';\nimport { Icon } from '@clubmed/trident-icons';\n\nexport default function ChipDemo() {\n  return (\n    <Chip color=\"sienna\" size=\"size-32\" theme=\"solid\">\n      <Icon name=\"Error\" width=\"16px\" />\n    </Chip>\n  );\n}\n"],"names":["ChipDemo","jsx","Chip","Icon"],"mappings":";;;;AAKA,SAAwBA,IAAW;AACjC,SACE,gBAAAC,EAACC,GAAA,EAAK,OAAM,UAAS,MAAK,WAAU,OAAM,SACxC,UAAA,gBAAAD,EAACE,GAAA,EAAK,MAAK,SAAQ,OAAM,QAAO,GAClC;AAEJ;"}

package/examples/clickable-demo.d.ts

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

package/examples/clickable-demo.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Clickable as r } from "../ui/Clickable.js";
+function a() {
+  return /* @__PURE__ */ e(
+    r,
+    {
+      onClick: () => alert("Clicked!"),
+      className: "rounded-lg border-2 border-dashed border-gray-300 p-6 text-center hover:border-gray-400 hover:bg-gray-50",
+      children: "Click me or press Enter/Space"
+    }
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=clickable-demo.js.map

package/examples/clickable-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-demo.js","sources":["../../lib/examples/clickable-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Clickable } from '@/ui/Clickable';\n\nexport default function ClickableDemo() {\n  return (\n    <Clickable\n      onClick={() => alert('Clicked!')}\n      className=\"rounded-lg border-2 border-dashed border-gray-300 p-6 text-center hover:border-gray-400 hover:bg-gray-50\"\n    >\n      Click me or press Enter/Space\n    </Clickable>\n  );\n}\n"],"names":["ClickableDemo","jsx","Clickable"],"mappings":";;;AAIA,SAAwBA,IAAgB;AACtC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAS,MAAM,MAAM,UAAU;AAAA,MAC/B,WAAU;AAAA,MACX,UAAA;AAAA,IAAA;AAAA,EAAA;AAIL;"}

package/examples/date-field-demo.d.ts

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

package/examples/date-field-demo.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { DateField as t } from "../ui/forms/DateField.js";
+function a() {
+  return /* @__PURE__ */ e(
+    t,
+    {
+      label: "Select a date",
+      description: "Choose your preferred date",
+      openDatepicker: "Open date picker"
+    }
+  );
+}
+export {
+  a as default
+};
+//# sourceMappingURL=date-field-demo.js.map

package/examples/date-field-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-field-demo.js","sources":["../../lib/examples/date-field-demo.tsx"],"sourcesContent":["'use client';\n\nimport { DateField } from '@/ui/forms/DateField';\n\nexport default function DateFieldDemo() {\n  return (\n    <DateField\n      label=\"Select a date\"\n      description=\"Choose your preferred date\"\n      openDatepicker=\"Open date picker\"\n    />\n  );\n}\n"],"names":["DateFieldDemo","jsx","DateField"],"mappings":";;;AAIA,SAAwBA,IAAgB;AACtC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,gBAAe;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/examples/elastic-height-demo.d.ts

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

package/examples/elastic-height-demo.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { ElasticHeight as o } from "../ui/ElasticHeight.js";
+function d() {
+  const [t, a] = n(!1);
+  return /* @__PURE__ */ s("div", { className: "w-full max-w-md space-y-4", children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        onClick: () => a(!t),
+        className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700",
+        children: t ? "Collapse" : "Expand"
+      }
+    ),
+    /* @__PURE__ */ e(o, { isExpanded: t, className: "border rounded-md", children: /* @__PURE__ */ s("div", { className: "p-4 space-y-2", children: [
+      /* @__PURE__ */ e("p", { className: "font-semibold", children: "Expandable Content" }),
+      /* @__PURE__ */ e("p", { children: "This content smoothly animates when the container expands or collapses. The ElasticHeight component automatically adjusts to the height of its children." }),
+      /* @__PURE__ */ e("p", { children: "Perfect for accordions, collapsible sections, and any UI element that needs smooth height transitions." })
+    ] }) })
+  ] });
+}
+export {
+  d as default
+};
+//# sourceMappingURL=elastic-height-demo.js.map

package/examples/elastic-height-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elastic-height-demo.js","sources":["../../lib/examples/elastic-height-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { ElasticHeight } from '@/ui/ElasticHeight';\n\nexport default function ElasticHeightDemo() {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <div className=\"w-full max-w-md space-y-4\">\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        className=\"rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700\"\n      >\n        {isExpanded ? 'Collapse' : 'Expand'}\n      </button>\n      <ElasticHeight isExpanded={isExpanded} className=\"border rounded-md\">\n        <div className=\"p-4 space-y-2\">\n          <p className=\"font-semibold\">Expandable Content</p>\n          <p>\n            This content smoothly animates when the container expands or collapses. The\n            ElasticHeight component automatically adjusts to the height of its children.\n          </p>\n          <p>\n            Perfect for accordions, collapsible sections, and any UI element that needs smooth\n            height transitions.\n          </p>\n        </div>\n      </ElasticHeight>\n    </div>\n  );\n}\n"],"names":["ElasticHeightDemo","isExpanded","setIsExpanded","useState","jsxs","jsx","ElasticHeight"],"mappings":";;;;AAKA,SAAwBA,IAAoB;AAC1C,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AAElD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMH,EAAc,CAACD,CAAU;AAAA,QACxC,WAAU;AAAA,QAET,cAAa,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAE7B,gBAAAI,EAACC,KAAc,YAAAL,GAAwB,WAAU,qBAC/C,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,KAAA,EAAE,WAAU,iBAAgB,UAAA,sBAAkB;AAAA,MAC/C,gBAAAA,EAAC,OAAE,UAAA,2JAAA,CAGH;AAAA,MACA,gBAAAA,EAAC,OAAE,UAAA,yGAAA,CAGH;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

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

package/examples/expandable-card-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { ExpandableCard as t } from "../ui/cards/ExpandableCard.js";
+function i() {
+  return /* @__PURE__ */ e(t, { title: "Expandable Card Title", subtitle: "Click to expand and see more details", children: /* @__PURE__ */ e("div", { className: "p-20", children: /* @__PURE__ */ e("p", { className: "text-grey", children: "This is the expandable content that appears when you click the card. It smoothly animates in and out using the ElasticHeight component." }) }) });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=expandable-card-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expandable-card-demo.js","sources":["../../lib/examples/expandable-card-demo.tsx"],"sourcesContent":["'use client';\n\nimport { ExpandableCard } from '@/ui/cards/ExpandableCard';\n\nexport default function ExpandableCardDemo() {\n  return (\n    <ExpandableCard title=\"Expandable Card Title\" subtitle=\"Click to expand and see more details\">\n      <div className=\"p-20\">\n        <p className=\"text-grey\">\n          This is the expandable content that appears when you click the card. It smoothly animates\n          in and out using the ElasticHeight component.\n        </p>\n      </div>\n    </ExpandableCard>\n  );\n}\n"],"names":["ExpandableCardDemo","ExpandableCard","jsx"],"mappings":";;;AAIA,SAAwBA,IAAqB;AAC3C,2BACGC,GAAA,EAAe,OAAM,yBAAwB,UAAS,wCACrD,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACb,4BAAC,KAAA,EAAE,WAAU,aAAY,UAAA,0IAAA,CAGzB,GACF,GACF;AAEJ;"}

package/examples/filter-demo.d.ts

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

package/examples/filter-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Filter as r } from "../ui/forms/Filter.js";
+function o() {
+  return /* @__PURE__ */ e(r, { checked: !1, children: "Category Filter" });
+}
+export {
+  o as default
+};
+//# sourceMappingURL=filter-demo.js.map

package/examples/filter-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-demo.js","sources":["../../lib/examples/filter-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Filter } from '@/ui/forms/Filter';\n\nexport default function FilterDemo() {\n  return <Filter checked={false}>Category Filter</Filter>;\n}\n"],"names":["FilterDemo","jsx","Filter"],"mappings":";;;AAIA,SAAwBA,IAAa;AACnC,SAAO,gBAAAC,EAACC,GAAA,EAAO,SAAS,IAAO,UAAA,mBAAe;AAChD;"}

package/examples/form-control-demo.d.ts

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

package/examples/form-control-demo.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { FormControl as r } from "../ui/forms/FormControl.js";
+function i() {
+  return /* @__PURE__ */ e(
+    r,
+    {
+      id: "email",
+      label: "Email Address",
+      description: "We'll never share your email",
+      required: !0,
+      className: "max-w-md",
+      children: /* @__PURE__ */ e(
+        "input",
+        {
+          id: "email",
+          type: "email",
+          placeholder: "Enter your email",
+          className: "rounded border border-grey px-12 py-8 w-full"
+        }
+      )
+    }
+  );
+}
+export {
+  i as default
+};
+//# sourceMappingURL=form-control-demo.js.map

package/examples/form-control-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-control-demo.js","sources":["../../lib/examples/form-control-demo.tsx"],"sourcesContent":["'use client';\n\nimport { FormControl } from '@/ui/forms/FormControl';\n\nexport default function FormControlDemo() {\n  return (\n    <FormControl\n      id=\"email\"\n      label=\"Email Address\"\n      description=\"We'll never share your email\"\n      required\n      className=\"max-w-md\"\n    >\n      <input\n        id=\"email\"\n        type=\"email\"\n        placeholder=\"Enter your email\"\n        className=\"rounded border border-grey px-12 py-8 w-full\"\n      />\n    </FormControl>\n  );\n}\n"],"names":["FormControlDemo","jsx","FormControl"],"mappings":";;;AAIA,SAAwBA,IAAkB;AACxC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,UAAQ;AAAA,MACR,WAAU;AAAA,MAEV,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,aAAY;AAAA,UACZ,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;"}

package/examples/form-label-demo.d.ts

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

package/examples/form-label-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { FormLabel as r } from "../ui/forms/FormLabel.js";
+function l() {
+  return /* @__PURE__ */ e(r, { id: "email", required: !0, description: "We'll never share your email", layout: "horizontal", children: "Email Address" });
+}
+export {
+  l as default
+};
+//# sourceMappingURL=form-label-demo.js.map

package/examples/form-label-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-label-demo.js","sources":["../../lib/examples/form-label-demo.tsx"],"sourcesContent":["'use client';\n\nimport { FormLabel } from '@/ui/forms/FormLabel';\n\nexport default function FormLabelDemo() {\n  return (\n    <FormLabel id=\"email\" required description=\"We'll never share your email\" layout=\"horizontal\">\n      Email Address\n    </FormLabel>\n  );\n}\n"],"names":["FormLabelDemo","jsx","FormLabel"],"mappings":";;;AAIA,SAAwBA,IAAgB;AACtC,SACE,gBAAAC,EAACC,GAAA,EAAU,IAAG,SAAQ,UAAQ,IAAC,aAAY,gCAA+B,QAAO,cAAa,UAAA,gBAAA,CAE9F;AAEJ;"}

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

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

package/examples/hamburger-icon-demo.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { useState as t } from "react";
+import { HamburgerIcon as n } from "../ui/HamburgerIcon.js";
+function i() {
+  const [e, o] = t(!1);
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      onClick: () => o(!e),
+      className: "p-4 rounded hover:bg-gray-100",
+      "aria-label": e ? "Close menu" : "Open menu",
+      children: /* @__PURE__ */ r(n, { isActive: e })
+    }
+  );
+}
+export {
+  i as default
+};
+//# sourceMappingURL=hamburger-icon-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hamburger-icon-demo.js","sources":["../../lib/examples/hamburger-icon-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { HamburgerIcon } from '@/ui/HamburgerIcon';\n\nexport default function HamburgerIconDemo() {\n  const [isActive, setIsActive] = useState(false);\n\n  return (\n    <button\n      onClick={() => setIsActive(!isActive)}\n      className=\"p-4 rounded hover:bg-gray-100\"\n      aria-label={isActive ? 'Close menu' : 'Open menu'}\n    >\n      <HamburgerIcon isActive={isActive} />\n    </button>\n  );\n}\n"],"names":["HamburgerIconDemo","isActive","setIsActive","useState","jsx","HamburgerIcon"],"mappings":";;;;AAMA,SAAwBA,IAAoB;AAC1C,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK;AAE9C,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS,MAAMF,EAAY,CAACD,CAAQ;AAAA,MACpC,WAAU;AAAA,MACV,cAAYA,IAAW,eAAe;AAAA,MAEtC,UAAA,gBAAAG,EAACC,KAAc,UAAAJ,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

package/examples/heading-demo.d.ts

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

package/examples/heading-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Heading as t } from "../ui/heading/Heading.js";
+function n() {
+  return /* @__PURE__ */ e(t, { level: 2, className: "text-2xl font-bold", children: "Welcome to Trident UI" });
+}
+export {
+  n as default
+};
+//# sourceMappingURL=heading-demo.js.map

package/examples/heading-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading-demo.js","sources":["../../lib/examples/heading-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Heading } from '@/ui/heading/Heading';\n\nexport default function HeadingDemo() {\n  return (\n    <Heading level={2} className=\"text-2xl font-bold\">\n      Welcome to Trident UI\n    </Heading>\n  );\n}\n"],"names":["HeadingDemo","Heading"],"mappings":";;;AAIA,SAAwBA,IAAc;AACpC,2BACGC,GAAA,EAAQ,OAAO,GAAG,WAAU,sBAAqB,UAAA,yBAElD;AAEJ;"}

package/examples/image-demo.d.ts

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

package/examples/image-demo.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Image as a } from "../ui/Image.js";
+function m() {
+  return /* @__PURE__ */ e(
+    a,
+    {
+      alt: "Placeholder image",
+      className: "rounded-lg",
+      src: "https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=800&h=600&fit=crop"
+    }
+  );
+}
+export {
+  m as default
+};
+//# sourceMappingURL=image-demo.js.map

package/examples/image-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-demo.js","sources":["../../lib/examples/image-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Image } from '@/ui/Image';\n\nexport default function ImageDemo() {\n  return (\n    <Image\n      alt=\"Placeholder image\"\n      className=\"rounded-lg\"\n      src=\"https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=800&h=600&fit=crop\"\n    />\n  );\n}\n"],"names":["ImageDemo","jsx","Image"],"mappings":";;;AAIA,SAAwBA,IAAY;AAClC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,WAAU;AAAA,MACV,KAAI;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/examples/link-demo.d.ts

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

package/examples/link-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Link as e } from "../ui/Link.js";
+function i() {
+  return /* @__PURE__ */ r(e, { label: "Learn more about our services", href: "#", icon: "ArrowDefaultRight" });
+}
+export {
+  i as default
+};
+//# sourceMappingURL=link-demo.js.map

package/examples/link-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-demo.js","sources":["../../lib/examples/link-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Link } from '@/ui/Link';\n\nexport default function LinkDemo() {\n  return <Link label=\"Learn more about our services\" href=\"#\" icon=\"ArrowDefaultRight\" />;\n}\n"],"names":["LinkDemo","Link"],"mappings":";;;AAIA,SAAwBA,IAAW;AACjC,2BAAQC,GAAA,EAAK,OAAM,iCAAgC,MAAK,KAAI,MAAK,qBAAoB;AACvF;"}

package/examples/loader-demo.d.ts

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

package/examples/loader-demo.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useState as r } from "react";
+import { Button as n } from "../ui/buttons/Button.js";
+import { Loader as s } from "../ui/Loader.js";
+function c() {
+  const [e, t] = r(!1);
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ o(n, { onClick: () => t(!0), children: "Show Loader" }),
+    /* @__PURE__ */ o(s, { isVisible: e, label: "Loading content, please wait..." })
+  ] });
+}
+export {
+  c as default
+};
+//# sourceMappingURL=loader-demo.js.map

package/examples/loader-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-demo.js","sources":["../../lib/examples/loader-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { Button } from '@/ui/buttons/Button';\nimport { Loader } from '@/ui/Loader';\n\nexport default function LoaderDemo() {\n  const [isLoading, setIsLoading] = useState(false);\n\n  return (\n    <div>\n      <Button onClick={() => setIsLoading(true)}>Show Loader</Button>\n      <Loader isVisible={isLoading} label=\"Loading content, please wait...\" />\n    </div>\n  );\n}\n"],"names":["LoaderDemo","isLoading","setIsLoading","useState","jsx","Button","Loader"],"mappings":";;;;;AAOA,SAAwBA,IAAa;AACnC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAO,SAAS,MAAMH,EAAa,EAAI,GAAG,UAAA,eAAW;AAAA,IACtD,gBAAAE,EAACE,GAAA,EAAO,WAAWL,GAAW,OAAM,kCAAA,CAAkC;AAAA,EAAA,GACxE;AAEJ;"}

package/examples/number-field-demo.d.ts

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

package/examples/number-field-demo.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { NumberField as t } from "../ui/forms/NumberField.js";
+function r() {
+  return /* @__PURE__ */ e(
+    t,
+    {
+      label: "Quantity",
+      description: "Select the number of items",
+      min: 0,
+      max: 10,
+      value: 3
+    }
+  );
+}
+export {
+  r as default
+};
+//# sourceMappingURL=number-field-demo.js.map

package/examples/number-field-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field-demo.js","sources":["../../lib/examples/number-field-demo.tsx"],"sourcesContent":["'use client';\n\nimport { NumberField } from '@/ui/forms/NumberField';\n\nexport default function NumberFieldDemo() {\n  return (\n    <NumberField\n      label=\"Quantity\"\n      description=\"Select the number of items\"\n      min={0}\n      max={10}\n      value={3}\n    />\n  );\n}\n"],"names":["NumberFieldDemo","jsx","NumberField"],"mappings":";;;AAIA,SAAwBA,IAAkB;AACxC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,OAAO;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/examples/pagination-demo.d.ts

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

package/examples/pagination-demo.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { Pagination as s } from "../ui/Pagination.js";
+function c() {
+  const [e, r] = n(1);
+  return /* @__PURE__ */ t("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ t("p", { className: "text-center text-sm text-grey", children: [
+      "Current Page: ",
+      e
+    ] }),
+    /* @__PURE__ */ a(
+      s,
+      {
+        defaultPage: e,
+        count: 10,
+        labels: {
+          previous: "Previous",
+          next: "Next"
+        },
+        onChange: r
+      }
+    )
+  ] });
+}
+export {
+  c as default
+};
+//# sourceMappingURL=pagination-demo.js.map

package/examples/pagination-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-demo.js","sources":["../../lib/examples/pagination-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Pagination } from '@/ui/Pagination';\n\nexport default function PaginationDemo() {\n  const [currentPage, setCurrentPage] = useState(1);\n\n  return (\n    <div className=\"space-y-4\">\n      <p className=\"text-center text-sm text-grey\">Current Page: {currentPage}</p>\n      <Pagination\n        defaultPage={currentPage}\n        count={10}\n        labels={{\n          previous: 'Previous',\n          next: 'Next',\n        }}\n        onChange={setCurrentPage}\n      />\n    </div>\n  );\n}\n"],"names":["PaginationDemo","currentPage","setCurrentPage","useState","jsxs","jsx","Pagination"],"mappings":";;;;AAKA,SAAwBA,IAAiB;AACvC,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC;AAEhD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA;AAAA,MAAA;AAAA,MAAeH;AAAA,IAAA,GAAY;AAAA,IACxE,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,aAAaL;AAAA,QACb,OAAO;AAAA,QACP,QAAQ;AAAA,UACN,UAAU;AAAA,UACV,MAAM;AAAA,QAAA;AAAA,QAER,UAAUC;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/examples/password-demo.d.ts

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

package/examples/password-demo.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { Password as o } from "../ui/forms/password/Password.js";
+function t() {
+  return /* @__PURE__ */ r(o, { label: "Password", description: "Enter your password", placeholder: "Enter password" });
+}
+export {
+  t as default
+};
+//# sourceMappingURL=password-demo.js.map

package/examples/password-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-demo.js","sources":["../../lib/examples/password-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Password } from '@/ui/forms/password/Password';\n\nexport default function PasswordDemo() {\n  return (\n    <Password label=\"Password\" description=\"Enter your password\" placeholder=\"Enter password\" />\n  );\n}\n"],"names":["PasswordDemo","Password"],"mappings":";;;AAIA,SAAwBA,IAAe;AACrC,2BACGC,GAAA,EAAS,OAAM,YAAW,aAAY,uBAAsB,aAAY,kBAAiB;AAE9F;"}

package/examples/popin-demo.d.ts

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

package/examples/popin-demo.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { Popin as l } from "../ui/Popin.js";
+import { Button as n } from "../ui/buttons/Button.js";
+function p() {
+  const [t, o] = s(!1);
+  return /* @__PURE__ */ i("div", { children: [
+    /* @__PURE__ */ e(n, { onClick: () => o(!0), children: "Open Popin" }),
+    /* @__PURE__ */ e(
+      l,
+      {
+        isVisible: t,
+        onClose: () => o(!1),
+        title: "Welcome!",
+        closeLabel: "Close",
+        children: /* @__PURE__ */ e("p", { children: "This is a modal dialog that overlays the page content. Click the backdrop or the close button to dismiss it." })
+      }
+    )
+  ] });
+}
+export {
+  p as default
+};
+//# sourceMappingURL=popin-demo.js.map

package/examples/popin-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popin-demo.js","sources":["../../lib/examples/popin-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Popin } from '@/ui/Popin';\nimport { Button } from '@/ui/buttons/Button';\n\nexport default function PopinDemo() {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div>\n      <Button onClick={() => setIsVisible(true)}>Open Popin</Button>\n      <Popin\n        isVisible={isVisible}\n        onClose={() => setIsVisible(false)}\n        title=\"Welcome!\"\n        closeLabel=\"Close\"\n      >\n        <p>\n          This is a modal dialog that overlays the page content. Click the backdrop or the close\n          button to dismiss it.\n        </p>\n      </Popin>\n    </div>\n  );\n}\n"],"names":["PopinDemo","isVisible","setIsVisible","useState","jsx","Button","Popin"],"mappings":";;;;;AAMA,SAAwBA,IAAY;AAClC,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAO,SAAS,MAAMH,EAAa,EAAI,GAAG,UAAA,cAAU;AAAA,IACrD,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAAL;AAAA,QACA,SAAS,MAAMC,EAAa,EAAK;AAAA,QACjC,OAAM;AAAA,QACN,YAAW;AAAA,QAEX,UAAA,gBAAAE,EAAC,OAAE,UAAA,+GAAA,CAGH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/examples/portal-demo.d.ts

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