@noambz/ui 0.7.0

package/dist/components/molecules/otp-input/otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/otp-input/otp-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ClipboardEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst DEFAULT_OTP_LENGTH = 6;\n\nexport interface IOTPInputProps {\n  /** Number of code slots. Defaults to 6. */\n  length?: number;\n  /** Controlled value (string of exactly `length` chars, short-padded). */\n  value?: string;\n  /** Default value for uncontrolled usage. */\n  defaultValue?: string;\n  /** Fires with the current concatenated string after every keystroke. */\n  onChange?: (value: string) => void;\n  /** Fires once when the user fills the final slot. */\n  onComplete?: (value: string) => void;\n  /** Restrict input. Defaults to digits only. */\n  pattern?: \"numeric\" | \"alphanumeric\" | \"any\";\n  disabled?: boolean;\n  autoFocus?: boolean;\n  invalid?: boolean;\n  \"aria-label\"?: string;\n  className?: string;\n  name?: string;\n}\n\nfunction getPatternRegex(pattern: IOTPInputProps[\"pattern\"]) {\n  if (pattern === \"alphanumeric\") return /^[a-zA-Z0-9]$/;\n  if (pattern === \"any\") return /^.$/;\n  return /^[0-9]$/;\n}\n\n/**\n * One-time-password style input. Renders `length` separate character slots\n * that auto-advance on input and paste-splits across slots. Pressing\n * backspace on an empty slot focuses the previous slot.\n */\nexport const OTPInput = forwardRef<HTMLDivElement, IOTPInputProps>(\n  (\n    {\n      length = DEFAULT_OTP_LENGTH,\n      value,\n      defaultValue,\n      onChange,\n      onComplete,\n      pattern = \"numeric\",\n      disabled,\n      autoFocus,\n      invalid,\n      className,\n      name,\n      \"aria-label\": ariaLabel = \"Verification code\",\n    },\n    ref,\n  ) => {\n    const baseId = useId();\n    const refs = useRef<Array<HTMLInputElement | null>>([]);\n    const isControlled = value !== undefined;\n    const [inner, setInner] = useState<string>(defaultValue ?? \"\");\n    const current = isControlled ? value ?? \"\" : inner;\n\n    useEffect(() => {\n      if (autoFocus) refs.current[0]?.focus();\n    }, [autoFocus]);\n\n    const chars = Array.from({ length }, (_, i) => current[i] ?? \"\");\n    const regex = getPatternRegex(pattern);\n\n    const setValue = (next: string) => {\n      const sliced = next.slice(0, length);\n      if (!isControlled) setInner(sliced);\n      onChange?.(sliced);\n      if (sliced.length === length) onComplete?.(sliced);\n    };\n\n    const focusIndex = (index: number) => {\n      const clamped = Math.max(0, Math.min(length - 1, index));\n      refs.current[clamped]?.focus();\n      refs.current[clamped]?.select();\n    };\n\n    const handleChange = (index: number, rawInput: string) => {\n      const char = rawInput.slice(-1);\n      if (char && !regex.test(char)) return;\n      const next = chars.map((c, i) => (i === index ? char : c));\n      const joined = next.join(\"\").slice(0, length);\n      setValue(joined);\n      if (char) focusIndex(index + 1);\n    };\n\n    const handleKeyDown = (index: number, event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === \"Backspace\") {\n        if (chars[index]) {\n          const next = chars.map((c, i) => (i === index ? \"\" : c)).join(\"\");\n          setValue(next);\n        } else if (index > 0) {\n          const next = chars.map((c, i) => (i === index - 1 ? \"\" : c)).join(\"\");\n          setValue(next);\n          focusIndex(index - 1);\n        }\n        event.preventDefault();\n      } else if (event.key === \"ArrowLeft\") {\n        focusIndex(index - 1);\n        event.preventDefault();\n      } else if (event.key === \"ArrowRight\") {\n        focusIndex(index + 1);\n        event.preventDefault();\n      }\n    };\n\n    const handlePaste = (index: number, event: ClipboardEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      const pasted = event.clipboardData.getData(\"text\").trim();\n      const filtered = Array.from(pasted).filter((c) => regex.test(c)).join(\"\");\n      if (!filtered) return;\n      const before = chars.slice(0, index).join(\"\");\n      const joined = (before + filtered).slice(0, length).padEnd(length, \"\").trimEnd();\n      setValue(joined);\n      const nextFocus = Math.min(length - 1, before.length + filtered.length);\n      focusIndex(nextFocus);\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-label={ariaLabel}\n        className={cn(\"inline-flex items-center gap-2\", className)}\n      >\n        {chars.map((char, index) => (\n          <input\n            key={index}\n            ref={(node) => {\n              refs.current[index] = node;\n            }}\n            id={`${baseId}-${index}`}\n            name={name ? `${name}[${index}]` : undefined}\n            type=\"text\"\n            inputMode={pattern === \"numeric\" ? \"numeric\" : \"text\"}\n            autoComplete={index === 0 ? \"one-time-code\" : \"off\"}\n            maxLength={1}\n            value={char}\n            aria-invalid={invalid || undefined}\n            disabled={disabled}\n            onChange={(e) => handleChange(index, e.target.value)}\n            onKeyDown={(e) => handleKeyDown(index, e)}\n            onPaste={(e) => handlePaste(index, e)}\n            onFocus={(e) => e.currentTarget.select()}\n            className={cn(\n              \"h-12 w-10 rounded-lg border text-center text-lg font-semibold text-foreground\",\n              \"bg-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n              \"disabled:cursor-not-allowed disabled:opacity-50\",\n              invalid ? \"border-red-500\" : \"border-border-strong\",\n            )}\n          />\n        ))}\n      </div>\n    );\n  },\n);\nOTPInput.displayName = \"OTPInput\";\n"],"mappings":"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","names":[]}

