@evinvest/uikit 0.19.0 → 0.21.0

package/dist/components/breadcrumb.js

@@ -0,0 +1,132 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { Slot } from "../primitives/slot.js";
+import {
+  BREADCRUMB_ELLIPSIS,
+  BREADCRUMB_ITEM,
+  BREADCRUMB_LINK,
+  BREADCRUMB_LIST,
+  BREADCRUMB_PAGE,
+  BREADCRUMB_SEPARATOR
+} from "../generated/breadcrumb.js";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(BREADCRUMB_LIST, className),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn(BREADCRUMB_ITEM, className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn(BREADCRUMB_LINK, className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn(BREADCRUMB_PAGE, className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(BREADCRUMB_SEPARATOR, className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) })
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(BREADCRUMB_ELLIPSIS, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "size-4",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+              /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Slot } from \"../primitives/slot\";\nimport {\n  BREADCRUMB_ELLIPSIS,\n  BREADCRUMB_ITEM,\n  BREADCRUMB_LINK,\n  BREADCRUMB_LIST,\n  BREADCRUMB_PAGE,\n  BREADCRUMB_SEPARATOR,\n} from \"../generated/breadcrumb\";\n\nexport function Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nexport function BreadcrumbList({\n  className,\n  ...props\n}: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(BREADCRUMB_LIST, className)}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbItem({\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(BREADCRUMB_ITEM, className)}\n      {...props}\n    />\n  );\n}\n\nexport interface BreadcrumbLinkProps extends React.ComponentProps<\"a\"> {\n  asChild?: boolean;\n}\n\nexport function BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: BreadcrumbLinkProps) {\n  const Comp = asChild ? Slot : \"a\";\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(BREADCRUMB_LINK, className)}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport function BreadcrumbPage({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(BREADCRUMB_PAGE, className)}\n      {...props}\n    />\n  );\n}\n\nexport function BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(BREADCRUMB_SEPARATOR, className)}\n      {...props}\n    >\n      {children ?? (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2}>\n          <path d=\"m9 18 6-6-6-6\" />\n        </svg>\n      )}\n    </li>\n  );\n}\n\nexport function BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(BREADCRUMB_ELLIPSIS, className)}\n      {...props}\n    >\n      <svg\n        className=\"size-4\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"1\" />\n        <circle cx=\"19\" cy=\"12\" r=\"1\" />\n        <circle cx=\"5\" cy=\"12\" r=\"1\" />\n      </svg>\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n"],"mappings":"AAaS,cAkGH,YAlGG;AAbT,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,WAAW,EAAE,GAAG,MAAM,GAAgC;AACpE,SAAO,oBAAC,SAAI,cAAW,cAAa,aAAU,cAAc,GAAG,OAAO;AACxE;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAI;AAAA;AAAA,EACP;AAEJ;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACvC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC5C,GAAG;AAAA,MAEH,sBACC,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GACtE,8BAAC,UAAK,GAAE,iBAAgB,GAC1B;AAAA;AAAA,EAEJ;AAEJ;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC3C,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAa;AAAA,YAEb;AAAA,kCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,cAC9B,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,cAC9B,oBAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI;AAAA;AAAA;AAAA,QAC/B;AAAA,QACA,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}

