@clubmed/trident-ui 2.0.0-beta.9 → 2.0.0

package/examples/floating-label-text-field-demo.js

@@ -0,0 +1,32 @@
+"use client";
+import { FloatingLabelTextField as e } from "../ui/forms/FloatingLabelTextField.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region lib/examples/floating-label-text-field-demo.tsx
+function r() {
+	return /* @__PURE__ */ n("div", {
+		className: "flex flex-col gap-16 w-full max-w-[496px]",
+		children: [
+			/* @__PURE__ */ t(e, { label: "Select" }),
+			/* @__PURE__ */ t(e, {
+				label: "Select",
+				value: "First value of the list",
+				hasDropdown: !0
+			}),
+			/* @__PURE__ */ t(e, {
+				label: "Select",
+				value: "First value of the list",
+				validationStatus: "error",
+				errorMessage: "Please select a value",
+				hasDropdown: !0
+			}),
+			/* @__PURE__ */ t(e, {
+				label: "Select",
+				disabled: !0
+			})
+		]
+	});
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=floating-label-text-field-demo.js.map

package/examples/floating-label-text-field-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-label-text-field-demo.js","names":[],"sources":["../../lib/examples/floating-label-text-field-demo.tsx"],"sourcesContent":["'use client';\n\nimport { FloatingLabelTextField } from '@/ui/forms/FloatingLabelTextField';\n\nexport default function FloatingLabelTextFieldDemo() {\n  return (\n    <div className=\"flex flex-col gap-16 w-full max-w-[496px]\">\n      <FloatingLabelTextField label=\"Select\" />\n\n      <FloatingLabelTextField label=\"Select\" value=\"First value of the list\" hasDropdown />\n\n      <FloatingLabelTextField\n        label=\"Select\"\n        value=\"First value of the list\"\n        validationStatus=\"error\"\n        errorMessage=\"Please select a value\"\n        hasDropdown\n      />\n\n      <FloatingLabelTextField label=\"Select\" disabled />\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAA6B;AACnD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAwB,OAAM,UAAW,CAAA;GAEzC,kBAAC,GAAD;IAAwB,OAAM;IAAS,OAAM;IAA0B,aAAA;IAAc,CAAA;GAErF,kBAAC,GAAD;IACE,OAAM;IACN,OAAM;IACN,kBAAiB;IACjB,cAAa;IACb,aAAA;IACA,CAAA;GAEF,kBAAC,GAAD;IAAwB,OAAM;IAAS,UAAA;IAAW,CAAA"}

package/examples/frame-demo.d.ts

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

package/examples/frame-demo.js

@@ -0,0 +1,36 @@
+"use client";
+import { Frame as e } from "../ui/frame/Frame.js";
+import { FrameLabelsWrapper as t } from "../ui/frame/FrameLabelsWrapper.js";
+import { FrameTitle as n } from "../ui/frame/FrameTitle.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region lib/examples/frame-demo.tsx
+function a() {
+	return /* @__PURE__ */ r(e, {
+		format: "horizontal",
+		className: "max-w-380",
+		image: {
+			alt: "Mountain landscape",
+			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4"
+		},
+		children: /* @__PURE__ */ r(t, {
+			hasImage: !0,
+			children: /* @__PURE__ */ r(n, {
+				className: "w-full justify-center text-center",
+				coverLink: !0,
+				hasImage: !0,
+				href: "#",
+				children: /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
+					className: "text-b2 font-semibold",
+					children: "Mountain Resort"
+				}), /* @__PURE__ */ r("div", {
+					className: "text-b3",
+					children: "Winter"
+				})] })
+			})
+		})
+	});
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=frame-demo.js.map