package/dist/components/molecules/otp-input/otp-input.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { OTPInput } from "./otp-input.js";
+declare const meta: Meta<typeof OTPInput>;
+export default meta;
+type Story = StoryObj<typeof OTPInput>;
+export declare const Default: Story;
+export declare const Alphanumeric: Story;
+export declare const Invalid: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=otp-input.stories.d.ts.map

package/dist/components/molecules/otp-input/otp-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/otp-input/otp-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAIvC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/components/molecules/otp-input/otp-input.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=otp-input.test.d.ts.map

package/dist/components/molecules/otp-input/otp-input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.test.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/otp-input/otp-input.test.tsx"],"names":[],"mappings":""}

package/dist/components/molecules/page-header/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./page-header.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/page-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/page-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/molecules/page-header/index.js

@@ -0,0 +1,2 @@
+export * from "./page-header.js";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/page-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/page-header/index.ts"],"sourcesContent":["export * from \"./page-header.js\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/molecules/page-header/page-header.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+export interface IPageHeaderProps {
+    title: ReactNode;
+    description?: ReactNode;
+    actions?: ReactNode;
+    className?: string;
+}
+/**
+ * Standard page title block with optional description and action slot.
+ */
+export declare function PageHeader({ title, description, actions, className }: IPageHeaderProps): import("react").JSX.Element;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/molecules/page-header/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/page-header/page-header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAYtF"}

package/dist/components/molecules/page-header/page-header.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { cn } from "../../../utils/cn.js";
+import { Typography } from "../../atoms/typography/typography.js";
+function PageHeader({ title, description, actions, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h2", children: title }),
+      description ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 flex-wrap items-center gap-2", children: actions }) : null
+  ] });
+}
+export {
+  PageHeader
+};
+//# sourceMappingURL=page-header.js.map