package/dist/components/button-group.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { Slot } from "../primitives/slot.js";
+import {
+  BUTTON_GROUP_BASE,
+  BUTTON_GROUP_SEPARATOR_BASE,
+  BUTTON_GROUP_TEXT_BASE,
+  buttonGroupOrientationClasses
+} from "../generated/button-group.js";
+function ButtonGroup({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(BUTTON_GROUP_BASE, buttonGroupOrientationClasses[orientation], className),
+      ...props
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(BUTTON_GROUP_TEXT_BASE, className),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "separator",
+      "data-slot": "button-group-separator",
+      "data-orientation": "vertical",
+      className: cn(BUTTON_GROUP_SEPARATOR_BASE, className),
+      ...props
+    }
+  );
+}
+export {
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText
+};
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button-group.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Slot } from \"../primitives/slot\";\nimport {\n  BUTTON_GROUP_BASE,\n  BUTTON_GROUP_SEPARATOR_BASE,\n  BUTTON_GROUP_TEXT_BASE,\n  buttonGroupOrientationClasses,\n  type ButtonGroupOrientation,\n} from \"../generated/button-group\";\n\nexport type { ButtonGroupOrientation };\n\nexport interface ButtonGroupProps extends React.ComponentProps<\"div\"> {\n  orientation?: ButtonGroupOrientation;\n}\n\nexport function ButtonGroup({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: ButtonGroupProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(BUTTON_GROUP_BASE, buttonGroupOrientationClasses[orientation], className)}\n      {...props}\n    />\n  );\n}\n\nexport interface ButtonGroupTextProps extends React.ComponentProps<\"div\"> {\n  asChild?: boolean;\n}\n\nexport function ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: ButtonGroupTextProps) {\n  const Comp = asChild ? Slot : \"div\";\n  return (\n    <Comp\n      className={cn(BUTTON_GROUP_TEXT_BASE, className)}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n\nexport function ButtonGroupSeparator({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"separator\"\n      data-slot=\"button-group-separator\"\n      data-orientation=\"vertical\"\n      className={cn(BUTTON_GROUP_SEPARATOR_BASE, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AAuBI;AAvBJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAQA,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,cAAc;AAAA,EACd,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW,GAAG,mBAAmB,8BAA8B,WAAW,GAAG,SAAS;AAAA,MACrF,GAAG;AAAA;AAAA,EACN;AAEJ;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAyB;AACvB,QAAM,OAAO,UAAU,OAAO;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAI;AAAA;AAAA,EACP;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAiB;AAAA,MACjB,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/button.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { Slot } from "../primitives/slot.js";
+import { accentFillClasses, accentOutlineClasses } from "../generated/accent.js";
+import {
+  BUTTON_BASE,
+  buttonIconSizeClasses,
+  buttonSizeClasses,
+  buttonVariantClasses
+} from "../generated/button.js";
+function buttonVariants({
+  variant = "primary",
+  size = "md",
+  icon = false,
+  accent,
+  className
+} = {}) {
+  return cn(
+    BUTTON_BASE,
+    buttonVariantClasses[variant],
+    icon ? buttonIconSizeClasses[size] : buttonSizeClasses[size],
+    accent === void 0 ? void 0 : accentClass(accent, variant),
+    className
+  );
+}
+function accentClass(accent, variant) {
+  return variant === "outline" ? accentOutlineClasses[accent] : accentFillClasses[accent];
+}
+function Button({
+  className,
+  variant = "primary",
+  size = "md",
+  icon = false,
+  accent,
+  asChild = false,
+  href,
+  ...props
+}) {
+  const Comp = asChild ? Slot : href !== void 0 ? "a" : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      href,
+      className: cn(buttonVariants({ variant, size, icon, accent }), className),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Slot } from \"../primitives/slot\";\nimport { accentFillClasses, accentOutlineClasses, type Accent } from \"../generated/accent\";\nimport {\n  BUTTON_BASE,\n  buttonIconSizeClasses,\n  buttonSizeClasses,\n  buttonVariantClasses,\n  type ButtonSize,\n  type ButtonVariant,\n} from \"../generated/button\";\n\nexport type { Accent, ButtonSize, ButtonVariant };\n\nexport interface ButtonVariantsOptions {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  /** A square button holding a bare glyph; `size` still picks the magnitude. */\n  icon?: boolean;\n  /** Recolours the button at an accent rung; unset is the normal case. */\n  accent?: Accent | undefined;\n  className?: string;\n}\n\n/**\n * Returns the fused canonical button class string. Reused by `pagination` so a\n * non-`Button` element can adopt the same styling, mirroring Rust's\n * `button_classes`.\n *\n * The accent fuses after the variant so it recolours whatever the variant set.\n */\nexport function buttonVariants({\n  variant = \"primary\",\n  size = \"md\",\n  icon = false,\n  accent,\n  className,\n}: ButtonVariantsOptions = {}): string {\n  return cn(\n    BUTTON_BASE,\n    buttonVariantClasses[variant],\n    icon ? buttonIconSizeClasses[size] : buttonSizeClasses[size],\n    accent === undefined ? undefined : accentClass(accent, variant),\n    className,\n  );\n}\n\n// Which face an accent wears is the variant's business — an outlined button tints\n// what it already has, anything else repaints. Mirrors Rust's `button_accent_class`.\nfunction accentClass(accent: Accent, variant: ButtonVariant): string {\n  return variant === \"outline\" ? accentOutlineClasses[accent] : accentFillClasses[accent];\n}\n\nexport interface ButtonProps extends React.ComponentProps<\"button\"> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  icon?: boolean;\n  accent?: Accent;\n  asChild?: boolean;\n  /** Renders an `<a>` wearing the button's classes — a link that looks like a\n   *  call to action is still a link. */\n  href?: string;\n}\n\nexport function Button({\n  className,\n  variant = \"primary\",\n  size = \"md\",\n  icon = false,\n  accent,\n  asChild = false,\n  href,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : href !== undefined ? \"a\" : \"button\";\n  return (\n    <Comp\n      data-slot=\"button\"\n      href={href}\n      className={cn(buttonVariants({ variant, size, icon, accent }), className)}\n      {...(props as Record<string, unknown>)}\n    />\n  );\n}\n"],"mappings":"AA6EI;AA7EJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,YAAY;AACrB,SAAS,mBAAmB,4BAAyC;AACrE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAqBA,SAAS,eAAe;AAAA,EAC7B,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AACF,IAA2B,CAAC,GAAW;AACrC,SAAO;AAAA,IACL;AAAA,IACA,qBAAqB,OAAO;AAAA,IAC5B,OAAO,sBAAsB,IAAI,IAAI,kBAAkB,IAAI;AAAA,IAC3D,WAAW,SAAY,SAAY,YAAY,QAAQ,OAAO;AAAA,IAC9D;AAAA,EACF;AACF;AAIA,SAAS,YAAY,QAAgB,SAAgC;AACnE,SAAO,YAAY,YAAY,qBAAqB,MAAM,IAAI,kBAAkB,MAAM;AACxF;AAaO,SAAS,OAAO;AAAA,EACrB;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAAgB;AACd,QAAM,OAAO,UAAU,OAAO,SAAS,SAAY,MAAM;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,MAAM,OAAO,CAAC,GAAG,SAAS;AAAA,MACvE,GAAI;AAAA;AAAA,EACP;AAEJ;","names":[]}

