@kanzo-tech/ui 0.0.1-alpha

package/dist/simples/badge.js

@@ -0,0 +1,138 @@
+import { jsx as a } from "react/jsx-runtime";
+import { ark as d } from "@ark-ui/react/factory";
+import { tv as u } from "tailwind-variants";
+import { cn as c } from "../lib/cn.js";
+const g = u({
+  base: [
+    "relative",
+    "inline-flex items-center justify-center gap-1",
+    "select-none whitespace-nowrap font-medium text-xs",
+    "rounded-md border border-transparent",
+    "overflow-hidden",
+    "transition-colors",
+    "outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-ring",
+    "[&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0",
+    "[button&,a&]:cursor-pointer [button&,a&]:pointer-coarse:after:absolute [button&,a&]:pointer-coarse:after:size-full [button&,a&]:pointer-coarse:after:min-h-11 [button&,a&]:pointer-coarse:after:min-w-11",
+    "motion-reduce:transition-none!"
+  ],
+  variants: {
+    variant: {
+      default: [
+        "bg-foreground",
+        "text-background",
+        "focus-visible:border-foreground focus-visible:ring-foreground/20",
+        "dark:focus-visible:ring-foreground/40",
+        "[a&]:hover:bg-foreground/90"
+      ],
+      secondary: [
+        "bg-secondary",
+        "text-secondary-foreground",
+        "border-secondary/20",
+        "focus-visible:border-foreground focus-visible:ring-foreground/50",
+        // Step 4's hover is step 5, and that is `--accent`. Diluting the fill composited it over
+        // the page rather than over the badge: ΔE 0.61 from the rest state in light, 0.86 in dark.
+        // `bg-accent` measures 3.96 and 4.61 — what the outline variant already uses.
+        "[a&]:hover:bg-accent"
+      ],
+      outline: [
+        "text-foreground",
+        "border-border",
+        "[a&]:hover:bg-accent",
+        "[a&]:hover:text-accent-foreground"
+      ],
+      // The soft status badges read their ink off step 11 (`--X-foreground`), not off the step-9
+      // fill. Measured on their own fill: `--success` 3.11:1 in light, `--warning` 2.75, `--info`
+      // 3.56 in dark — step 9's obligation is `visible-fill` at 3:1, and a badge label is small
+      // text that owes 4.5. Step 11 measures 5.17–6.81 on `--X-wash` and 4.86–6.28 on the
+      // `-wash-strong` hover, across every surface a badge can sit on. This is what tokens.css
+      // documents `-foreground` to be for a status family.
+      //
+      // The fills were `bg-X/10` → `bg-X/20`, and the destructive row carried the whole argument
+      // for this change in one class: a 10% `bg-destructive` overridden to 5% in dark, a percentage
+      // hand-corrected per mode because one number cannot serve both.
+      success: [
+        "bg-success/7",
+        "text-success-foreground",
+        "border-success/30",
+        "focus-visible:border-success focus-visible:ring-success/20",
+        "[a&]:hover:bg-success/14"
+      ],
+      info: [
+        "bg-info/7",
+        "text-info-foreground",
+        "border-info/30",
+        "focus-visible:border-info focus-visible:ring-info/50",
+        "[a&]:hover:bg-info/14"
+      ],
+      warning: [
+        "bg-warning/7",
+        "text-warning-foreground",
+        "border-warning/30",
+        "focus-visible:border-warning focus-visible:ring-warning/20",
+        "dark:focus-visible:ring-warning/40",
+        "[a&]:hover:bg-warning/14"
+      ],
+      destructive: [
+        "bg-destructive/7",
+        "text-destructive-foreground",
+        "border-destructive/30",
+        "focus-visible:border-destructive focus-visible:ring-destructive/24",
+        "dark:focus-visible:ring-destructive/40",
+        "[a&]:hover:bg-destructive/14"
+      ]
+    },
+    size: {
+      // Micro-badge: the "Coming soon" / "Experimental" marker that sits next to a
+      // control rather than standing on its own. Uses the smallest type token.
+      xs: [
+        "h-4 min-w-4",
+        "px-1",
+        "gap-0.5",
+        "rounded-selector",
+        "text-[length:var(--kanzo-font-size-xs)]",
+        "[&_svg]:size-2.5"
+      ],
+      sm: ["h-5 min-w-5", "px-1"],
+      md: ["h-5.5 min-w-5.5", "px-1.5"],
+      lg: ["h-6.5 min-w-6.5", "px-2", "text-sm"]
+    },
+    pill: {
+      true: [
+        "rounded-full",
+        "has-[>svg]:data-[size=xs]:pe-1.5",
+        "has-[>svg]:data-[size=sm]:pe-1.5",
+        "has-[>svg]:data-[size=md]:pe-2",
+        "has-[>svg]:data-[size=lg]:pe-2 sm:has-[>svg]:data-[size=lg]:pe-2.5"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    pill: !1
+  }
+}), p = (s) => {
+  const {
+    variant: e = "default",
+    size: r = "md",
+    pill: o = !1,
+    className: i,
+    slot: n,
+    ...t
+  } = s;
+  return /* @__PURE__ */ a(
+    d.span,
+    {
+      className: c(g({ variant: e, size: r, pill: o }), i),
+      "data-size": r,
+      "data-variant": e,
+      ...t,
+      "data-slot": n ?? "badge"
+    }
+  );
+};
+export {
+  p as Badge,
+  g as badgeVariants
+};
+//# sourceMappingURL=badge.js.map

package/dist/simples/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../src/simples/badge.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\n\nexport const badgeVariants = tv({\n  base: [\n    \"relative\",\n    \"inline-flex items-center justify-center gap-1\",\n    \"select-none whitespace-nowrap font-medium text-xs\",\n    \"rounded-md border border-transparent\",\n    \"overflow-hidden\",\n    \"transition-colors\",\n    \"outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-ring\",\n    \"[&_svg]:pointer-events-none [&_svg]:size-3 [&_svg]:shrink-0\",\n    \"[button&,a&]:cursor-pointer [button&,a&]:pointer-coarse:after:absolute [button&,a&]:pointer-coarse:after:size-full [button&,a&]:pointer-coarse:after:min-h-11 [button&,a&]:pointer-coarse:after:min-w-11\",\n    \"motion-reduce:transition-none!\",\n  ],\n  variants: {\n    variant: {\n      default: [\n        \"bg-foreground\",\n        \"text-background\",\n        \"focus-visible:border-foreground focus-visible:ring-foreground/20\",\n        \"dark:focus-visible:ring-foreground/40\",\n        \"[a&]:hover:bg-foreground/90\",\n      ],\n      secondary: [\n        \"bg-secondary\",\n        \"text-secondary-foreground\",\n        \"border-secondary/20\",\n        \"focus-visible:border-foreground focus-visible:ring-foreground/50\",\n        // Step 4's hover is step 5, and that is `--accent`. Diluting the fill composited it over\n        // the page rather than over the badge: ΔE 0.61 from the rest state in light, 0.86 in dark.\n        // `bg-accent` measures 3.96 and 4.61 — what the outline variant already uses.\n        \"[a&]:hover:bg-accent\",\n      ],\n      outline: [\n        \"text-foreground\",\n        \"border-border\",\n        \"[a&]:hover:bg-accent\",\n        \"[a&]:hover:text-accent-foreground\",\n      ],\n      // The soft status badges read their ink off step 11 (`--X-foreground`), not off the step-9\n      // fill. Measured on their own fill: `--success` 3.11:1 in light, `--warning` 2.75, `--info`\n      // 3.56 in dark — step 9's obligation is `visible-fill` at 3:1, and a badge label is small\n      // text that owes 4.5. Step 11 measures 5.17–6.81 on `--X-wash` and 4.86–6.28 on the\n      // `-wash-strong` hover, across every surface a badge can sit on. This is what tokens.css\n      // documents `-foreground` to be for a status family.\n      //\n      // The fills were `bg-X/10` → `bg-X/20`, and the destructive row carried the whole argument\n      // for this change in one class: a 10% `bg-destructive` overridden to 5% in dark, a percentage\n      // hand-corrected per mode because one number cannot serve both.\n      success: [\n        \"bg-success/7\",\n        \"text-success-foreground\",\n        \"border-success/30\",\n        \"focus-visible:border-success focus-visible:ring-success/20\",\n        \"[a&]:hover:bg-success/14\",\n      ],\n      info: [\n        \"bg-info/7\",\n        \"text-info-foreground\",\n        \"border-info/30\",\n        \"focus-visible:border-info focus-visible:ring-info/50\",\n        \"[a&]:hover:bg-info/14\",\n      ],\n      warning: [\n        \"bg-warning/7\",\n        \"text-warning-foreground\",\n        \"border-warning/30\",\n        \"focus-visible:border-warning focus-visible:ring-warning/20\",\n        \"dark:focus-visible:ring-warning/40\",\n        \"[a&]:hover:bg-warning/14\",\n      ],\n      destructive: [\n        \"bg-destructive/7\",\n        \"text-destructive-foreground\",\n        \"border-destructive/30\",\n        \"focus-visible:border-destructive focus-visible:ring-destructive/24\",\n        \"dark:focus-visible:ring-destructive/40\",\n        \"[a&]:hover:bg-destructive/14\",\n      ],\n    },\n    size: {\n      // Micro-badge: the \"Coming soon\" / \"Experimental\" marker that sits next to a\n      // control rather than standing on its own. Uses the smallest type token.\n      xs: [\n        \"h-4 min-w-4\",\n        \"px-1\",\n        \"gap-0.5\",\n        \"rounded-selector\",\n        \"text-[length:var(--kanzo-font-size-xs)]\",\n        \"[&_svg]:size-2.5\",\n      ],\n      sm: [\"h-5 min-w-5\", \"px-1\"],\n      md: [\"h-5.5 min-w-5.5\", \"px-1.5\"],\n      lg: [\"h-6.5 min-w-6.5\", \"px-2\", \"text-sm\"],\n    },\n    pill: {\n      true: [\n        \"rounded-full\",\n        \"has-[>svg]:data-[size=xs]:pe-1.5\",\n        \"has-[>svg]:data-[size=sm]:pe-1.5\",\n        \"has-[>svg]:data-[size=md]:pe-2\",\n        \"has-[>svg]:data-[size=lg]:pe-2 sm:has-[>svg]:data-[size=lg]:pe-2.5\",\n      ],\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n    pill: false,\n  },\n});\n\nexport type BadgeVariant = VariantProps<typeof badgeVariants>[\"variant\"];\n\ninterface BadgeProps\n  extends React.ComponentProps<typeof ark.span>,\n    VariantProps<typeof badgeVariants> {}\n\nexport const Badge = (props: BadgeProps) => {\n  const {\n    variant = \"default\",\n    size = \"md\",\n    pill = false,\n    className,\n    slot,\n    ...rest\n  } = props;\n\n  return (\n    <ark.span\n      className={cn(badgeVariants({ variant, size, pill }), className)}\n      data-size={size}\n      data-variant={variant}\n      {...rest}\n      data-slot={slot ?? \"badge\"}\n    />\n  );\n};\n"],"names":["badgeVariants","tv","Badge","props","variant","size","pill","className","slot","rest","jsx","ark","cn"],"mappings":";;;;AAIO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA;AAAA;AAAA,QAIA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAYF,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,aAAa;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,MAAM;AAAA;AAAA;AAAA,MAGJ,IAAI;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,IAAI,CAAC,eAAe,MAAM;AAAA,MAC1B,IAAI,CAAC,mBAAmB,QAAQ;AAAA,MAChC,IAAI,CAAC,mBAAmB,QAAQ,SAAS;AAAA,IAAA;AAAA,IAE3C,MAAM;AAAA,MACJ,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAEV,CAAC,GAQYC,IAAQ,CAACC,MAAsB;AAC1C,QAAM;AAAA,IACJ,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN;AAEJ,SACE,gBAAAO;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC,EAAGZ,EAAc,EAAE,SAAAI,GAAS,MAAAC,GAAM,MAAAC,EAAA,CAAM,GAAGC,CAAS;AAAA,MAC/D,aAAWF;AAAA,MACX,gBAAcD;AAAA,MACb,GAAGK;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+interface BreadcrumbProps extends React.ComponentProps<typeof ark.nav> {
+    /**
+     * Accessible label for the breadcrumb navigation landmark.
+     *
+     * @default "Breadcrumb"
+     */
+    "aria-label"?: string;
+}
+export declare const Breadcrumb: (props: BreadcrumbProps) => React.JSX.Element;
+export declare const BreadcrumbList: (props: React.ComponentProps<typeof ark.ol>) => React.JSX.Element;
+export declare const BreadcrumbItem: (props: React.ComponentProps<typeof ark.li>) => React.JSX.Element;
+export declare const BreadcrumbLink: (props: React.ComponentProps<typeof ark.a>) => React.JSX.Element;
+export declare const BreadcrumbPage: (props: React.ComponentProps<typeof ark.span>) => React.JSX.Element;
+export declare const BreadcrumbSeparator: (props: React.ComponentProps<typeof ark.li>) => React.JSX.Element;
+export declare const BreadcrumbEllipsis: ({ slot, ...rest }: React.ComponentProps<typeof ark.span>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/simples/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/simples/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC;IACpE;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,sBAoBhD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC,sBAexE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC,sBAUxE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,sBAkBvE,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,sBAY7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC9B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC,sBAe3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,sBAUzD,CAAC"}

package/dist/simples/breadcrumb.js

@@ -0,0 +1,107 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ark as o } from "@ark-ui/react/factory";
+import { MoreHorizontalIcon as l, ChevronRightIcon as c } from "lucide-react";
+import { cn as n } from "../lib/cn.js";
+const p = (r) => {
+  const {
+    "aria-label": e = "Breadcrumb",
+    className: a,
+    slot: s,
+    ...i
+  } = r;
+  return /* @__PURE__ */ t(
+    o.nav,
+    {
+      "aria-label": e,
+      className: n("min-w-0", a),
+      ...i,
+      "data-slot": s ?? "breadcrumb"
+    }
+  );
+}, f = (r) => {
+  const { className: e, slot: a, ...s } = r;
+  return /* @__PURE__ */ t(
+    o.ol,
+    {
+      className: n(
+        "flex flex-wrap items-center gap-1.5 sm:gap-2.5",
+        "wrap-break-word text-muted-foreground text-sm",
+        e
+      ),
+      role: "list",
+      ...s,
+      "data-slot": a ?? "breadcrumb-list"
+    }
+  );
+}, g = (r) => {
+  const { className: e, slot: a, ...s } = r;
+  return /* @__PURE__ */ t(
+    o.li,
+    {
+      className: n("inline-flex items-center gap-1.5", e),
+      ...s,
+      "data-slot": a ?? "breadcrumb-item"
+    }
+  );
+}, N = (r) => {
+  const { className: e, slot: a, ...s } = r;
+  return /* @__PURE__ */ t(
+    o.a,
+    {
+      className: n(
+        "text-nowrap",
+        "rounded-md border border-transparent",
+        "transition-colors",
+        "hover:text-foreground",
+        "outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "motion-reduce:transition-none!",
+        e
+      ),
+      ...s,
+      "data-slot": a ?? "breadcrumb-link"
+    }
+  );
+}, x = (r) => {
+  const { className: e, slot: a, ...s } = r;
+  return /* @__PURE__ */ t(
+    o.span,
+    {
+      "aria-current": "page",
+      className: n("font-normal text-foreground", e),
+      ...s,
+      "data-slot": a ?? "breadcrumb-page"
+    }
+  );
+}, v = (r) => {
+  const { children: e, className: a, slot: s, ...i } = r;
+  return /* @__PURE__ */ t(
+    o.li,
+    {
+      "aria-hidden": "true",
+      className: n("opacity-64 [&_svg]:size-4", a),
+      role: "presentation",
+      ...i,
+      "data-slot": s ?? "breadcrumb-separator",
+      children: e ?? /* @__PURE__ */ t(c, {})
+    }
+  );
+}, h = ({ slot: r, ...e }) => /* @__PURE__ */ t(
+  o.span,
+  {
+    "aria-hidden": "true",
+    role: "presentation",
+    ...e,
+    "data-slot": r ?? "breadcrumb-ellipsis",
+    children: /* @__PURE__ */ t(l, { className: "size-4" })
+  }
+);
+export {
+  p as Breadcrumb,
+  h as BreadcrumbEllipsis,
+  g as BreadcrumbItem,
+  N as BreadcrumbLink,
+  f as BreadcrumbList,
+  x as BreadcrumbPage,
+  v as BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/simples/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sources":["../../src/simples/breadcrumb.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { cn } from \"../lib/cn\";\n\ninterface BreadcrumbProps extends React.ComponentProps<typeof ark.nav> {\n  /**\n   * Accessible label for the breadcrumb navigation landmark.\n   *\n   * @default \"Breadcrumb\"\n   */\n  \"aria-label\"?: string;\n}\n\nexport const Breadcrumb = (props: BreadcrumbProps) => {\n  const {\n    \"aria-label\": ariaLabel = \"Breadcrumb\",\n    className,\n    slot,\n    ...rest\n  } = props;\n\n  return (\n    <ark.nav\n      aria-label={ariaLabel}\n      // `min-w-0`, which upstream leaves classless. Inside a flex row — a shell header, a toolbar\n      // — a `nav` without it refuses to shrink below its content, so the trail stops yielding and\n      // pushes whatever sits beside it off the edge instead. Additive, and never worse: a landmark\n      // that *can* shrink still only shrinks when the row is short of room.\n      className={cn(\"min-w-0\", className)}\n      {...rest}\n      data-slot={slot ?? \"breadcrumb\"}\n    />\n  );\n};\n\nexport const BreadcrumbList = (props: React.ComponentProps<typeof ark.ol>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.ol\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 sm:gap-2.5\",\n        \"wrap-break-word text-muted-foreground text-sm\",\n        className\n      )}\n      role=\"list\"\n      {...rest}\n      data-slot={slot ?? \"breadcrumb-list\"}\n    />\n  );\n};\n\nexport const BreadcrumbItem = (props: React.ComponentProps<typeof ark.li>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.li\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...rest}\n      data-slot={slot ?? \"breadcrumb-item\"}\n    />\n  );\n};\n\nexport const BreadcrumbLink = (props: React.ComponentProps<typeof ark.a>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.a\n      className={cn(\n        \"text-nowrap\",\n        \"rounded-md border border-transparent\",\n        \"transition-colors\",\n        \"hover:text-foreground\",\n        \"outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"motion-reduce:transition-none!\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"breadcrumb-link\"}\n    />\n  );\n};\n\nexport const BreadcrumbPage = (\n  props: React.ComponentProps<typeof ark.span>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.span\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...rest}\n      data-slot={slot ?? \"breadcrumb-page\"}\n    />\n  );\n};\n\nexport const BreadcrumbSeparator = (\n  props: React.ComponentProps<typeof ark.li>\n) => {\n  const { children, className, slot, ...rest } = props;\n\n  return (\n    <ark.li\n      aria-hidden=\"true\"\n      className={cn(\"opacity-64 [&_svg]:size-4\", className)}\n      role=\"presentation\"\n      {...rest}\n      data-slot={slot ?? \"breadcrumb-separator\"}\n    >\n      {children ?? <ChevronRightIcon />}\n    </ark.li>\n  );\n};\n\nexport const BreadcrumbEllipsis = (\n  { slot, ...rest }: React.ComponentProps<typeof ark.span>\n) => (\n  <ark.span\n    aria-hidden=\"true\"\n    role=\"presentation\"\n    {...rest}\n    data-slot={slot ?? \"breadcrumb-ellipsis\"}\n  >\n    <MoreHorizontalIcon className=\"size-4\" />\n  </ark.span>\n);\n"],"names":["Breadcrumb","props","ariaLabel","className","slot","rest","jsx","ark","cn","BreadcrumbList","BreadcrumbItem","BreadcrumbLink","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRightIcon","BreadcrumbEllipsis","MoreHorizontalIcon"],"mappings":";;;;AAcO,MAAMA,IAAa,CAACC,MAA2B;AACpD,QAAM;AAAA,IACJ,cAAcC,IAAY;AAAA,IAC1B,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDJ;AAEJ,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,cAAYL;AAAA,MAKZ,WAAWM,EAAG,WAAWL,CAAS;AAAA,MACjC,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaK,IAAiB,CAACR,MAA+C;AAC5E,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACJ,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaM,IAAiB,CAACT,MAA+C;AAC5E,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC,EAAG,oCAAoCL,CAAS;AAAA,MAC1D,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaO,IAAiB,CAACV,MAA8C;AAC3E,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaQ,IAAiB,CAC5BX,MACG;AACH,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,gBAAa;AAAA,MACb,WAAWC,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAEaS,IAAsB,CACjCZ,MACG;AACH,QAAM,EAAE,UAAAa,GAAU,WAAAX,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAE/C,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAG,6BAA6BL,CAAS;AAAA,MACpD,MAAK;AAAA,MACJ,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,MAElB,UAAAU,uBAAaC,GAAA,CAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAGrC,GAEaC,IAAqB,CAChC,EAAE,MAAAZ,GAAM,GAAGC,QAEX,gBAAAC;AAAA,EAACC,EAAI;AAAA,EAAJ;AAAA,IACC,eAAY;AAAA,IACZ,MAAK;AAAA,IACJ,GAAGF;AAAA,IACJ,aAAWD,KAAQ;AAAA,IAEnB,UAAA,gBAAAE,EAACW,GAAA,EAAmB,WAAU,SAAA,CAAS;AAAA,EAAA;AACzC;"}

package/dist/simples/button-group.d.ts

@@ -0,0 +1,19 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+import { Separator } from './separator';
+type Labelled = {
+    "aria-label": string;
+    "aria-labelledby"?: never;
+} | {
+    "aria-labelledby": string;
+    "aria-label"?: never;
+};
+export type ButtonGroupProps = Omit<React.ComponentProps<typeof ark.div>, "aria-label" | "aria-labelledby"> & {
+    /** @default "horizontal" */
+    orientation?: "horizontal" | "vertical";
+} & Labelled;
+export declare const ButtonGroup: (props: ButtonGroupProps) => React.JSX.Element;
+export declare const ButtonGroupText: (props: React.ComponentProps<typeof ark.span>) => React.JSX.Element;
+export declare const ButtonGroupSeparator: (props: React.ComponentProps<typeof Separator>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=button-group.d.ts.map

package/dist/simples/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/simples/button-group.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA0BxC,KAAK,QAAQ,GACT;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,EACpC,YAAY,GAAG,iBAAiB,CACjC,GAAG;IACF,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,GAAG,QAAQ,CAAC;AAEb,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAYlD,CAAC;AAGF,eAAO,MAAM,eAAe,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,sBAgB3E,CAAC;AAIF,eAAO,MAAM,oBAAoB,GAC/B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,sBAY9C,CAAC"}

package/dist/simples/button-group.js

@@ -0,0 +1,69 @@
+import { jsx as a } from "react/jsx-runtime";
+import { ark as s } from "@ark-ui/react/factory";
+import { tv as l } from "tailwind-variants";
+import { cn as i } from "../lib/cn.js";
+import { Separator as c } from "./separator.js";
+const d = l({
+  base: [
+    "flex items-center",
+    "isolate",
+    // Children overlap by a pixel so shared borders don't double, and the focused/hovered one
+    // lifts above its neighbours so its ring is never clipped.
+    "[&>*]:relative",
+    "[&>*:hover]:z-1 [&>*:focus-visible]:z-1",
+    "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
+    // Horizontal: collapse the inner radii, overlap along the inline axis.
+    "data-[orientation=horizontal]:[&>*:not(:first-child)]:rounded-s-none",
+    "data-[orientation=horizontal]:[&>*:not(:last-child)]:rounded-e-none",
+    "data-[orientation=horizontal]:[&>*:not(:first-child)]:-ms-px",
+    // Vertical: collapse along the block axis instead.
+    "data-[orientation=vertical]:[&>*:not(:first-child)]:rounded-t-none",
+    "data-[orientation=vertical]:[&>*:not(:last-child)]:rounded-b-none",
+    "data-[orientation=vertical]:[&>*:not(:first-child)]:-mt-px"
+  ]
+}), h = (t) => {
+  const { orientation: o = "horizontal", className: e, slot: n, ...r } = t;
+  return /* @__PURE__ */ a(
+    s.div,
+    {
+      className: i(d(), e),
+      "data-orientation": o,
+      role: "group",
+      ...r,
+      "data-slot": n ?? "button-group"
+    }
+  );
+}, x = (t) => {
+  const { className: o, slot: e, ...n } = t;
+  return /* @__PURE__ */ a(
+    s.span,
+    {
+      className: i(
+        "flex items-center gap-2",
+        "px-3",
+        "select-none font-medium text-muted-foreground text-sm",
+        "[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none",
+        o
+      ),
+      ...n,
+      "data-slot": e ?? "button-group-text"
+    }
+  );
+}, g = (t) => {
+  const { orientation: o = "vertical", className: e, slot: n, ...r } = t;
+  return /* @__PURE__ */ a(
+    c,
+    {
+      className: i("self-stretch", e),
+      orientation: o,
+      ...r,
+      slot: n ?? "button-group-separator"
+    }
+  );
+};
+export {
+  h as ButtonGroup,
+  g as ButtonGroupSeparator,
+  x as ButtonGroupText
+};
+//# sourceMappingURL=button-group.js.map

package/dist/simples/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sources":["../../src/simples/button-group.tsx"],"sourcesContent":["// A cluster of related actions rendered as one visual unit — the buttons/inputs are children,\n// this only groups them. Presentational (`ark.*`), so no client boundary. For a SINGLE-select\n// choice use `SegmentGroup`; this is for independent actions sitting shoulder to shoulder.\n\nimport { ark } from \"@ark-ui/react/factory\";\nimport type React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport { Separator } from \"./separator\";\n\nconst buttonGroupVariants = tv({\n  base: [\n    \"flex items-center\",\n    \"isolate\",\n    // Children overlap by a pixel so shared borders don't double, and the focused/hovered one\n    // lifts above its neighbours so its ring is never clipped.\n    \"[&>*]:relative\",\n    \"[&>*:hover]:z-1 [&>*:focus-visible]:z-1\",\n    \"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n    // Horizontal: collapse the inner radii, overlap along the inline axis.\n    \"data-[orientation=horizontal]:[&>*:not(:first-child)]:rounded-s-none\",\n    \"data-[orientation=horizontal]:[&>*:not(:last-child)]:rounded-e-none\",\n    \"data-[orientation=horizontal]:[&>*:not(:first-child)]:-ms-px\",\n    // Vertical: collapse along the block axis instead.\n    \"data-[orientation=vertical]:[&>*:not(:first-child)]:rounded-t-none\",\n    \"data-[orientation=vertical]:[&>*:not(:last-child)]:rounded-b-none\",\n    \"data-[orientation=vertical]:[&>*:not(:first-child)]:-mt-px\",\n  ],\n});\n\n// A group of independent actions is not a labelled region on its own, so it needs an accessible\n// name the way a `<fieldset>` would — but a real fieldset/legend fights `aria-label`. So we take\n// `role=\"group\"` and REQUIRE a name at the type level: exactly one of `aria-label` /\n// `aria-labelledby` must be supplied.\ntype Labelled =\n  | { \"aria-label\": string; \"aria-labelledby\"?: never }\n  | { \"aria-labelledby\": string; \"aria-label\"?: never };\n\nexport type ButtonGroupProps = Omit<\n  React.ComponentProps<typeof ark.div>,\n  \"aria-label\" | \"aria-labelledby\"\n> & {\n  /** @default \"horizontal\" */\n  orientation?: \"horizontal\" | \"vertical\";\n} & Labelled;\n\nexport const ButtonGroup = (props: ButtonGroupProps) => {\n  const { orientation = \"horizontal\", className, slot, ...rest } = props;\n\n  return (\n    <ark.div\n      className={cn(buttonGroupVariants(), className)}\n      data-orientation={orientation}\n      role=\"group\"\n      {...rest}\n      data-slot={slot ?? \"button-group\"}\n    />\n  );\n};\n\n// A text label sitting inside the cluster (a unit, a prefix). Mirrors `InputGroupText`.\nexport const ButtonGroupText = (props: React.ComponentProps<typeof ark.span>) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <ark.span\n      className={cn(\n        \"flex items-center gap-2\",\n        \"px-3\",\n        \"select-none font-medium text-muted-foreground text-sm\",\n        \"[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none\",\n        className\n      )}\n      {...rest}\n      data-slot={slot ?? \"button-group-text\"}\n    />\n  );\n};\n\n// Divides two sub-clusters inside a group. Vertical by default — a button group runs along the\n// inline axis, so the divider between two runs is a vertical hairline.\nexport const ButtonGroupSeparator = (\n  props: React.ComponentProps<typeof Separator>\n) => {\n  const { orientation = \"vertical\", className, slot, ...rest } = props;\n\n  return (\n    <Separator\n      className={cn(\"self-stretch\", className)}\n      orientation={orientation}\n      {...rest}\n      slot={slot ?? \"button-group-separator\"}\n    />\n  );\n};\n"],"names":["buttonGroupVariants","tv","ButtonGroup","props","orientation","className","slot","rest","jsx","ark","cn","ButtonGroupText","ButtonGroupSeparator","Separator"],"mappings":";;;;;AAUA,MAAMA,IAAsBC,EAAG;AAAA,EAC7B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ,CAAC,GAkBYC,IAAc,CAACC,MAA4B;AACtD,QAAM,EAAE,aAAAC,IAAc,cAAc,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAEjE,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC,EAAGV,EAAA,GAAuBK,CAAS;AAAA,MAC9C,oBAAkBD;AAAA,MAClB,MAAK;AAAA,MACJ,GAAGG;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAGaK,IAAkB,CAACR,MAAiD;AAC/E,QAAM,EAAE,WAAAE,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAErC,SACE,gBAAAK;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB,GAIaM,IAAuB,CAClCT,MACG;AACH,QAAM,EAAE,aAAAC,IAAc,YAAY,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAE/D,SACE,gBAAAK;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWH,EAAG,gBAAgBL,CAAS;AAAA,MACvC,aAAAD;AAAA,MACC,GAAGG;AAAA,MACJ,MAAMD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/simples/button.d.ts

@@ -0,0 +1,148 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+/**
+ * Everything a class list can say. The rest — the fill, the ink, the edge, the lift, the hover, the
+ * active and the height — is one block of real CSS in `styles.css`, written once in terms of three
+ * locals, and this file assigns those three.
+ *
+ * **That is the whole shape of the change, and it is daisyUI's.** Their `.btn-primary` is two
+ * custom-property assignments over a `.btn` that derives every state; ours was six variants of five
+ * to six utilities each, naming eight different tokens between them, with the hover of each written
+ * separately. A hover rule that lives in six places is a hover rule that drifts in six places, and
+ * three of the comments this file used to carry were measurements taken to settle one of those
+ * drifts.
+ *
+ * What a variant may set: `--btn-bg`, `--btn-fg`, `--btn-bd`. Nothing else here paints.
+ */
+export declare const buttonVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        outline: string[];
+        destructive: string[];
+        secondary: string[];
+        ghost: string[];
+        link: string[];
+    };
+    /**
+     * Padding, gaps and icon sizes. **The heights are not here** — they are `--size-field` in
+     * `styles.css`, keyed off the `data-size` this recipe already writes, so a tenant can ask for
+     * compact controls without asking for tighter text.
+     *
+     * The floor is still measured rather than chosen. `xs` and `icon-xs` were both `1.5rem`, and
+     * every size is a `rem` against a root the density axis sets — 16px default, 14px compact, 18px
+     * comfortable — so they measured **21px in compact**, under the 24×24 WCAG 2.5.8 states in CSS
+     * pixels. `sm` is the smallest size that clears the bar in all three densities. No call site was
+     * failing: the spacing exception saves a clustered control, and every measured `xs` was in a
+     * cluster. The variant went because its NAME promised a size it could not deliver at one
+     * density, and nothing was published to break.
+     */
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        "icon-sm": string[];
+        "icon-md": string[];
+        "icon-lg": string[];
+        "icon-xl": string[];
+    };
+    clickEffect: {
+        true: string;
+    };
+    pill: {
+        true: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        outline: string[];
+        destructive: string[];
+        secondary: string[];
+        ghost: string[];
+        link: string[];
+    };
+    /**
+     * Padding, gaps and icon sizes. **The heights are not here** — they are `--size-field` in
+     * `styles.css`, keyed off the `data-size` this recipe already writes, so a tenant can ask for
+     * compact controls without asking for tighter text.
+     *
+     * The floor is still measured rather than chosen. `xs` and `icon-xs` were both `1.5rem`, and
+     * every size is a `rem` against a root the density axis sets — 16px default, 14px compact, 18px
+     * comfortable — so they measured **21px in compact**, under the 24×24 WCAG 2.5.8 states in CSS
+     * pixels. `sm` is the smallest size that clears the bar in all three densities. No call site was
+     * failing: the spacing exception saves a clustered control, and every measured `xs` was in a
+     * cluster. The variant went because its NAME promised a size it could not deliver at one
+     * density, and nothing was published to break.
+     */
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        "icon-sm": string[];
+        "icon-md": string[];
+        "icon-lg": string[];
+        "icon-xl": string[];
+    };
+    clickEffect: {
+        true: string;
+    };
+    pill: {
+        true: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        outline: string[];
+        destructive: string[];
+        secondary: string[];
+        ghost: string[];
+        link: string[];
+    };
+    /**
+     * Padding, gaps and icon sizes. **The heights are not here** — they are `--size-field` in
+     * `styles.css`, keyed off the `data-size` this recipe already writes, so a tenant can ask for
+     * compact controls without asking for tighter text.
+     *
+     * The floor is still measured rather than chosen. `xs` and `icon-xs` were both `1.5rem`, and
+     * every size is a `rem` against a root the density axis sets — 16px default, 14px compact, 18px
+     * comfortable — so they measured **21px in compact**, under the 24×24 WCAG 2.5.8 states in CSS
+     * pixels. `sm` is the smallest size that clears the bar in all three densities. No call site was
+     * failing: the spacing exception saves a clustered control, and every measured `xs` was in a
+     * cluster. The variant went because its NAME promised a size it could not deliver at one
+     * density, and nothing was published to break.
+     */
+    size: {
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        "icon-sm": string[];
+        "icon-md": string[];
+        "icon-lg": string[];
+        "icon-xl": string[];
+    };
+    clickEffect: {
+        true: string;
+    };
+    pill: {
+        true: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export interface ButtonProps extends React.ComponentProps<typeof ark.button>, VariantProps<typeof buttonVariants> {
+    /**
+     * Apply a click effect to the button
+     *
+     * @default true
+     */
+    clickEffect?: boolean;
+    /**
+     * Show a loading indicator
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+}
+export declare const Button: (props: ButtonProps) => React.JSX.Element;
+//# sourceMappingURL=button.d.ts.map

package/dist/simples/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/simples/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAI1D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;;;;;;;IA+DvB;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;IAZH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;;;;;;;;;;IAZH;;;;;;;;;;;;OAYG;;;;;;;;;;;;;;;;;qDAqCL,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,MAAM,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBA6CxC,CAAC"}