package/dist/components/molecules/page-header/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/page-header/page-header.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\nimport { Typography } from \"../../atoms/typography/typography.js\";\n\nexport interface IPageHeaderProps {\n  title: ReactNode;\n  description?: ReactNode;\n  actions?: ReactNode;\n  className?: string;\n}\n\n/**\n * Standard page title block with optional description and action slot.\n */\nexport function PageHeader({ title, description, actions, className }: IPageHeaderProps) {\n  return (\n    <div className={cn(\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\", className)}>\n      <div className=\"space-y-1\">\n        <Typography variant=\"h2\">{title}</Typography>\n        {description ? (\n          <p className=\"text-sm text-muted-foreground\">{description}</p>\n        ) : null}\n      </div>\n      {actions ? <div className=\"flex shrink-0 flex-wrap items-center gap-2\">{actions}</div> : null}\n    </div>\n  );\n}\n"],"mappings":";AAmBM,SACE,KADF;AAjBN,eAA+B;AAC/B,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAYpB,SAAS,WAAW,EAAE,OAAO,aAAa,SAAS,UAAU,GAAqB;AACvF,SACE,qBAAC,SAAI,WAAW,GAAG,qEAAqE,SAAS,GAC/F;AAAA,yBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,cAAW,SAAQ,MAAM,iBAAM;AAAA,MAC/B,cACC,oBAAC,OAAE,WAAU,iCAAiC,uBAAY,IACxD;AAAA,OACN;AAAA,IACC,UAAU,oBAAC,SAAI,WAAU,8CAA8C,mBAAQ,IAAS;AAAA,KAC3F;AAEJ;","names":[]}

package/dist/components/molecules/pagination/index.d.ts

@@ -0,0 +1,3 @@
+export { Pagination } from "./pagination.js";
+export type { IPaginationProps, IPaginationLabels } from "./pagination.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/molecules/pagination/index.js

@@ -0,0 +1,5 @@
+import { Pagination } from "./pagination.js";
+export {
+  Pagination
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/pagination/index.ts"],"sourcesContent":["export { Pagination } from \"./pagination.js\";\nexport type { IPaginationProps, IPaginationLabels } from \"./pagination.js\";\n"],"mappings":"AAAA,SAAS,kBAAkB;","names":[]}

package/dist/components/molecules/pagination/pagination.d.ts

@@ -0,0 +1,19 @@
+export interface IPaginationLabels {
+    prev: string;
+    next: string;
+    page: string;
+    of: string;
+}
+export interface IPaginationProps {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    labels?: Partial<IPaginationLabels>;
+}
+/**
+ * Prev / current-page / next paging controls. Hides itself when totalPages <= 1.
+ * Labels are passed as props; this component is i18n-unaware so it does not
+ * couple to a translation system.
+ */
+export declare function Pagination({ page, totalPages, onPageChange, labels }: IPaginationProps): import("react").JSX.Element | null;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/molecules/pagination/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/pagination/pagination.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;CACrC;AASD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,gBAAgB,sCA0BtF"}

package/dist/components/molecules/pagination/pagination.js

@@ -0,0 +1,45 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const DEFAULT_LABELS = {
+  prev: "Previous",
+  next: "Next",
+  page: "Page",
+  of: "of"
+};
+function Pagination({ page, totalPages, onPageChange, labels }) {
+  if (totalPages <= 1) return null;
+  const resolved = { ...DEFAULT_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => onPageChange(Math.max(1, page - 1)),
+        disabled: page <= 1,
+        className: "rounded-lg border border-border-strong px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-surface-muted disabled:opacity-40",
+        children: resolved.prev
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+      resolved.page,
+      " ",
+      page,
+      " ",
+      resolved.of,
+      " ",
+      totalPages
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => onPageChange(Math.min(totalPages, page + 1)),
+        disabled: page >= totalPages,
+        className: "rounded-lg border border-border-strong px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-surface-muted disabled:opacity-40",
+        children: resolved.next
+      }
+    )
+  ] });
+}
+export {
+  Pagination
+};
+//# sourceMappingURL=pagination.js.map