package/examples/frame-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-demo.js","names":[],"sources":["../../lib/examples/frame-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Frame } from '@/ui/frame/Frame';\nimport { FrameLabelsWrapper } from '@/ui/frame/FrameLabelsWrapper';\nimport { FrameTitle } from '@/ui/frame/FrameTitle';\n\nexport default function FrameDemo() {\n  return (\n    <Frame\n      format=\"horizontal\"\n      className=\"max-w-380\"\n      image={{\n        alt: 'Mountain landscape',\n        src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4',\n      }}\n    >\n      <FrameLabelsWrapper hasImage>\n        <FrameTitle className=\"w-full justify-center text-center\" coverLink hasImage href=\"#\">\n          <div>\n            <div className=\"text-b2 font-semibold\">Mountain Resort</div>\n            <div className=\"text-b3\">Winter</div>\n          </div>\n        </FrameTitle>\n      </FrameLabelsWrapper>\n    </Frame>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAwB,IAAY;AAClC,QACE,kBAAC,GAAD;EACE,QAAO;EACP,WAAU;EACV,OAAO;GACL,KAAK;GACL,KAAK;GACN;YAED,kBAAC,GAAD;GAAoB,UAAA;aAClB,kBAAC,GAAD;IAAY,WAAU;IAAoC,WAAA;IAAU,UAAA;IAAS,MAAK;cAChF,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAwB;KAAqB,CAAA,EAC5D,kBAAC,OAAD;KAAK,WAAU;eAAU;KAAY,CAAA,CACjC,EAAA,CAAA;IACK,CAAA;GACM,CAAA;EACf,CAAA"}

package/examples/frame-horizontal-demo.d.ts

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

package/examples/frame-horizontal-demo.js

@@ -0,0 +1,44 @@
+"use client";
+import { Button as e } from "../ui/buttons/Button.js";
+import { Frame as t } from "../ui/frame/Frame.js";
+import { FrameLabelsWrapper as n } from "../ui/frame/FrameLabelsWrapper.js";
+import { FrameTitle as r } from "../ui/frame/FrameTitle.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/examples/frame-horizontal-demo.tsx
+function o() {
+	return /* @__PURE__ */ i(t, {
+		format: "horizontal",
+		className: "max-w-380",
+		image: {
+			alt: "Mountain landscape",
+			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4"
+		},
+		children: /* @__PURE__ */ i(n, {
+			hasImage: !0,
+			children: /* @__PURE__ */ a(r, {
+				className: "w-full justify-between",
+				coverLink: !0,
+				hasImage: !0,
+				href: "#",
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("div", {
+					className: "text-b2 font-semibold",
+					children: "Alpine Adventures"
+				}), /* @__PURE__ */ i("div", {
+					className: "text-b3",
+					children: "Explore"
+				})] }), /* @__PURE__ */ i(e, {
+					"aria-label": "Explore Alpine Adventures",
+					className: "pointer-events-auto shrink-0",
+					color: "white",
+					icon: "ArrowDefaultRight",
+					theme: "outline",
+					variant: "circle"
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=frame-horizontal-demo.js.map

package/examples/frame-horizontal-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-horizontal-demo.js","names":[],"sources":["../../lib/examples/frame-horizontal-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\nimport { Frame } from '@/ui/frame/Frame';\nimport { FrameLabelsWrapper } from '@/ui/frame/FrameLabelsWrapper';\nimport { FrameTitle } from '@/ui/frame/FrameTitle';\n\nexport default function FrameHorizontalDemo() {\n  return (\n    <Frame\n      format=\"horizontal\"\n      className=\"max-w-380\"\n      image={{\n        alt: 'Mountain landscape',\n        src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4',\n      }}\n    >\n      <FrameLabelsWrapper hasImage>\n        <FrameTitle className=\"w-full justify-between\" coverLink hasImage href=\"#\">\n          <div>\n            <div className=\"text-b2 font-semibold\">Alpine Adventures</div>\n            <div className=\"text-b3\">Explore</div>\n          </div>\n          <Button\n            aria-label=\"Explore Alpine Adventures\"\n            className=\"pointer-events-auto shrink-0\"\n            color=\"white\"\n            icon=\"ArrowDefaultRight\"\n            theme=\"outline\"\n            variant=\"circle\"\n          />\n        </FrameTitle>\n      </FrameLabelsWrapper>\n    </Frame>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAwB,IAAsB;AAC5C,QACE,kBAAC,GAAD;EACE,QAAO;EACP,WAAU;EACV,OAAO;GACL,KAAK;GACL,KAAK;GACN;YAED,kBAAC,GAAD;GAAoB,UAAA;aAClB,kBAAC,GAAD;IAAY,WAAU;IAAyB,WAAA;IAAU,UAAA;IAAS,MAAK;cAAvE,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAwB;KAAuB,CAAA,EAC9D,kBAAC,OAAD;KAAK,WAAU;eAAU;KAAa,CAAA,CAClC,EAAA,CAAA,EACN,kBAAC,GAAD;KACE,cAAW;KACX,WAAU;KACV,OAAM;KACN,MAAK;KACL,OAAM;KACN,SAAQ;KACR,CAAA,CAAA;;GAEe,CAAA;EACf,CAAA"}

package/examples/frame-no-image-demo.d.ts

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

package/examples/frame-no-image-demo.js

@@ -0,0 +1,47 @@
+"use client";
+import { Button as e } from "../ui/buttons/Button.js";
+import { Tag as t } from "../ui/Tag.js";
+import { Frame as n } from "../ui/frame/Frame.js";
+import { FrameLabelsWrapper as r } from "../ui/frame/FrameLabelsWrapper.js";
+import { FrameTitle as i } from "../ui/frame/FrameTitle.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/examples/frame-no-image-demo.tsx
+function s() {
+	return /* @__PURE__ */ a(n, {
+		format: "horizontal",
+		image: null,
+		className: "bg-saffron h-240 w-380",
+		children: /* @__PURE__ */ o(r, {
+			hasImage: !1,
+			children: [/* @__PURE__ */ a(t, {
+				label: "Partnership",
+				border: "ultramarine",
+				color: "white",
+				backgroundColor: "ultramarine",
+				className: "mx-12 mt-12 self-start px-8 sm:mx-24 sm:mt-24 sm:px-16"
+			}), /* @__PURE__ */ o(i, {
+				className: "w-full justify-between",
+				coverLink: !0,
+				href: "#",
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
+					className: "text-b2 font-semibold",
+					children: "Special Offer"
+				}), /* @__PURE__ */ a("div", {
+					className: "text-b3",
+					children: "Explore"
+				})] }), /* @__PURE__ */ a(e, {
+					"aria-label": "Explore Special Offer",
+					className: "pointer-events-auto shrink-0",
+					color: "black",
+					icon: "ArrowDefaultRight",
+					theme: "outline",
+					variant: "circle"
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=frame-no-image-demo.js.map

package/examples/frame-no-image-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-no-image-demo.js","names":[],"sources":["../../lib/examples/frame-no-image-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\nimport { Tag } from '@/ui/Tag';\nimport { Frame } from '@/ui/frame/Frame';\nimport { FrameLabelsWrapper } from '@/ui/frame/FrameLabelsWrapper';\nimport { FrameTitle } from '@/ui/frame/FrameTitle';\n\nexport default function FrameNoImageDemo() {\n  return (\n    <Frame format=\"horizontal\" image={null} className=\"bg-saffron h-240 w-380\">\n      <FrameLabelsWrapper hasImage={false}>\n        <Tag\n          label=\"Partnership\"\n          border=\"ultramarine\"\n          color=\"white\"\n          backgroundColor=\"ultramarine\"\n          className=\"mx-12 mt-12 self-start px-8 sm:mx-24 sm:mt-24 sm:px-16\"\n        />\n        <FrameTitle className=\"w-full justify-between\" coverLink href=\"#\">\n          <div>\n            <div className=\"text-b2 font-semibold\">Special Offer</div>\n            <div className=\"text-b3\">Explore</div>\n          </div>\n          <Button\n            aria-label=\"Explore Special Offer\"\n            className=\"pointer-events-auto shrink-0\"\n            color=\"black\"\n            icon=\"ArrowDefaultRight\"\n            theme=\"outline\"\n            variant=\"circle\"\n          />\n        </FrameTitle>\n      </FrameLabelsWrapper>\n    </Frame>\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,IAAmB;AACzC,QACE,kBAAC,GAAD;EAAO,QAAO;EAAa,OAAO;EAAM,WAAU;YAChD,kBAAC,GAAD;GAAoB,UAAU;aAA9B,CACE,kBAAC,GAAD;IACE,OAAM;IACN,QAAO;IACP,OAAM;IACN,iBAAgB;IAChB,WAAU;IACV,CAAA,EACF,kBAAC,GAAD;IAAY,WAAU;IAAyB,WAAA;IAAU,MAAK;cAA9D,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAwB;KAAmB,CAAA,EAC1D,kBAAC,OAAD;KAAK,WAAU;eAAU;KAAa,CAAA,CAClC,EAAA,CAAA,EACN,kBAAC,GAAD;KACE,cAAW;KACX,WAAU;KACV,OAAM;KACN,MAAK;KACL,OAAM;KACN,SAAQ;KACR,CAAA,CAAA;;;EAGA,CAAA"}

package/examples/frame-vertical-demo.d.ts

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

package/examples/frame-vertical-demo.js

@@ -0,0 +1,44 @@
+"use client";
+import { Button as e } from "../ui/buttons/Button.js";
+import { Frame as t } from "../ui/frame/Frame.js";
+import { FrameLabelsWrapper as n } from "../ui/frame/FrameLabelsWrapper.js";
+import { FrameTitle as r } from "../ui/frame/FrameTitle.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/examples/frame-vertical-demo.tsx
+function o() {
+	return /* @__PURE__ */ i(t, {
+		format: "vertical",
+		className: "max-w-280",
+		image: {
+			alt: "Mountain landscape",
+			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4"
+		},
+		children: /* @__PURE__ */ i(n, {
+			hasImage: !0,
+			children: /* @__PURE__ */ a(r, {
+				className: "w-full justify-between",
+				coverLink: !0,
+				hasImage: !0,
+				href: "#",
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("div", {
+					className: "text-b2 font-semibold",
+					children: "Ski Resort"
+				}), /* @__PURE__ */ i("div", {
+					className: "text-b3",
+					children: "Alpine"
+				})] }), /* @__PURE__ */ i(e, {
+					"aria-label": "Explore Ski Resort",
+					className: "pointer-events-auto shrink-0",
+					color: "white",
+					icon: "ArrowDefaultRight",
+					theme: "outline",
+					variant: "circle"
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=frame-vertical-demo.js.map

package/examples/frame-vertical-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-vertical-demo.js","names":[],"sources":["../../lib/examples/frame-vertical-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\nimport { Frame } from '@/ui/frame/Frame';\nimport { FrameLabelsWrapper } from '@/ui/frame/FrameLabelsWrapper';\nimport { FrameTitle } from '@/ui/frame/FrameTitle';\n\nexport default function FrameVerticalDemo() {\n  return (\n    <Frame\n      format=\"vertical\"\n      className=\"max-w-280\"\n      image={{\n        alt: 'Mountain landscape',\n        src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4',\n      }}\n    >\n      <FrameLabelsWrapper hasImage>\n        <FrameTitle className=\"w-full justify-between\" coverLink hasImage href=\"#\">\n          <div>\n            <div className=\"text-b2 font-semibold\">Ski Resort</div>\n            <div className=\"text-b3\">Alpine</div>\n          </div>\n          <Button\n            aria-label=\"Explore Ski Resort\"\n            className=\"pointer-events-auto shrink-0\"\n            color=\"white\"\n            icon=\"ArrowDefaultRight\"\n            theme=\"outline\"\n            variant=\"circle\"\n          />\n        </FrameTitle>\n      </FrameLabelsWrapper>\n    </Frame>\n  );\n}\n"],"mappings":";;;;;;;AAOA,SAAwB,IAAoB;AAC1C,QACE,kBAAC,GAAD;EACE,QAAO;EACP,WAAU;EACV,OAAO;GACL,KAAK;GACL,KAAK;GACN;YAED,kBAAC,GAAD;GAAoB,UAAA;aAClB,kBAAC,GAAD;IAAY,WAAU;IAAyB,WAAA;IAAU,UAAA;IAAS,MAAK;cAAvE,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAwB;KAAgB,CAAA,EACvD,kBAAC,OAAD;KAAK,WAAU;eAAU;KAAY,CAAA,CACjC,EAAA,CAAA,EACN,kBAAC,GAAD;KACE,cAAW;KACX,WAAU;KACV,OAAM;KACN,MAAK;KACL,OAAM;KACN,SAAQ;KACR,CAAA,CAAA;;GAEe,CAAA;EACf,CAAA"}

package/examples/frame-with-tag-demo.d.ts

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

package/examples/frame-with-tag-demo.js

@@ -0,0 +1,48 @@
+"use client";
+import { Button as e } from "../ui/buttons/Button.js";
+import { Tag as t } from "../ui/Tag.js";
+import { Frame as n } from "../ui/frame/Frame.js";
+import { FrameLabelsWrapper as r } from "../ui/frame/FrameLabelsWrapper.js";
+import { FrameTitle as i } from "../ui/frame/FrameTitle.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region lib/examples/frame-with-tag-demo.tsx
+function s() {
+	return /* @__PURE__ */ a(n, {
+		format: "horizontal",
+		className: "max-w-380",
+		image: {
+			alt: "Mountain landscape",
+			src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4"
+		},
+		children: /* @__PURE__ */ o(r, {
+			hasImage: !0,
+			children: [/* @__PURE__ */ a(t, {
+				label: "Best seller",
+				className: "mx-12 mt-12 self-start px-8 sm:mx-24 sm:mt-24 sm:px-16"
+			}), /* @__PURE__ */ o(i, {
+				className: "w-full justify-between",
+				coverLink: !0,
+				hasImage: !0,
+				href: "#",
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("div", {
+					className: "text-b2 font-semibold",
+					children: "Mountain Resort"
+				}), /* @__PURE__ */ a("div", {
+					className: "text-b3",
+					children: "Winter"
+				})] }), /* @__PURE__ */ a(e, {
+					"aria-label": "Explore Mountain Resort",
+					className: "pointer-events-auto shrink-0",
+					color: "white",
+					icon: "ArrowDefaultRight",
+					theme: "outline",
+					variant: "circle"
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=frame-with-tag-demo.js.map

package/examples/frame-with-tag-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-with-tag-demo.js","names":[],"sources":["../../lib/examples/frame-with-tag-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '@/ui/buttons/Button';\nimport { Tag } from '@/ui/Tag';\nimport { Frame } from '@/ui/frame/Frame';\nimport { FrameLabelsWrapper } from '@/ui/frame/FrameLabelsWrapper';\nimport { FrameTitle } from '@/ui/frame/FrameTitle';\n\nexport default function FrameWithTagDemo() {\n  return (\n    <Frame\n      format=\"horizontal\"\n      className=\"max-w-380\"\n      image={{\n        alt: 'Mountain landscape',\n        src: 'https://images.unsplash.com/photo-1506905925346-21bda4d32df4',\n      }}\n    >\n      <FrameLabelsWrapper hasImage>\n        <Tag\n          label=\"Best seller\"\n          className=\"mx-12 mt-12 self-start px-8 sm:mx-24 sm:mt-24 sm:px-16\"\n        />\n        <FrameTitle className=\"w-full justify-between\" coverLink hasImage href=\"#\">\n          <div>\n            <div className=\"text-b2 font-semibold\">Mountain Resort</div>\n            <div className=\"text-b3\">Winter</div>\n          </div>\n          <Button\n            aria-label=\"Explore Mountain Resort\"\n            className=\"pointer-events-auto shrink-0\"\n            color=\"white\"\n            icon=\"ArrowDefaultRight\"\n            theme=\"outline\"\n            variant=\"circle\"\n          />\n        </FrameTitle>\n      </FrameLabelsWrapper>\n    </Frame>\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,IAAmB;AACzC,QACE,kBAAC,GAAD;EACE,QAAO;EACP,WAAU;EACV,OAAO;GACL,KAAK;GACL,KAAK;GACN;YAED,kBAAC,GAAD;GAAoB,UAAA;aAApB,CACE,kBAAC,GAAD;IACE,OAAM;IACN,WAAU;IACV,CAAA,EACF,kBAAC,GAAD;IAAY,WAAU;IAAyB,WAAA;IAAU,UAAA;IAAS,MAAK;cAAvE,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAwB;KAAqB,CAAA,EAC5D,kBAAC,OAAD;KAAK,WAAU;eAAU;KAAY,CAAA,CACjC,EAAA,CAAA,EACN,kBAAC,GAAD;KACE,cAAW;KACX,WAAU;KACV,OAAM;KACN,MAAK;KACL,OAAM;KACN,SAAQ;KACR,CAAA,CAAA;;;EAGA,CAAA"}

package/examples/journey-card-compact-demo.d.ts

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

package/examples/journey-card-compact-demo.js

@@ -0,0 +1,71 @@
+"use client";
+import { JourneyCard as e } from "../ui/journey-card/JourneyCard.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/examples/journey-card-compact-demo.tsx
+var n = {
+	direction: "Outbound",
+	directionType: "Outbound",
+	departureDate: "10 Apr. 2026",
+	departureTime: "11:55",
+	arrivalDate: "11 Apr. 2026",
+	arrivalTime: "15:25",
+	duration: "9h30mn",
+	departureAirport: {
+		name: "Paris-Orly",
+		terminal: "Terminal 2"
+	},
+	arrivalAirport: {
+		name: "Punta Cana",
+		terminal: "Terminal 2E"
+	},
+	stopLabel: "Direct",
+	airlineLogoSrc: "https://dummyimage.com/100x28/ccc/555.png&text=Airline",
+	airlineLogoAlt: "Transavia logo",
+	operatedBy: "Transavia",
+	characteristics: "Economy class, (x1) checked luggage per person — Boeing 777-300e",
+	carbonEmission: "A total of 750 kg CO₂ emitted.",
+	carbonEmissionLearnMoreLabel: "Learn more",
+	plusDaysLabel: "day",
+	localTimeLabel: "(local time)"
+}, r = {
+	direction: "Inbound",
+	directionType: "Inbound",
+	departureDate: "16 Apr. 2026",
+	departureTime: "17:50",
+	arrivalDate: "17 Apr. 2026",
+	arrivalTime: "08:20",
+	duration: "8h40mn",
+	departureAirport: {
+		name: "Punta Cana",
+		terminal: "Terminal 2E"
+	},
+	arrivalAirport: {
+		name: "Paris-Orly",
+		terminal: "Terminal 2"
+	},
+	stopLabel: "1 Stop over",
+	nbStopovers: 1,
+	airlineLogoSrc: "https://dummyimage.com/100x28/ccc/555.png&text=Airline",
+	airlineLogoAlt: "Transavia logo",
+	operatedBy: "Transavia",
+	characteristics: "Economy class, (x1) checked luggage per person — Boeing 777-300e",
+	carbonEmission: "A total of 750 kg CO₂ emitted.",
+	carbonEmissionLearnMoreLabel: "Learn more",
+	plusDays: 1,
+	plusDaysLabel: "day",
+	localTimeLabel: "(local time)"
+};
+function i() {
+	return /* @__PURE__ */ t("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ t(e, {
+			compact: !0,
+			flight1Journey: n,
+			flight2Journey: r
+		})
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=journey-card-compact-demo.js.map

package/examples/journey-card-compact-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"journey-card-compact-demo.js","names":[],"sources":["../../lib/examples/journey-card-compact-demo.tsx"],"sourcesContent":["'use client';\n\nimport { JourneyCard } from '@/ui/journey-card/JourneyCard';\nimport type { JourneyDetailsProps } from '@/ui/journey-card/JourneyDetails';\n\nconst outbound: JourneyDetailsProps = {\n  direction: 'Outbound',\n  directionType: 'Outbound',\n  departureDate: '10 Apr. 2026',\n  departureTime: '11:55',\n  arrivalDate: '11 Apr. 2026',\n  arrivalTime: '15:25',\n  duration: '9h30mn',\n  departureAirport: { name: 'Paris-Orly', terminal: 'Terminal 2' },\n  arrivalAirport: { name: 'Punta Cana', terminal: 'Terminal 2E' },\n  stopLabel: 'Direct',\n  airlineLogoSrc: 'https://dummyimage.com/100x28/ccc/555.png&text=Airline',\n  airlineLogoAlt: 'Transavia logo',\n  operatedBy: 'Transavia',\n  characteristics: 'Economy class, (x1) checked luggage per person — Boeing 777-300e',\n  carbonEmission: 'A total of 750 kg CO₂ emitted.',\n  carbonEmissionLearnMoreLabel: 'Learn more',\n  plusDaysLabel: 'day',\n  localTimeLabel: '(local time)',\n};\n\nconst inbound: JourneyDetailsProps = {\n  direction: 'Inbound',\n  directionType: 'Inbound',\n  departureDate: '16 Apr. 2026',\n  departureTime: '17:50',\n  arrivalDate: '17 Apr. 2026',\n  arrivalTime: '08:20',\n  duration: '8h40mn',\n  departureAirport: { name: 'Punta Cana', terminal: 'Terminal 2E' },\n  arrivalAirport: { name: 'Paris-Orly', terminal: 'Terminal 2' },\n  stopLabel: '1 Stop over',\n  nbStopovers: 1,\n  airlineLogoSrc: 'https://dummyimage.com/100x28/ccc/555.png&text=Airline',\n  airlineLogoAlt: 'Transavia logo',\n  operatedBy: 'Transavia',\n  characteristics: 'Economy class, (x1) checked luggage per person — Boeing 777-300e',\n  carbonEmission: 'A total of 750 kg CO₂ emitted.',\n  carbonEmissionLearnMoreLabel: 'Learn more',\n  plusDays: 1,\n  plusDaysLabel: 'day',\n  localTimeLabel: '(local time)',\n};\n\nexport default function JourneyCardCompactDemo() {\n  return (\n    <div className=\"w-full\">\n      <JourneyCard compact flight1Journey={outbound} flight2Journey={inbound} />\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAAgC;CACpC,WAAW;CACX,eAAe;CACf,eAAe;CACf,eAAe;CACf,aAAa;CACb,aAAa;CACb,UAAU;CACV,kBAAkB;EAAE,MAAM;EAAc,UAAU;EAAc;CAChE,gBAAgB;EAAE,MAAM;EAAc,UAAU;EAAe;CAC/D,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,gBAAgB;CAChB,8BAA8B;CAC9B,eAAe;CACf,gBAAgB;CACjB,EAEK,IAA+B;CACnC,WAAW;CACX,eAAe;CACf,eAAe;CACf,eAAe;CACf,aAAa;CACb,aAAa;CACb,UAAU;CACV,kBAAkB;EAAE,MAAM;EAAc,UAAU;EAAe;CACjE,gBAAgB;EAAE,MAAM;EAAc,UAAU;EAAc;CAC9D,WAAW;CACX,aAAa;CACb,gBAAgB;CAChB,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,gBAAgB;CAChB,8BAA8B;CAC9B,UAAU;CACV,eAAe;CACf,gBAAgB;CACjB;AAED,SAAwB,IAAyB;AAC/C,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAa,SAAA;GAAQ,gBAAgB;GAAU,gBAAgB;GAAW,CAAA;EACtE,CAAA"}

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

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

package/examples/journey-card-demo.js

@@ -0,0 +1,123 @@
+"use client";
+import { JourneyCard as e } from "../ui/journey-card/JourneyCard.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region lib/examples/journey-card-demo.tsx
+var n = {
+	direction: "Outbound",
+	directionType: "Outbound",
+	departureDate: "10 Apr. 2026",
+	departureTime: "11:55",
+	arrivalDate: "11 Apr. 2026",
+	arrivalTime: "15:25",
+	duration: "9h30mn",
+	departureAirport: {
+		name: "Paris-Orly",
+		terminal: "Terminal 2"
+	},
+	arrivalAirport: {
+		name: "Punta Cana",
+		terminal: "Terminal 2E"
+	},
+	stopLabel: "Direct",
+	airlineLogoSrc: "https://dummyimage.com/100x28/ccc/555.png&text=Airline",
+	airlineLogoAlt: "Transavia logo",
+	operatedBy: "Transavia",
+	companyName: "Operated by Hop",
+	characteristics: "Economy class, (x1) checked luggage per person — Boeing 777-300e",
+	carbonEmission: "A total of 750 kg CO₂ emitted.",
+	carbonEmissionLearnMoreUrl: "#",
+	carbonEmissionLearnMoreLabel: "Learn more",
+	plusDays: 1,
+	plusDaysLabel: "day",
+	localTimeLabel: "(local time)",
+	itinerary: {
+		segments: [{
+			flightNumber: "LX 633 Transavia",
+			departureTime: "09:45",
+			arrivalTime: "11:05",
+			departureAirport: {
+				name: "Paris-Roissy CDG",
+				terminal: "Terminal 2"
+			},
+			arrivalAirport: {
+				name: "Zurich",
+				terminal: "Terminal 2E"
+			},
+			arrivalDate: "Arrival: 11 Apr. 2026"
+		}],
+		flexibleOption: "Flexible flight option\n• Cancellation fees limited to €300\n• Baggage included"
+	}
+}, r = {
+	direction: "Inbound",
+	directionType: "Inbound",
+	departureDate: "16 Apr. 2026",
+	departureTime: "17:50",
+	arrivalDate: "17 Apr. 2026",
+	arrivalTime: "08:20",
+	duration: "8h40mn",
+	departureAirport: {
+		name: "Punta Cana",
+		terminal: "Terminal 2E"
+	},
+	arrivalAirport: {
+		name: "Paris-Orly",
+		terminal: "Terminal 2"
+	},
+	stopLabel: "1 Stop over",
+	nbStopovers: 1,
+	airlineLogoSrc: "https://dummyimage.com/100x28/ccc/555.png&text=Airline",
+	airlineLogoAlt: "Transavia logo",
+	operatedBy: "Transavia",
+	companyName: "Operated by Hop",
+	characteristics: "Economy class, (x1) checked luggage per person — Boeing 777-300e",
+	carbonEmission: "A total of 750 kg CO₂ emitted.",
+	carbonEmissionLearnMoreUrl: "#",
+	carbonEmissionLearnMoreLabel: "Learn more",
+	plusDays: 1,
+	plusDaysLabel: "day",
+	localTimeLabel: "(local time)",
+	itinerary: {
+		segments: [{
+			flightNumber: "LX 630 Transavia",
+			departureTime: "09:45",
+			arrivalTime: "11:05",
+			departureAirport: {
+				name: "Punta Cana",
+				terminal: "Terminal 2E"
+			},
+			arrivalAirport: {
+				name: "Zurich",
+				terminal: "Terminal 2E"
+			},
+			arrivalDate: "Arrival: 16 Apr. 2026"
+		}, {
+			flightNumber: "LX 654 Transavia",
+			departureTime: "12:30",
+			arrivalTime: "08:20",
+			departureAirport: {
+				name: "Zurich",
+				terminal: "Terminal 2E"
+			},
+			arrivalAirport: {
+				name: "Paris-Orly",
+				terminal: "Terminal 2"
+			},
+			arrivalDate: "Arrival: 17 Apr. 2026"
+		}],
+		connectionTime: "1h10min : Airport connection",
+		flexibleOption: "Flexible flight option\n• Cancellation fees limited to €300\n• Baggage included"
+	}
+};
+function i() {
+	return /* @__PURE__ */ t("div", {
+		className: "w-full",
+		children: /* @__PURE__ */ t(e, {
+			flight1Journey: n,
+			flight2Journey: r
+		})
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=journey-card-demo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"journey-card-demo.js","names":[],"sources":["../../lib/examples/journey-card-demo.tsx"],"sourcesContent":["'use client';\n\nimport { JourneyCard } from '@/ui/journey-card/JourneyCard';\nimport type { JourneyDetailsProps } from '@/ui/journey-card/JourneyDetails';\n\nconst outbound: JourneyDetailsProps = {\n  direction: 'Outbound',\n  directionType: 'Outbound',\n  departureDate: '10 Apr. 2026',\n  departureTime: '11:55',\n  arrivalDate: '11 Apr. 2026',\n  arrivalTime: '15:25',\n  duration: '9h30mn',\n  departureAirport: { name: 'Paris-Orly', terminal: 'Terminal 2' },\n  arrivalAirport: { name: 'Punta Cana', terminal: 'Terminal 2E' },\n  stopLabel: 'Direct',\n  airlineLogoSrc: 'https://dummyimage.com/100x28/ccc/555.png&text=Airline',\n  airlineLogoAlt: 'Transavia logo',\n  operatedBy: 'Transavia',\n  companyName: 'Operated by Hop',\n  characteristics: 'Economy class, (x1) checked luggage per person — Boeing 777-300e',\n  carbonEmission: 'A total of 750 kg CO₂ emitted.',\n  carbonEmissionLearnMoreUrl: '#',\n  carbonEmissionLearnMoreLabel: 'Learn more',\n  plusDays: 1,\n  plusDaysLabel: 'day',\n  localTimeLabel: '(local time)',\n  itinerary: {\n    segments: [\n      {\n        flightNumber: 'LX 633 Transavia',\n        departureTime: '09:45',\n        arrivalTime: '11:05',\n        departureAirport: { name: 'Paris-Roissy CDG', terminal: 'Terminal 2' },\n        arrivalAirport: { name: 'Zurich', terminal: 'Terminal 2E' },\n        arrivalDate: 'Arrival: 11 Apr. 2026',\n      },\n    ],\n    flexibleOption:\n      'Flexible flight option\\n• Cancellation fees limited to €300\\n• Baggage included',\n  },\n};\n\nconst inbound: JourneyDetailsProps = {\n  direction: 'Inbound',\n  directionType: 'Inbound',\n  departureDate: '16 Apr. 2026',\n  departureTime: '17:50',\n  arrivalDate: '17 Apr. 2026',\n  arrivalTime: '08:20',\n  duration: '8h40mn',\n  departureAirport: { name: 'Punta Cana', terminal: 'Terminal 2E' },\n  arrivalAirport: { name: 'Paris-Orly', terminal: 'Terminal 2' },\n  stopLabel: '1 Stop over',\n  nbStopovers: 1,\n  airlineLogoSrc: 'https://dummyimage.com/100x28/ccc/555.png&text=Airline',\n  airlineLogoAlt: 'Transavia logo',\n  operatedBy: 'Transavia',\n  companyName: 'Operated by Hop',\n  characteristics: 'Economy class, (x1) checked luggage per person — Boeing 777-300e',\n  carbonEmission: 'A total of 750 kg CO₂ emitted.',\n  carbonEmissionLearnMoreUrl: '#',\n  carbonEmissionLearnMoreLabel: 'Learn more',\n  plusDays: 1,\n  plusDaysLabel: 'day',\n  localTimeLabel: '(local time)',\n  itinerary: {\n    segments: [\n      {\n        flightNumber: 'LX 630 Transavia',\n        departureTime: '09:45',\n        arrivalTime: '11:05',\n        departureAirport: { name: 'Punta Cana', terminal: 'Terminal 2E' },\n        arrivalAirport: { name: 'Zurich', terminal: 'Terminal 2E' },\n        arrivalDate: 'Arrival: 16 Apr. 2026',\n      },\n      {\n        flightNumber: 'LX 654 Transavia',\n        departureTime: '12:30',\n        arrivalTime: '08:20',\n        departureAirport: { name: 'Zurich', terminal: 'Terminal 2E' },\n        arrivalAirport: { name: 'Paris-Orly', terminal: 'Terminal 2' },\n        arrivalDate: 'Arrival: 17 Apr. 2026',\n      },\n    ],\n    connectionTime: '1h10min : Airport connection',\n    flexibleOption:\n      'Flexible flight option\\n• Cancellation fees limited to €300\\n• Baggage included',\n  },\n};\n\nexport default function JourneyCardDemo() {\n  return (\n    <div className=\"w-full\">\n      <JourneyCard flight1Journey={outbound} flight2Journey={inbound} />\n    </div>\n  );\n}\n"],"mappings":";;;;AAKA,IAAM,IAAgC;CACpC,WAAW;CACX,eAAe;CACf,eAAe;CACf,eAAe;CACf,aAAa;CACb,aAAa;CACb,UAAU;CACV,kBAAkB;EAAE,MAAM;EAAc,UAAU;EAAc;CAChE,gBAAgB;EAAE,MAAM;EAAc,UAAU;EAAe;CAC/D,WAAW;CACX,gBAAgB;CAChB,gBAAgB;CAChB,YAAY;CACZ,aAAa;CACb,iBAAiB;CACjB,gBAAgB;CAChB,4BAA4B;CAC5B,8BAA8B;CAC9B,UAAU;CACV,eAAe;CACf,gBAAgB;CAChB,WAAW;EACT,UAAU,CACR;GACE,cAAc;GACd,eAAe;GACf,aAAa;GACb,kBAAkB;IAAE,MAAM;IAAoB,UAAU;IAAc;GACtE,gBAAgB;IAAE,MAAM;IAAU,UAAU;IAAe;GAC3D,aAAa;GACd,CACF;EACD,gBACE;;CAEL,EAEK,IAA+B;CACnC,WAAW;CACX,eAAe;CACf,eAAe;CACf,eAAe;CACf,aAAa;CACb,aAAa;CACb,UAAU;CACV,kBAAkB;EAAE,MAAM;EAAc,UAAU;EAAe;CACjE,gBAAgB;EAAE,MAAM;EAAc,UAAU;EAAc;CAC9D,WAAW;CACX,aAAa;CACb,gBAAgB;CAChB,gBAAgB;CAChB,YAAY;CACZ,aAAa;CACb,iBAAiB;CACjB,gBAAgB;CAChB,4BAA4B;CAC5B,8BAA8B;CAC9B,UAAU;CACV,eAAe;CACf,gBAAgB;CAChB,WAAW;EACT,UAAU,CACR;GACE,cAAc;GACd,eAAe;GACf,aAAa;GACb,kBAAkB;IAAE,MAAM;IAAc,UAAU;IAAe;GACjE,gBAAgB;IAAE,MAAM;IAAU,UAAU;IAAe;GAC3D,aAAa;GACd,EACD;GACE,cAAc;GACd,eAAe;GACf,aAAa;GACb,kBAAkB;IAAE,MAAM;IAAU,UAAU;IAAe;GAC7D,gBAAgB;IAAE,MAAM;IAAc,UAAU;IAAc;GAC9D,aAAa;GACd,CACF;EACD,gBAAgB;EAChB,gBACE;;CAEL;AAED,SAAwB,IAAkB;AACxC,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAa,gBAAgB;GAAU,gBAAgB;GAAW,CAAA;EAC9D,CAAA"}

package/examples/page-navigation-demo.d.ts

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

package/examples/page-navigation-demo.js

@@ -0,0 +1,53 @@
+"use client";
+import { PageNavigation as e } from "../ui/PageNavigation.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region lib/examples/page-navigation-demo.tsx
+var r = [
+	{
+		id: "accommodation",
+		label: "Accommodation",
+		href: "#accommodation",
+		icon: "Home"
+	},
+	{
+		id: "transport",
+		label: "Transport",
+		href: "#transport",
+		icon: "PlaneDefault"
+	},
+	{
+		id: "people",
+		label: "People",
+		href: "#people",
+		icon: "PeopleSingle"
+	},
+	{
+		id: "activities",
+		label: "Activities",
+		href: "#activities",
+		icon: "Multisports"
+	}
+];
+function i() {
+	let [i, a] = t("accommodation");
+	return /* @__PURE__ */ n("nav", {
+		"aria-label": "Demo wrapper",
+		onClick: (e) => {
+			let t = e.target.closest("a");
+			if (t) {
+				e.preventDefault();
+				let n = t.getAttribute("href")?.replace("#", "");
+				n && a(n);
+			}
+		},
+		children: /* @__PURE__ */ n(e, {
+			items: r,
+			activeItem: i
+		})
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=page-navigation-demo.js.map

package/examples/page-navigation-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-navigation-demo.js","names":[],"sources":["../../lib/examples/page-navigation-demo.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { PageNavigation } from '@/ui/PageNavigation';\n\nconst items = [\n  { id: 'accommodation', label: 'Accommodation', href: '#accommodation', icon: 'Home' as const },\n  { id: 'transport', label: 'Transport', href: '#transport', icon: 'PlaneDefault' as const },\n  { id: 'people', label: 'People', href: '#people', icon: 'PeopleSingle' as const },\n  { id: 'activities', label: 'Activities', href: '#activities', icon: 'Multisports' as const },\n];\n\nexport default function PageNavigationDemo() {\n  const [active, setActive] = useState('accommodation');\n\n  return (\n    <nav\n      aria-label=\"Demo wrapper\"\n      onClick={(e) => {\n        const anchor = (e.target as HTMLElement).closest('a');\n        if (anchor) {\n          e.preventDefault();\n          const id = anchor.getAttribute('href')?.replace('#', '');\n          if (id) setActive(id);\n        }\n      }}\n    >\n      <PageNavigation items={items} activeItem={active} />\n    </nav>\n  );\n}\n"],"mappings":";;;;;AAKA,IAAM,IAAQ;CACZ;EAAE,IAAI;EAAiB,OAAO;EAAiB,MAAM;EAAkB,MAAM;EAAiB;CAC9F;EAAE,IAAI;EAAa,OAAO;EAAa,MAAM;EAAc,MAAM;EAAyB;CAC1F;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM;EAAW,MAAM;EAAyB;CACjF;EAAE,IAAI;EAAc,OAAO;EAAc,MAAM;EAAe,MAAM;;CACrE;AAED,SAAwB,IAAqB;CAC3C,IAAM,CAAC,GAAQ,KAAa,EAAS,gBAAgB;AAErD,QACE,kBAAC,OAAD;EACE,cAAW;EACX,UAAU,MAAM;GACd,IAAM,IAAU,EAAE,OAAuB,QAAQ,IAAI;AACrD,OAAI,GAAQ;AACV,MAAE,gBAAgB;IAClB,IAAM,IAAK,EAAO,aAAa,OAAO,EAAE,QAAQ,KAAK,GAAG;AACxD,IAAI,KAAI,EAAU,EAAG;;;YAIzB,kBAAC,GAAD;GAAuB;GAAO,YAAY;GAAU,CAAA;EAChD,CAAA"}

package/examples/password-demo.js

@@ -4,6 +4,7 @@ import { jsx as t } from "react/jsx-runtime";
 //#region lib/examples/password-demo.tsx
 function n() {
 	return /* @__PURE__ */ t(e, {
+		name: "password",
 		label: "Password",
 		description: "Enter your password",
 		placeholder: "Enter password",

package/examples/password-demo.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-demo.js","names":[],"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\n      label=\"Password\"\n      description=\"Enter your password\"\n      placeholder=\"Enter password\"\n      validationMessages={[\n        {\n          label: 'At least 12 characters',\n          status: 'success',\n        },\n        {\n          label: 'At least one lowercase',\n          status: 'success',\n        },\n        {\n          label: 'At least one uppercase',\n          status: 'error',\n        },\n        {\n          label: \"At least one special character #$%&'()*\",\n          status: 'error',\n        },\n        {\n          label: 'At least one number',\n          status: 'error',\n        },\n      ]}\n    />\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAe;AACrC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,aAAY;EACZ,oBAAoB;GAClB;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;;;EAGZ,CAAA"}
+{"version":3,"file":"password-demo.js","names":[],"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\n      name=\"password\"\n      label=\"Password\"\n      description=\"Enter your password\"\n      placeholder=\"Enter password\"\n      validationMessages={[\n        {\n          label: 'At least 12 characters',\n          status: 'success',\n        },\n        {\n          label: 'At least one lowercase',\n          status: 'success',\n        },\n        {\n          label: 'At least one uppercase',\n          status: 'error',\n        },\n        {\n          label: \"At least one special character #$%&'()*\",\n          status: 'error',\n        },\n        {\n          label: 'At least one number',\n          status: 'error',\n        },\n      ]}\n    />\n  );\n}\n"],"mappings":";;;;AAIA,SAAwB,IAAe;AACrC,QACE,kBAAC,GAAD;EACE,MAAK;EACL,OAAM;EACN,aAAY;EACZ,aAAY;EACZ,oBAAoB;GAClB;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;IACT;GACD;IACE,OAAO;IACP,QAAQ;;;EAGZ,CAAA"}

package/examples/phone-field-demo.js

@@ -11,14 +11,18 @@ function r() {
 			placeholder: "+33 1 23 45 67 89",
 			mode: "full",
 			className: "max-w-sm",
-			pattern: "+33 # ## ## ## ##"
+			pattern: "+33 # ## ## ## ##",
+			id: "phonefield-full",
+			name: "Demo for the full version of the PhoneField component"
 		}), /* @__PURE__ */ t(e, {
 			label: "Phone Number",
 			description: "Select your code and number",
 			placeholder: "1 23 45 67 89",
 			mode: "split",
 			className: "max-w-sm",
-			pattern: "# ## ## ## ##"
+			pattern: "# ## ## ## ##",
+			id: "phonefield-split",
+			name: "Demo for the split version of the PhoneField component"
 		})]
 	});
 }