package/dist/components/calendar.js

@@ -0,0 +1,226 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import { buttonVariants } from "./button.js";
+import {
+  CALENDAR_CAPTION,
+  CALENDAR_DAY,
+  CALENDAR_DAY_CELL,
+  CALENDAR_DAY_EMPTY,
+  CALENDAR_DAY_SELECTED,
+  CALENDAR_DAY_TODAY,
+  CALENDAR_GRID,
+  CALENDAR_NAV,
+  CALENDAR_NAV_BUTTON,
+  CALENDAR_ROOT,
+  CALENDAR_WEEK,
+  CALENDAR_WEEKDAY,
+  CALENDAR_WEEKDAY_ROW
+} from "../generated/calendar.js";
+const MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+const WEEKDAYS = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
+const CHEVRON_LEFT = "m15 18-6-6 6-6";
+const CHEVRON_RIGHT = "m9 18 6-6-6-6";
+function Chevron({ d }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      className: "size-4",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("path", { d })
+    }
+  );
+}
+function startOfMonth(d) {
+  return new Date(d.getFullYear(), d.getMonth(), 1);
+}
+function mondayIndex(d) {
+  return (d.getDay() + 6) % 7;
+}
+function sameDay(a, b) {
+  return !!a && a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function startOfDay(d) {
+  return new Date(d.getFullYear(), d.getMonth(), d.getDate());
+}
+function outOfRange(day, min, max) {
+  const t = day.getTime();
+  return !!min && t < startOfDay(min).getTime() || !!max && t > startOfDay(max).getTime();
+}
+const MONDAY = new Date(2024, 0, 1);
+function formatWeekdays(locale, weekday) {
+  const fmt = new Intl.DateTimeFormat(locale, { weekday });
+  return Array.from(
+    { length: 7 },
+    (_, i) => fmt.format(new Date(MONDAY.getFullYear(), MONDAY.getMonth(), MONDAY.getDate() + i))
+  );
+}
+function localisedWeekdays(locale) {
+  const short = formatWeekdays(locale, "short");
+  if (!short.some((label) => /\s/.test(label))) return short;
+  const narrow = formatWeekdays(locale, "narrow");
+  return new Set(narrow).size === narrow.length ? narrow : short;
+}
+function Calendar({
+  selected,
+  onSelect,
+  month,
+  defaultMonth,
+  onMonthChange,
+  today = /* @__PURE__ */ new Date(),
+  min,
+  max,
+  disabled = false,
+  previousMonthLabel = "Previous month",
+  nextMonthLabel = "Next month",
+  locale,
+  className
+}) {
+  const [internal, setInternal] = React.useState(
+    () => startOfMonth(defaultMonth ?? /* @__PURE__ */ new Date())
+  );
+  const view = month ? startOfMonth(month) : internal;
+  const go = (delta) => {
+    const next = new Date(view.getFullYear(), view.getMonth() + delta, 1);
+    if (!month) setInternal(next);
+    onMonthChange?.(next);
+  };
+  const year = view.getFullYear();
+  const monthIndex = view.getMonth();
+  const caption = locale ? new Intl.DateTimeFormat(locale, { month: "long", year: "numeric" }).format(view) : `${MONTHS[monthIndex]} ${year}`;
+  const weekdays = locale ? localisedWeekdays(locale) : WEEKDAYS;
+  const lead = mondayIndex(view);
+  const total = new Date(year, monthIndex + 1, 0).getDate();
+  const cells = [];
+  for (let i = 0; i < lead; i += 1) cells.push(null);
+  for (let day = 1; day <= total; day += 1) cells.push(day);
+  while (cells.length < 42) cells.push(null);
+  const weeks = [];
+  for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));
+  const navClass = buttonVariants({
+    variant: "ghost",
+    size: "md",
+    icon: true,
+    className: CALENDAR_NAV_BUTTON
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "calendar",
+      role: "application",
+      className: cn(CALENDAR_ROOT, className),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: CALENDAR_NAV, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: navClass,
+              "aria-label": previousMonthLabel,
+              disabled,
+              onClick: () => go(-1),
+              children: /* @__PURE__ */ jsx(Chevron, { d: CHEVRON_LEFT })
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { "data-slot": "calendar-caption", className: CALENDAR_CAPTION, children: caption }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: navClass,
+              "aria-label": nextMonthLabel,
+              disabled,
+              onClick: () => go(1),
+              children: /* @__PURE__ */ jsx(Chevron, { d: CHEVRON_RIGHT })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("table", { className: CALENDAR_GRID, role: "grid", children: [
+          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: CALENDAR_WEEKDAY_ROW, children: weekdays.map((wd, i) => /* @__PURE__ */ jsx(
+            "th",
+            {
+              scope: "col",
+              className: CALENDAR_WEEKDAY,
+              children: wd
+            },
+            i
+          )) }) }),
+          /* @__PURE__ */ jsx("tbody", { children: weeks.map((week, wi) => /* @__PURE__ */ jsx("tr", { className: CALENDAR_WEEK, children: week.map((cell, ci) => {
+            if (cell === null) {
+              return /* @__PURE__ */ jsx(
+                "td",
+                {
+                  className: CALENDAR_DAY_EMPTY
+                },
+                ci
+              );
+            }
+            const date = new Date(year, monthIndex, cell);
+            const isSelected = sameDay(selected, date);
+            const isToday = sameDay(today, date);
+            const isDisabled = disabled || outOfRange(date, min, max);
+            return /* @__PURE__ */ jsx(
+              "td",
+              {
+                role: "gridcell",
+                "aria-selected": isSelected,
+                className: CALENDAR_DAY_CELL,
+                children: /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "data-slot": "calendar-day",
+                    "data-selected": isSelected,
+                    "data-today": isToday,
+                    ...isDisabled ? { "data-disabled": "true", disabled: true } : {},
+                    onClick: () => {
+                      if (!isDisabled) onSelect?.(date);
+                    },
+                    className: cn(
+                      buttonVariants({
+                        variant: "ghost",
+                        size: "md",
+                        icon: true,
+                        className: CALENDAR_DAY
+                      }),
+                      isSelected ? CALENDAR_DAY_SELECTED : isToday ? CALENDAR_DAY_TODAY : void 0
+                    ),
+                    children: cell
+                  }
+                )
+              },
+              ci
+            );
+          }) }, wi)) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Calendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { buttonVariants } from \"./button\";\nimport {\n  CALENDAR_CAPTION,\n  CALENDAR_DAY,\n  CALENDAR_DAY_CELL,\n  CALENDAR_DAY_EMPTY,\n  CALENDAR_DAY_SELECTED,\n  CALENDAR_DAY_TODAY,\n  CALENDAR_GRID,\n  CALENDAR_NAV,\n  CALENDAR_NAV_BUTTON,\n  CALENDAR_ROOT,\n  CALENDAR_WEEK,\n  CALENDAR_WEEKDAY,\n  CALENDAR_WEEKDAY_ROW,\n} from \"../generated/calendar\";\n\nconst MONTHS = [\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n] as const;\n\n// Week starts Monday.\nconst WEEKDAYS = [\"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\", \"Su\"] as const;\n\nconst CHEVRON_LEFT = \"m15 18-6-6 6-6\";\nconst CHEVRON_RIGHT = \"m9 18 6-6-6-6\";\n\nfunction Chevron({ d }: { d: string }) {\n  return (\n    <svg\n      className=\"size-4\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n    >\n      <path d={d} />\n    </svg>\n  );\n}\n\nfunction startOfMonth(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), 1);\n}\n\n// Monday = 0 … Sunday = 6 (the built-in `Date.getDay` is Sunday = 0).\nfunction mondayIndex(d: Date): number {\n  return (d.getDay() + 6) % 7;\n}\n\nfunction sameDay(a: Date | undefined, b: Date): boolean {\n  return (\n    !!a &&\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\n// Day-granular: `min`/`max` may carry a time, but the grid only knows days.\nfunction startOfDay(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate());\n}\n\nfunction outOfRange(day: Date, min: Date | undefined, max: Date | undefined): boolean {\n  const t = day.getTime();\n  return (\n    (!!min && t < startOfDay(min).getTime()) ||\n    (!!max && t > startOfDay(max).getTime())\n  );\n}\n\n// Intl reads the weekday off the reference date; 2024-01-01 is a Monday.\nconst MONDAY = new Date(2024, 0, 1);\n\nfunction formatWeekdays(locale: string, weekday: \"short\" | \"narrow\"): string[] {\n  const fmt = new Intl.DateTimeFormat(locale, { weekday });\n  return Array.from({ length: 7 }, (_, i) =>\n    fmt.format(new Date(MONDAY.getFullYear(), MONDAY.getMonth(), MONDAY.getDate() + i)),\n  );\n}\n\n// `short` is what every locale wants, except where CLDR spells it as two words\n// (\"Thứ 2\" in Chrome/CLDR, \"Th 2\" in Node ICU 76 — vi either way) and the fixed\n// 36px column wraps it onto a second line. There the `narrow` form (\"T2\") is\n// used, but only while it still tells the days apart: en/ru/de/fr narrow\n// collapses to repeated single letters, and a locale like that keeps `short`\n// (which `whitespace-nowrap` on the header cell holds on one line anyway).\nfunction localisedWeekdays(locale: string): string[] {\n  const short = formatWeekdays(locale, \"short\");\n  if (!short.some(label => /\\s/.test(label))) return short;\n  const narrow = formatWeekdays(locale, \"narrow\");\n  return new Set(narrow).size === narrow.length ? narrow : short;\n}\n\nexport interface CalendarProps {\n  /** The currently selected day, if any. */\n  selected?: Date;\n  /** Fired with the day a user activates. */\n  onSelect?: (date: Date) => void;\n  /** Controlled displayed month (any day in it is fine). */\n  month?: Date;\n  /** Uncontrolled initial displayed month. */\n  defaultMonth?: Date;\n  /** Fired when the displayed month changes via the nav buttons. */\n  onMonthChange?: (month: Date) => void;\n  /** \"Today\", highlighted in the grid; defaults to the real current date. */\n  today?: Date;\n  /** Earliest selectable day (inclusive, day granularity); earlier days render disabled. */\n  min?: Date;\n  /** Latest selectable day (inclusive, day granularity); later days render disabled. */\n  max?: Date;\n  /** Disables the whole grid and the nav buttons; every day renders `data-disabled`. */\n  disabled?: boolean;\n  /** `aria-label` of the previous-month button; \"Previous month\" by default. */\n  previousMonthLabel?: string;\n  /** `aria-label` of the next-month button; \"Next month\" by default. */\n  nextMonthLabel?: string;\n  /**\n   * BCP-47 tag for the month caption and weekday headers via `Intl`\n   * (Monday-first). Absent → the English constants, byte-identical to Rust.\n   */\n  locale?: string;\n  className?: string;\n}\n\n/**\n * A dep-light single-month, single-date picker. Mirrors the landing `Calendar`'s\n * class names while replacing `react-day-picker` with a hand-rolled month grid.\n * Uses the built-in `Date` (a language built-in, not a dependency) for the date\n * math; the Rust mirror does the same math by hand.\n *\n * Simplifications versus the source: one month only (no multi-month), a single\n * selected date (no range/multi), no dropdown captions; `locale` only swaps the\n * caption and weekday strings through `Intl` — see the package README.\n */\nexport function Calendar({\n  selected,\n  onSelect,\n  month,\n  defaultMonth,\n  onMonthChange,\n  today = new Date(),\n  min,\n  max,\n  disabled = false,\n  previousMonthLabel = \"Previous month\",\n  nextMonthLabel = \"Next month\",\n  locale,\n  className,\n}: CalendarProps) {\n  const [internal, setInternal] = React.useState(() =>\n    startOfMonth(defaultMonth ?? new Date()),\n  );\n  const view = month ? startOfMonth(month) : internal;\n\n  const go = (delta: number) => {\n    const next = new Date(view.getFullYear(), view.getMonth() + delta, 1);\n    if (!month) setInternal(next);\n    onMonthChange?.(next);\n  };\n\n  const year = view.getFullYear();\n  const monthIndex = view.getMonth();\n  const caption = locale\n    ? new Intl.DateTimeFormat(locale, { month: \"long\", year: \"numeric\" }).format(view)\n    : `${MONTHS[monthIndex]} ${year}`;\n  const weekdays: readonly string[] = locale ? localisedWeekdays(locale) : WEEKDAYS;\n\n  const lead = mondayIndex(view);\n  const total = new Date(year, monthIndex + 1, 0).getDate();\n\n  // Pad leading blanks then the days, then pad out to a fixed 6 weeks (42\n  // cells): 6 rows is the most any month needs with a Monday-first week, and a\n  // constant row count keeps the popover height from jumping as the user\n  // flips months. Mirrors Rust.\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < lead; i += 1) cells.push(null);\n  for (let day = 1; day <= total; day += 1) cells.push(day);\n  while (cells.length < 42) cells.push(null);\n\n  const weeks: (number | null)[][] = [];\n  for (let i = 0; i < cells.length; i += 7) weeks.push(cells.slice(i, i + 7));\n\n  const navClass = buttonVariants({\n    variant: \"ghost\",\n    size: \"md\",\n    icon: true,\n    className: CALENDAR_NAV_BUTTON,\n  });\n\n  return (\n    <div\n      data-slot=\"calendar\"\n      role=\"application\"\n      className={cn(CALENDAR_ROOT, className)}\n    >\n      <div className={CALENDAR_NAV}>\n        <button\n          type=\"button\"\n          className={navClass}\n          aria-label={previousMonthLabel}\n          disabled={disabled}\n          onClick={() => go(-1)}\n        >\n          <Chevron d={CHEVRON_LEFT} />\n        </button>\n        <div data-slot=\"calendar-caption\" className={CALENDAR_CAPTION}>\n          {caption}\n        </div>\n        <button\n          type=\"button\"\n          className={navClass}\n          aria-label={nextMonthLabel}\n          disabled={disabled}\n          onClick={() => go(1)}\n        >\n          <Chevron d={CHEVRON_RIGHT} />\n        </button>\n      </div>\n      <table className={CALENDAR_GRID} role=\"grid\">\n        <thead>\n          <tr className={CALENDAR_WEEKDAY_ROW}>\n            {weekdays.map((wd, i) => (\n              <th\n                key={i}\n                scope=\"col\"\n                className={CALENDAR_WEEKDAY}\n              >\n                {wd}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {weeks.map((week, wi) => (\n            <tr key={wi} className={CALENDAR_WEEK}>\n              {week.map((cell, ci) => {\n                if (cell === null) {\n                  return (\n                    <td\n                      key={ci}\n                      className={CALENDAR_DAY_EMPTY}\n                    />\n                  );\n                }\n                const date = new Date(year, monthIndex, cell);\n                const isSelected = sameDay(selected, date);\n                const isToday = sameDay(today, date);\n                const isDisabled = disabled || outOfRange(date, min, max);\n                return (\n                  <td\n                    key={ci}\n                    role=\"gridcell\"\n                    aria-selected={isSelected}\n                    className={CALENDAR_DAY_CELL}\n                  >\n                    <button\n                      type=\"button\"\n                      data-slot=\"calendar-day\"\n                      data-selected={isSelected}\n                      data-today={isToday}\n                      // Absent rather than \"false\", so the unbounded grid renders as before.\n                      {...(isDisabled ? { \"data-disabled\": \"true\", disabled: true } : {})}\n                      onClick={() => {\n                        if (!isDisabled) onSelect?.(date);\n                      }}\n                      className={cn(\n                        buttonVariants({\n                          variant: \"ghost\",\n                          size: \"md\",\n                          icon: true,\n                          className: CALENDAR_DAY,\n                        }),\n                        isSelected\n                          ? CALENDAR_DAY_SELECTED\n                          : isToday\n                            ? CALENDAR_DAY_TODAY\n                            : undefined,\n                      )}\n                    >\n                      {cell}\n                    </button>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/card.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../lib/cn.js";
+import {
+  CARD,
+  CARD_ACTION,
+  CARD_CONTENT,
+  CARD_DESCRIPTION,
+  CARD_FOOTER,
+  CARD_HEADER,
+  CARD_TITLE
+} from "../generated/card.js";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(CARD, className),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(CARD_HEADER, className),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(CARD_TITLE, className),
+      ...props
+    }
+  );
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn(CARD_DESCRIPTION, className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(CARD_ACTION, className),
+      ...props
+    }
+  );
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn(CARD_CONTENT, className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn(CARD_FOOTER, className),
+      ...props
+    }
+  );
+}
+export {
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport {\n  CARD,\n  CARD_ACTION,\n  CARD_CONTENT,\n  CARD_DESCRIPTION,\n  CARD_FOOTER,\n  CARD_HEADER,\n  CARD_TITLE,\n} from \"../generated/card\";\n\nexport function Card({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(CARD, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(CARD_HEADER, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn(CARD_TITLE, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn(CARD_DESCRIPTION, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn(CARD_ACTION, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardContent({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-content\"\n      className={cn(CARD_CONTENT, className)}\n      {...props}\n    />\n  );\n}\n\nexport function CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn(CARD_FOOTER, className)}\n      {...props}\n    />\n  );\n}\n"],"mappings":"AAcI;AAdJ,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,KAAK,EAAE,WAAW,GAAG,MAAM,GAAgC;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,MAAM,SAAS;AAAA,MAC5B,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,SAAS;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,UAAU,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,YAAY,SAAS;AAAA,MAClC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kBAAkB,SAAS;AAAA,MACxC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,SAAS;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAgC;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,cAAc,SAAS;AAAA,MACpC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,WAAW,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC/E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,SAAS;AAAA,MACnC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}