package/dist/components/molecules/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/pagination/pagination.tsx"],"sourcesContent":["\"use client\";\n\nexport interface IPaginationLabels {\n  prev: string;\n  next: string;\n  page: string;\n  of: string;\n}\n\nexport interface IPaginationProps {\n  page: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  labels?: Partial<IPaginationLabels>;\n}\n\nconst DEFAULT_LABELS: IPaginationLabels = {\n  prev: \"Previous\",\n  next: \"Next\",\n  page: \"Page\",\n  of: \"of\",\n};\n\n/**\n * Prev / current-page / next paging controls. Hides itself when totalPages <= 1.\n * Labels are passed as props; this component is i18n-unaware so it does not\n * couple to a translation system.\n */\nexport function Pagination({ page, totalPages, onPageChange, labels }: IPaginationProps) {\n  if (totalPages <= 1) return null;\n\n  const resolved: IPaginationLabels = { ...DEFAULT_LABELS, ...labels };\n\n  return (\n    <div className=\"flex items-center justify-center gap-3\">\n      <button\n        onClick={() => onPageChange(Math.max(1, page - 1))}\n        disabled={page <= 1}\n        className=\"rounded-lg border border-border-strong px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-surface-muted disabled:opacity-40\"\n      >\n        {resolved.prev}\n      </button>\n      <span className=\"text-sm text-muted-foreground\">\n        {resolved.page} {page} {resolved.of} {totalPages}\n      </span>\n      <button\n        onClick={() => onPageChange(Math.min(totalPages, page + 1))}\n        disabled={page >= totalPages}\n        className=\"rounded-lg border border-border-strong px-3 py-1.5 text-sm text-foreground transition-colors hover:bg-surface-muted disabled:opacity-40\"\n      >\n        {resolved.next}\n      </button>\n    </div>\n  );\n}\n"],"mappings":";AAmCM,cAOA,YAPA;AAnBN,MAAM,iBAAoC;AAAA,EACxC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,IAAI;AACN;AAOO,SAAS,WAAW,EAAE,MAAM,YAAY,cAAc,OAAO,GAAqB;AACvF,MAAI,cAAc,EAAG,QAAO;AAE5B,QAAM,WAA8B,EAAE,GAAG,gBAAgB,GAAG,OAAO;AAEnE,SACE,qBAAC,SAAI,WAAU,0CACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC;AAAA,QACjD,UAAU,QAAQ;AAAA,QAClB,WAAU;AAAA,QAET,mBAAS;AAAA;AAAA,IACZ;AAAA,IACA,qBAAC,UAAK,WAAU,iCACb;AAAA,eAAS;AAAA,MAAK;AAAA,MAAE;AAAA,MAAK;AAAA,MAAE,SAAS;AAAA,MAAG;AAAA,MAAE;AAAA,OACxC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM,aAAa,KAAK,IAAI,YAAY,OAAO,CAAC,CAAC;AAAA,QAC1D,UAAU,QAAQ;AAAA,QAClB,WAAU;AAAA,QAET,mBAAS;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/molecules/pagination/pagination.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Pagination } from "./pagination.js";
+declare const meta: Meta<typeof Pagination>;
+export default meta;
+type Story = StoryObj<typeof Pagination>;
+export declare const FirstPage: Story;
+export declare const MiddlePage: Story;
+export declare const LastPage: Story;
+export declare const SinglePageHidden: Story;
+export declare const HebrewLabels: Story;
+//# sourceMappingURL=pagination.stories.d.ts.map

package/dist/components/molecules/pagination/pagination.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/pagination/pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}

package/dist/components/molecules/progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress } from "./progress.js";
+export type { IProgressProps } from "./progress.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/molecules/progress/index.js

@@ -0,0 +1,5 @@
+import { Progress } from "./progress.js";
+export {
+  Progress
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/progress/index.ts"],"sourcesContent":["export { Progress } from \"./progress.js\";\nexport type { IProgressProps } from \"./progress.js\";\n"],"mappings":"AAAA,SAAS,gBAAgB;","names":[]}

package/dist/components/molecules/progress/progress.d.ts

@@ -0,0 +1,20 @@
+import * as RadixProgress from "@radix-ui/react-progress";
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentPropsWithoutRef } from "react";
+declare const progressRootVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const progressIndicatorVariants: (props?: ({
+    tone?: "neutral" | "success" | "warning" | "danger" | "primary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IProgressProps extends Omit<ComponentPropsWithoutRef<typeof RadixProgress.Root>, "value">, VariantProps<typeof progressRootVariants>, VariantProps<typeof progressIndicatorVariants> {
+    /** 0-100. `null` renders an indeterminate progress bar. */
+    value?: number | null;
+}
+/**
+ * Linear progress indicator. Pass `value={null}` for indeterminate (loading)
+ * state; otherwise pass a 0-100 number.
+ */
+export declare const Progress: import("react").ForwardRefExoticComponent<IProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=progress.d.ts.map

package/dist/components/molecules/progress/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/progress/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAKnF,QAAA,MAAM,oBAAoB;;8EAczB,CAAC;AAEF,QAAA,MAAM,yBAAyB;;8EAa7B,CAAC;AAEH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,EACxE,YAAY,CAAC,OAAO,oBAAoB,CAAC,EACzC,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,2GAmBpB,CAAC"}

package/dist/components/molecules/progress/progress.js

@@ -0,0 +1,63 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixProgress from "@radix-ui/react-progress";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const PROGRESS_MAX_PCT = 100;
+const progressRootVariants = cva(
+  "relative w-full overflow-hidden rounded-full bg-surface-muted",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const progressIndicatorVariants = cva("h-full transition-transform duration-300 ease-out", {
+  variants: {
+    tone: {
+      primary: "bg-blue-600",
+      success: "bg-green-600",
+      warning: "bg-amber-500",
+      danger: "bg-red-600",
+      neutral: "bg-foreground/60"
+    }
+  },
+  defaultVariants: {
+    tone: "primary"
+  }
+});
+const Progress = forwardRef(
+  ({ className, size, tone, value, ...props }, ref) => {
+    const isIndeterminate = value === null || value === void 0;
+    const clamped = isIndeterminate ? 0 : Math.max(0, Math.min(PROGRESS_MAX_PCT, value));
+    return /* @__PURE__ */ jsx(
+      RadixProgress.Root,
+      {
+        ref,
+        value: isIndeterminate ? null : clamped,
+        className: cn(progressRootVariants({ size }), className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          RadixProgress.Indicator,
+          {
+            className: cn(progressIndicatorVariants({ tone }), isIndeterminate && "animate-pulse"),
+            style: { transform: `translateX(-${PROGRESS_MAX_PCT - clamped}%)` }
+          }
+        )
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
+export {
+  Progress
+};
+//# sourceMappingURL=progress.js.map

package/dist/components/molecules/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/progress/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixProgress from \"@radix-ui/react-progress\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst PROGRESS_MAX_PCT = 100;\n\nconst progressRootVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-surface-muted\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-2\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst progressIndicatorVariants = cva(\"h-full transition-transform duration-300 ease-out\", {\n  variants: {\n    tone: {\n      primary: \"bg-blue-600\",\n      success: \"bg-green-600\",\n      warning: \"bg-amber-500\",\n      danger: \"bg-red-600\",\n      neutral: \"bg-foreground/60\",\n    },\n  },\n  defaultVariants: {\n    tone: \"primary\",\n  },\n});\n\nexport interface IProgressProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixProgress.Root>, \"value\">,\n    VariantProps<typeof progressRootVariants>,\n    VariantProps<typeof progressIndicatorVariants> {\n  /** 0-100. `null` renders an indeterminate progress bar. */\n  value?: number | null;\n}\n\n/**\n * Linear progress indicator. Pass `value={null}` for indeterminate (loading)\n * state; otherwise pass a 0-100 number.\n */\nexport const Progress = forwardRef<ElementRef<typeof RadixProgress.Root>, IProgressProps>(\n  ({ className, size, tone, value, ...props }, ref) => {\n    const isIndeterminate = value === null || value === undefined;\n    const clamped = isIndeterminate ? 0 : Math.max(0, Math.min(PROGRESS_MAX_PCT, value));\n\n    return (\n      <RadixProgress.Root\n        ref={ref}\n        value={isIndeterminate ? null : clamped}\n        className={cn(progressRootVariants({ size }), className)}\n        {...props}\n      >\n        <RadixProgress.Indicator\n          className={cn(progressIndicatorVariants({ tone }), isIndeterminate && \"animate-pulse\")}\n          style={{ transform: `translateX(-${PROGRESS_MAX_PCT - clamped}%)` }}\n        />\n      </RadixProgress.Root>\n    );\n  },\n);\nProgress.displayName = \"Progress\";\n"],"mappings":";AAgEQ;AA9DR,YAAY,mBAAmB;AAC/B,SAAS,WAA8B;AACvC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAEzB,MAAM,uBAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,4BAA4B,IAAI,qDAAqD;AAAA,EACzF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAcM,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,QAAQ;AACnD,UAAM,kBAAkB,UAAU,QAAQ,UAAU;AACpD,UAAM,UAAU,kBAAkB,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,kBAAkB,KAAK,CAAC;AAEnF,WACE;AAAA,MAAC,cAAc;AAAA,MAAd;AAAA,QACC;AAAA,QACA,OAAO,kBAAkB,OAAO;AAAA,QAChC,WAAW,GAAG,qBAAqB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,QACtD,GAAG;AAAA,QAEJ;AAAA,UAAC,cAAc;AAAA,UAAd;AAAA,YACC,WAAW,GAAG,0BAA0B,EAAE,KAAK,CAAC,GAAG,mBAAmB,eAAe;AAAA,YACrF,OAAO,EAAE,WAAW,eAAe,mBAAmB,OAAO,KAAK;AAAA;AAAA,QACpE;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;","names":[]}

package/dist/components/molecules/progress/progress.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Progress } from "./progress.js";
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Basic: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const Indeterminate: Story;
+export declare const SizeMatrix: StoryObj;
+export declare const Animated: StoryObj;
+//# sourceMappingURL=progress.stories.d.ts.map

package/dist/components/molecules/progress/progress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/progress/progress.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAK/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAE3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAQxB,CAAC;AAMF,eAAO,MAAM,QAAQ,EAAE,QAgBtB,CAAC"}

package/dist/components/molecules/query-state/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./query-state.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/query-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/query-state/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/molecules/query-state/index.js

@@ -0,0 +1,2 @@
+export * from "./query-state.js";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/query-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/query-state/index.ts"],"sourcesContent":["export * from \"./query-state.js\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/molecules/query-state/query-state.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+export interface IQueryStateProps {
+    isLoading?: boolean;
+    error?: Error | string | null;
+    isEmpty?: boolean;
+    loadingMessage?: ReactNode;
+    errorTitle?: ReactNode;
+    emptyTitle?: ReactNode;
+    emptyDescription?: ReactNode;
+    emptyAction?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+}
+/**
+ * Standard async query wrapper for loading, error, empty, and success states.
+ */
+export declare function QueryState({ isLoading, error, isEmpty, loadingMessage, errorTitle, emptyTitle, emptyDescription, emptyAction, children, className, }: IQueryStateProps): import("react").JSX.Element;
+//# sourceMappingURL=query-state.d.ts.map

package/dist/components/molecules/query-state/query-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-state.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/query-state/query-state.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAiB,EACjB,KAAY,EACZ,OAAe,EACf,cAA6B,EAC7B,UAAU,EACV,UAA+B,EAC/B,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,+BAmClB"}

package/dist/components/molecules/query-state/query-state.js

@@ -0,0 +1,54 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { cn } from "../../../utils/cn.js";
+import { Spinner } from "../../atoms/spinner/spinner.js";
+import { Alert } from "../alert/alert.js";
+import { EmptyState } from "../empty-state/empty-state.js";
+function QueryState({
+  isLoading = false,
+  error = null,
+  isEmpty = false,
+  loadingMessage = "Loading...",
+  errorTitle,
+  emptyTitle = "Nothing here yet",
+  emptyDescription,
+  emptyAction,
+  children,
+  className
+}) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3 py-8 text-sm text-muted-foreground", className), children: [
+      /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+      /* @__PURE__ */ jsx("span", { children: loadingMessage })
+    ] });
+  }
+  if (error) {
+    const message = typeof error === "string" ? error : error.message;
+    return /* @__PURE__ */ jsx(
+      Alert,
+      {
+        variant: "danger",
+        title: errorTitle ?? "Something went wrong",
+        description: message,
+        className
+      }
+    );
+  }
+  if (isEmpty) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: emptyTitle,
+        description: emptyDescription,
+        action: emptyAction,
+        className
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+export {
+  QueryState
+};
+//# sourceMappingURL=query-state.js.map

package/dist/components/molecules/query-state/query-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/query-state/query-state.tsx"],"sourcesContent":["\"use client\";\n\nimport { type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\nimport { Spinner } from \"../../atoms/spinner/spinner.js\";\nimport { Alert } from \"../alert/alert.js\";\nimport { EmptyState } from \"../empty-state/empty-state.js\";\n\nexport interface IQueryStateProps {\n  isLoading?: boolean;\n  error?: Error | string | null;\n  isEmpty?: boolean;\n  loadingMessage?: ReactNode;\n  errorTitle?: ReactNode;\n  emptyTitle?: ReactNode;\n  emptyDescription?: ReactNode;\n  emptyAction?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}\n\n/**\n * Standard async query wrapper for loading, error, empty, and success states.\n */\nexport function QueryState({\n  isLoading = false,\n  error = null,\n  isEmpty = false,\n  loadingMessage = \"Loading...\",\n  errorTitle,\n  emptyTitle = \"Nothing here yet\",\n  emptyDescription,\n  emptyAction,\n  children,\n  className,\n}: IQueryStateProps) {\n  if (isLoading) {\n    return (\n      <div className={cn(\"flex items-center gap-3 py-8 text-sm text-muted-foreground\", className)}>\n        <Spinner size=\"sm\" />\n        <span>{loadingMessage}</span>\n      </div>\n    );\n  }\n\n  if (error) {\n    const message = typeof error === \"string\" ? error : error.message;\n\n    return (\n      <Alert\n        variant=\"danger\"\n        title={errorTitle ?? \"Something went wrong\"}\n        description={message}\n        className={className}\n      />\n    );\n  }\n\n  if (isEmpty) {\n    return (\n      <EmptyState\n        title={emptyTitle}\n        description={emptyDescription}\n        action={emptyAction}\n        className={className}\n      />\n    );\n  }\n\n  return <>{children}</>;\n}\n"],"mappings":";AAsCM,SA+BG,UA9BD,KADF;AApCN,eAA+B;AAC/B,SAAS,UAAU;AACnB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAkBpB,SAAS,WAAW;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqB;AACnB,MAAI,WAAW;AACb,WACE,qBAAC,SAAI,WAAW,GAAG,8DAA8D,SAAS,GACxF;AAAA,0BAAC,WAAQ,MAAK,MAAK;AAAA,MACnB,oBAAC,UAAM,0BAAe;AAAA,OACxB;AAAA,EAEJ;AAEA,MAAI,OAAO;AACT,UAAM,UAAU,OAAO,UAAU,WAAW,QAAQ,MAAM;AAE1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO,cAAc;AAAA,QACrB,aAAa;AAAA,QACb;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,MAAI,SAAS;AACX,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,aAAa;AAAA,QACb,QAAQ;AAAA,QACR;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SAAO,gCAAG,UAAS;AACrB;","names":[]}

package/dist/components/molecules/search-input/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchInput, type ISearchInputProps } from "./search-input.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/search-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/search-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/molecules/search-input/index.js

@@ -0,0 +1,5 @@
+import { SearchInput } from "./search-input.js";
+export {
+  SearchInput
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/search-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/search-input/index.ts"],"sourcesContent":["export { SearchInput, type ISearchInputProps } from \"./search-input.js\";\n"],"mappings":"AAAA,SAAS,mBAA2C;","names":[]}

package/dist/components/molecules/search-input/search-input.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+import { type IInputProps } from "../../atoms/input/input.js";
+export interface ISearchInputProps extends Omit<IInputProps, "type"> {
+    /** Leading icon. Defaults to a magnifying glass. */
+    icon?: ReactNode;
+    /** Accessible label for the clear button. */
+    clearLabel?: string;
+    /** Hide the clear button even when the input has a value. */
+    hideClearButton?: boolean;
+    /** Called when the user clicks the clear button or presses Escape. */
+    onClear?: () => void;
+}
+/**
+ * Text input with a leading search icon and a trailing clear button that
+ * appears while the input has a value. Pressing Escape also clears.
+ *
+ * Works uncontrolled (via internal ref + `input.value = ""`) and controlled
+ * (via `onChange`/`onClear`). In controlled mode pass `onClear` to clear
+ * state in the parent.
+ */
+export declare const SearchInput: import("react").ForwardRefExoticComponent<ISearchInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=search-input.d.ts.map

package/dist/components/molecules/search-input/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/search-input/search-input.tsx"],"names":[],"mappings":"AAEA,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAS,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAyCrE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAClE,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,gHA+EvB,CAAC"}