@kanzo-tech/ui 0.0.1-alpha

package/dist/simples/slider.js

@@ -0,0 +1,189 @@
+"use client";
+import { jsxs as u, jsx as a } from "react/jsx-runtime";
+import { useFieldContext as j } from "@ark-ui/react/field";
+import { useSliderContext as C, Slider as r } from "@ark-ui/react/slider";
+import M from "react";
+import { cn as e } from "../lib/cn.js";
+import { FieldLabel as v } from "./field.js";
+const $ = C, D = (l) => {
+  const {
+    value: i,
+    defaultValue: n,
+    min: d = 0,
+    max: s = 100,
+    markerInterval: m = 1,
+    showMarkers: f = !1,
+    markerLabels: c = [],
+    disabled: b,
+    invalid: h,
+    readOnly: p,
+    tabIndex: x,
+    className: y,
+    children: w,
+    slot: k,
+    ...N
+  } = l, t = j(), S = b ?? (t == null ? void 0 : t.disabled), g = h ?? (t == null ? void 0 : t.invalid), A = p ?? (t == null ? void 0 : t.readOnly), _ = M.useMemo(() => Array.isArray(i) ? i : Array.isArray(n) ? n : [d, s], [i, n, d, s]);
+  return /* @__PURE__ */ u(
+    r.Root,
+    {
+      className: e(
+        "flex flex-col gap-3",
+        "data-[orientation=horizontal]:w-full",
+        "data-[orientation=vertical]:h-full",
+        y
+      ),
+      defaultValue: n,
+      disabled: S,
+      invalid: g,
+      max: s,
+      min: d,
+      readOnly: A,
+      value: i,
+      ...N,
+      "data-slot": k ?? "slider",
+      children: [
+        w,
+        /* @__PURE__ */ u(
+          r.Control,
+          {
+            className: e(
+              "relative",
+              "w-full",
+              "flex items-center",
+              "touch-none select-none",
+              "data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+              "data-disabled:pointer-events-none data-disabled:opacity-64"
+            ),
+            "data-slot": "slider-control",
+            children: [
+              /* @__PURE__ */ a(
+                r.Track,
+                {
+                  className: e(
+                    "grow",
+                    // The unfilled track is a LEVEL on a backdrop the slider does not own, not a
+                    // control fill: `--field` recedes to the page in dark, and a track that is the page
+                    // is a track nobody can see. a4 measures ΔE 5.11 light / 7.73 dark from every surface
+                    // the theme publishes, against `--field`'s 2.40 / 0.00-on-the-page.
+                    "bg-foreground/14",
+                    "rounded-full",
+                    "select-none overflow-hidden",
+                    "data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full",
+                    "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2",
+                    "data-invalid:bg-destructive/7"
+                  ),
+                  "data-slot": "slider-track",
+                  children: /* @__PURE__ */ a(
+                    r.Range,
+                    {
+                      className: e(
+                        "absolute",
+                        "bg-primary",
+                        "select-none",
+                        "data-[orientation=horizontal]:h-full",
+                        "data-[orientation=vertical]:w-full data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch",
+                        "data-invalid:bg-destructive",
+                        "dark:data-invalid:bg-destructive-foreground"
+                      ),
+                      "data-slot": "slider-range"
+                    }
+                  )
+                }
+              ),
+              Array.from({ length: _.length }, (z, o) => {
+                const I = `slider-thumb-${o}`;
+                return /* @__PURE__ */ a(
+                  r.Thumb,
+                  {
+                    "aria-invalid": g || void 0,
+                    className: e(
+                      "relative",
+                      "shrink-0",
+                      "size-4.5",
+                      "bg-white",
+                      "rounded-full border border-input shadow-xs/5",
+                      "cursor-grab select-none",
+                      "transition-[color,box-shadow,transform]",
+                      "focus-visible:border-primary focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring",
+                      "origin-left data-dragging:scale-110 data-dragging:cursor-grabbing data-dragging:border-primary data-dragging:ring-[3px] data-dragging:ring-ring",
+                      "aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24",
+                      "aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/48",
+                      "aria-invalid:data-dragging:border-destructive aria-invalid:data-dragging:ring-destructive/48",
+                      "pointer-coarse:after:absolute pointer-coarse:after:h-full pointer-coarse:after:min-h-11",
+                      "motion-reduce:transition-none!"
+                    ),
+                    "data-slot": "slider-thumb",
+                    index: o,
+                    tabIndex: x ?? void 0,
+                    children: /* @__PURE__ */ a(r.HiddenInput, {})
+                  },
+                  I
+                );
+              })
+            ]
+          }
+        ),
+        f && /* @__PURE__ */ a(
+          r.MarkerGroup,
+          {
+            className: e(
+              "w-full",
+              "flex items-center justify-between gap-1",
+              "mt-3 px-2.5",
+              "font-medium text-muted-foreground text-xs",
+              "data-[orientation=vertical]:hidden",
+              "pointer-events-none"
+            ),
+            children: Array.from({ length: s + 1 }, (z, o) => /* @__PURE__ */ u(
+              r.Marker,
+              {
+                className: e(
+                  "group/marker",
+                  "flex w-0 flex-col items-center justify-center gap-2",
+                  "data-[state=at-value]:text-foreground data-[state=under-value]:text-foreground"
+                ),
+                "data-interval": o % m === 0 ? void 0 : "",
+                "data-slot": "slider-marker",
+                value: o,
+                children: [
+                  /* @__PURE__ */ a(
+                    "span",
+                    {
+                      className: e(
+                        "h-1 w-px",
+                        "bg-muted-foreground/70 group-data-[state=at-value]/marker:bg-foreground group-data-[state=under-value]/marker:bg-foreground",
+                        "group-data-interval/marker:h-0.5"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ a("span", { className: e("group-data-interval/marker:opacity-0"), children: (c == null ? void 0 : c[o]) ?? o })
+                ]
+              },
+              String(o)
+            ))
+          }
+        )
+      ]
+    }
+  );
+}, G = (l) => {
+  const { children: i, ...n } = l;
+  return /* @__PURE__ */ a(v, { ...n, children: /* @__PURE__ */ a(r.Label, { "data-slot": "slider-label", children: i }) });
+}, H = (l) => {
+  const { className: i, slot: n, ...d } = l;
+  return /* @__PURE__ */ a(v, { asChild: !0, children: /* @__PURE__ */ a(
+    r.ValueText,
+    {
+      className: e("ms-auto tabular-nums", i),
+      ...d,
+      "data-slot": n ?? "progress-value"
+    }
+  ) });
+};
+export {
+  D as Slider,
+  G as SliderLabel,
+  H as SliderValue,
+  $ as useSlider
+};
+//# sourceMappingURL=slider.js.map

package/dist/simples/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../src/simples/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { type UseFieldContext, useFieldContext } from \"@ark-ui/react/field\";\nimport { Slider as ArkSlider, useSliderContext } from \"@ark-ui/react/slider\";\nimport React from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { FieldLabel } from \"./field\";\n\nexport const useSlider = useSliderContext;\n\ninterface SliderProps extends React.ComponentProps<typeof ArkSlider.Root> {\n  /**\n   * The interval between markers.\n   *\n   * @default 1\n   */\n  markerInterval?: number;\n  /**\n   * The labels to show on the markers.\n   *\n   * @default []\n   */\n  markerLabels?: string[];\n  /**\n   * Whether to show markers.\n   *\n   * @default false\n   */\n  showMarkers?: boolean;\n}\n\n// Divergence from Shark, declared: Ark 5.37.2's `useSlider` reads NO ambient context at all —\n// not Field, not even Fieldset (RadioGroup at least gets the Fieldset bridge) — so a\n// `<Field invalid>` ancestor never reached this control and the flag had to be stated twice.\n// Shark neither bridges it nor styles an invalid slider at all: its own TanStack example wraps\n// `<Field invalid>` around a slider that stays visually pristine. We bridge the state flags and\n// give the control an invalid look consistent with `input.tsx` / `checkbox.tsx`.\n//\n// Two sub-divergences worth knowing:\n//  - `required` is bridged for RadioGroup but not here: the slider machine has no `required`\n//    prop (only `disabled`, `readOnly`, `invalid`), and a slider always has a value anyway.\n//  - zag puts `data-invalid` on root/label/control/track/range but NOT on the thumb, which is\n//    the element carrying `role=\"slider\"`. So an invalid slider announced nothing. We set\n//    `aria-invalid` on the thumb ourselves and hang the thumb's invalid styling off it, the\n//    same way `input.tsx` styles `aria-invalid`.\nexport const Slider = (props: SliderProps) => {\n  const {\n    value,\n    defaultValue,\n    min = 0,\n    max = 100,\n    markerInterval = 1,\n    showMarkers = false,\n    markerLabels = [],\n    disabled,\n    invalid,\n    readOnly,\n    tabIndex,\n    className,\n    children,\n    slot,\n    ...rest\n  } = props;\n\n  const field: UseFieldContext | undefined = useFieldContext();\n\n  const isDisabled = disabled ?? field?.disabled;\n  const isInvalid = invalid ?? field?.invalid;\n  const isReadOnly = readOnly ?? field?.readOnly;\n\n  const _values = React.useMemo(() => {\n    if (Array.isArray(value)) {\n      return value;\n    }\n    if (Array.isArray(defaultValue)) {\n      return defaultValue;\n    }\n    return [min, max];\n  }, [value, defaultValue, min, max]);\n\n  return (\n    <ArkSlider.Root\n      className={cn(\n        \"flex flex-col gap-3\",\n        \"data-[orientation=horizontal]:w-full\",\n        \"data-[orientation=vertical]:h-full\",\n        className\n      )}\n      defaultValue={defaultValue}\n      disabled={isDisabled}\n      invalid={isInvalid}\n      max={max}\n      min={min}\n      readOnly={isReadOnly}\n      value={value}\n      {...rest}\n      data-slot={slot ?? \"slider\"}\n    >\n      {children}\n\n      <ArkSlider.Control\n        className={cn(\n          \"relative\",\n          \"w-full\",\n          \"flex items-center\",\n          \"touch-none select-none\",\n          \"data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n          \"data-disabled:pointer-events-none data-disabled:opacity-64\"\n        )}\n        data-slot=\"slider-control\"\n      >\n        <ArkSlider.Track\n          className={cn(\n            \"grow\",\n            // The unfilled track is a LEVEL on a backdrop the slider does not own, not a\n            // control fill: `--field` recedes to the page in dark, and a track that is the page\n            // is a track nobody can see. a4 measures ΔE 5.11 light / 7.73 dark from every surface\n            // the theme publishes, against `--field`'s 2.40 / 0.00-on-the-page.\n            \"bg-foreground/14\",\n            \"rounded-full\",\n            \"select-none overflow-hidden\",\n            \"data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:w-full\",\n            \"data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2\",\n            \"data-invalid:bg-destructive/7\"\n          )}\n          data-slot=\"slider-track\"\n        >\n          <ArkSlider.Range\n            className={cn(\n              \"absolute\",\n              \"bg-primary\",\n              \"select-none\",\n              \"data-[orientation=horizontal]:h-full\",\n              \"data-[orientation=vertical]:w-full data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch\",\n              \"data-invalid:bg-destructive\",\n              \"dark:data-invalid:bg-destructive-foreground\"\n            )}\n            data-slot=\"slider-range\"\n          />\n        </ArkSlider.Track>\n\n        {Array.from({ length: _values.length }, (_, index) => {\n          const key = `slider-thumb-${index}`;\n\n          return (\n            <ArkSlider.Thumb\n              aria-invalid={isInvalid || undefined}\n              className={cn(\n                \"relative\",\n                \"shrink-0\",\n                \"size-4.5\",\n                \"bg-white\",\n                \"rounded-full border border-input shadow-xs/5\",\n                \"cursor-grab select-none\",\n                \"transition-[color,box-shadow,transform]\",\n                \"focus-visible:border-primary focus-visible:outline-hidden focus-visible:ring-[3px] focus-visible:ring-ring\",\n                \"origin-left data-dragging:scale-110 data-dragging:cursor-grabbing data-dragging:border-primary data-dragging:ring-[3px] data-dragging:ring-ring\",\n                \"aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/24\",\n                \"aria-invalid:focus-visible:border-destructive aria-invalid:focus-visible:ring-destructive/48\",\n                \"aria-invalid:data-dragging:border-destructive aria-invalid:data-dragging:ring-destructive/48\",\n                \"pointer-coarse:after:absolute pointer-coarse:after:h-full pointer-coarse:after:min-h-11\",\n                \"motion-reduce:transition-none!\"\n              )}\n              data-slot=\"slider-thumb\"\n              index={index}\n              key={key}\n              tabIndex={tabIndex ?? undefined}\n            >\n              <ArkSlider.HiddenInput />\n            </ArkSlider.Thumb>\n          );\n        })}\n      </ArkSlider.Control>\n\n      {showMarkers && (\n        <ArkSlider.MarkerGroup\n          className={cn(\n            \"w-full\",\n            \"flex items-center justify-between gap-1\",\n            \"mt-3 px-2.5\",\n            \"font-medium text-muted-foreground text-xs\",\n            \"data-[orientation=vertical]:hidden\",\n            \"pointer-events-none\"\n          )}\n        >\n          {Array.from({ length: max + 1 }, (_, index) => (\n            <ArkSlider.Marker\n              className={cn(\n                \"group/marker\",\n                \"flex w-0 flex-col items-center justify-center gap-2\",\n                \"data-[state=at-value]:text-foreground data-[state=under-value]:text-foreground\"\n              )}\n              data-interval={index % markerInterval === 0 ? undefined : \"\"}\n              data-slot=\"slider-marker\"\n              key={String(index)}\n              value={index}\n            >\n              <span\n                className={cn(\n                  \"h-1 w-px\",\n                  \"bg-muted-foreground/70 group-data-[state=at-value]/marker:bg-foreground group-data-[state=under-value]/marker:bg-foreground\",\n                  \"group-data-interval/marker:h-0.5\"\n                )}\n              />\n\n              <span className={cn(\"group-data-interval/marker:opacity-0\")}>\n                {markerLabels?.[index] ?? index}\n              </span>\n            </ArkSlider.Marker>\n          ))}\n        </ArkSlider.MarkerGroup>\n      )}\n    </ArkSlider.Root>\n  );\n};\n\nexport const SliderLabel = (props: React.ComponentProps<typeof FieldLabel>) => {\n  const { children, ...rest } = props;\n\n  return (\n    <FieldLabel {...rest}>\n      <ArkSlider.Label data-slot=\"slider-label\">{children}</ArkSlider.Label>\n    </FieldLabel>\n  );\n};\n\nexport const SliderValue = (\n  props: React.ComponentProps<typeof ArkSlider.ValueText>\n) => {\n  const { className, slot, ...rest } = props;\n\n  return (\n    <FieldLabel asChild>\n      <ArkSlider.ValueText\n        className={cn(\"ms-auto tabular-nums\", className)}\n        {...rest}\n        data-slot={slot ?? \"progress-value\"}\n      />\n    </FieldLabel>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQO;AAsCL;AAAM;AACJ;AACA;AACM;AACA;AACW;AACH;AACC;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACG;AAmBL;AACE;AAAW;AAAV;AACY;AACT;AACA;AACA;AACA;AAAA;AAEF;AACU;AACD;AACT;AACA;AACU;AACV;AACI;AACe;AAElB;AAAA;AAED;AAAW;AAAV;AACY;AACT;AACA;AACA;AACA;AACA;AACA;AAAA;AAEQ;AAEV;AAAA;AAAW;AAAV;AACY;AACT;AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEQ;AAEV;AAAW;AAAV;AACY;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEQ;AAAA;AAAA;AACZ;AAAA;AAIA;AAEA;AACE;AAAW;AAAV;AAC4B;AAChB;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEQ;AACV;AAEsB;AAEC;AAAA;AAHlB;AAAA;AAMV;AAAA;AAAA;AAAA;AAID;AAAW;AAAV;AACY;AACT;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAAW;AAAV;AACY;AACT;AACA;AACA;AAAA;AAEwD;AAChD;AAEH;AAEP;AAAA;AAAC;AAAA;AACY;AACT;AACA;AACA;AAAA;AACF;AAAA;AAKF;AAAA;AAAA;AAbiB;AAepB;AAAA;AAAA;AACH;AAAA;AAIR;AAGE;AAEA;AAKF;AAKE;AAEA;AAEI;AAAW;AAAV;AACgD;AAC3C;AACe;AAAA;AAI3B;;;;;;;"}

package/dist/simples/spinner.d.ts

@@ -0,0 +1,2 @@
+export declare const Spinner: (props: React.ComponentProps<"svg">) => import("react").JSX.Element;
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/simples/spinner.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,gCAYzD,CAAC"}

package/dist/simples/spinner.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Loader2Icon as i } from "lucide-react";
+import { cn as n } from "../lib/cn.js";
+const c = (a) => {
+  const { "aria-label": r, className: o, slot: s, ...e } = a;
+  return /* @__PURE__ */ t(
+    i,
+    {
+      "aria-label": r ?? "Loading",
+      className: n("size-4 animate-spin", o),
+      role: "status",
+      ...e,
+      "data-slot": s ?? "spinner"
+    }
+  );
+};
+export {
+  c as Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/simples/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../src/simples/spinner.tsx"],"sourcesContent":["import { Loader2Icon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\n\nexport const Spinner = (props: React.ComponentProps<\"svg\">) => {\n  const { \"aria-label\": ariaLabel, className, slot, ...rest } = props;\n\n  return (\n    <Loader2Icon\n      aria-label={ariaLabel ?? \"Loading\"}\n      className={cn(\"size-4 animate-spin\", className)}\n      role=\"status\"\n      {...rest}\n      data-slot={slot ?? \"spinner\"}\n    />\n  );\n};\n"],"names":["Spinner","props","ariaLabel","className","slot","rest","jsx","Loader2Icon","cn"],"mappings":";;;AAGO,MAAMA,IAAU,CAACC,MAAuC;AAC7D,QAAM,EAAE,cAAcC,GAAW,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASJ;AAE9D,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAYL,KAAa;AAAA,MACzB,WAAWM,EAAG,uBAAuBL,CAAS;AAAA,MAC9C,MAAK;AAAA,MACJ,GAAGE;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/stat-tile.d.ts

@@ -0,0 +1,31 @@
+export interface StatTileDelta {
+    /** Signed change; its magnitude is shown, its sign + `goodWhenUp` pick the colour. */
+    value: number;
+    /** The comparison period, e.g. "vs last month". */
+    label?: string;
+    /**
+     * Unit for the magnitude — `"%"`, `"pp"`, `"ms"`, `"°C"`. Sits against the number, before the
+     * label, because "+8.2 vs last week" is a different claim from "+8.2% vs last week".
+     */
+    unit?: string;
+    /** Whether an increase is good (green) or bad (red). Default `true`. */
+    goodWhenUp?: boolean;
+}
+export interface StatTileProps {
+    /** Sentence case, no trailing colon. */
+    label: string;
+    value: string | number;
+    /** Optional prefix for a numeric value, e.g. "$". */
+    prefix?: string;
+    delta?: StatTileDelta;
+    /** Optional ~12-point trend, drawn as a sparkline. */
+    trend?: readonly number[];
+    className?: string;
+}
+/**
+ * A headline figure with its label, an optional signed delta and a trend sparkline — the form for
+ * when a single number, not a plot, is the answer (dataviz). The value uses proportional figures;
+ * the delta is a reserved status colour paired with a direction icon, never colour alone.
+ */
+export declare function StatTile({ label, value, prefix, delta, trend, className }: StatTileProps): import("react").JSX.Element;
+//# sourceMappingURL=stat-tile.d.ts.map

package/dist/simples/stat-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.d.ts","sourceRoot":"","sources":["../../src/simples/stat-tile.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,aAAa;IAC5B,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,+BA4CxF"}

package/dist/simples/stat-tile.js

@@ -0,0 +1,64 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { TrendingUpIcon as p, TrendingDownIcon as w } from "lucide-react";
+import { cn as x } from "../lib/cn.js";
+function f(t) {
+  return new Intl.NumberFormat("en-US", {
+    notation: Math.abs(t) >= 1e4 ? "compact" : "standard",
+    maximumFractionDigits: 1
+  }).format(t);
+}
+function N({ points: t }) {
+  const e = Math.min(...t), i = Math.max(...t) - e || 1, l = t.length > 1 ? 72 / (t.length - 1) : 72, o = t.map((d, u) => [u * l, 22 - (d - e) / i * 22]), m = o.map(([d, u], g) => `${g ? "L" : "M"}${d.toFixed(1)},${u.toFixed(1)}`).join(" "), a = o[o.length - 1] ?? [0, 0];
+  return /* @__PURE__ */ c("svg", { "aria-hidden": !0, className: "overflow-visible", height: 22, viewBox: "0 0 72 22", width: 72, children: [
+    /* @__PURE__ */ n(
+      "path",
+      {
+        className: "text-muted-foreground",
+        d: m,
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }
+    ),
+    /* @__PURE__ */ n("circle", { className: "fill-primary", cx: a[0], cy: a[1], r: 2.5 })
+  ] });
+}
+function k({ label: t, value: s, prefix: h, delta: e, trend: r, className: i }) {
+  const l = typeof s == "number" ? `${h ?? ""}${f(s)}` : s, o = e ? e.value >= 0 : !1, m = e ? o === (e.goodWhenUp ?? !0) : !1, a = o ? p : w;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: x("flex flex-col gap-1 rounded-xl border bg-card p-4 shadow-xs/5", i),
+      "data-slot": "stat-tile",
+      children: [
+        /* @__PURE__ */ n("span", { className: "text-muted-foreground text-sm", children: t }),
+        /* @__PURE__ */ c("div", { className: "flex items-end justify-between gap-3", children: [
+          /* @__PURE__ */ n("span", { className: "font-semibold text-2xl leading-none tracking-tight text-foreground", children: l }),
+          r && r.length > 1 && /* @__PURE__ */ n(N, { points: r })
+        ] }),
+        e && /* @__PURE__ */ c(
+          "span",
+          {
+            className: x(
+              "flex items-center gap-1 text-xs font-medium",
+              m ? "text-success" : "text-destructive-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ n(a, { className: "size-3.5" }),
+              e.value > 0 ? "+" : "",
+              f(e.value),
+              e.unit,
+              e.label && /* @__PURE__ */ n("span", { className: "text-muted-foreground font-normal", children: e.label })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  k as StatTile
+};
+//# sourceMappingURL=stat-tile.js.map

package/dist/simples/stat-tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.js","sources":["../../src/simples/stat-tile.tsx"],"sourcesContent":["import { TrendingDownIcon, TrendingUpIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn.js\";\n\n/** Auto-compact per the dataviz stat-tile contract: 1,284 · 12.9K · $4.2M. */\nfunction compact(v: number): string {\n  return new Intl.NumberFormat(\"en-US\", {\n    notation: Math.abs(v) >= 10000 ? \"compact\" : \"standard\",\n    maximumFractionDigits: 1,\n  }).format(v);\n}\n\nexport interface StatTileDelta {\n  /** Signed change; its magnitude is shown, its sign + `goodWhenUp` pick the colour. */\n  value: number;\n  /** The comparison period, e.g. \"vs last month\". */\n  label?: string;\n  /**\n   * Unit for the magnitude — `\"%\"`, `\"pp\"`, `\"ms\"`, `\"°C\"`. Sits against the number, before the\n   * label, because \"+8.2 vs last week\" is a different claim from \"+8.2% vs last week\".\n   */\n  unit?: string;\n  /** Whether an increase is good (green) or bad (red). Default `true`. */\n  goodWhenUp?: boolean;\n}\n\nexport interface StatTileProps {\n  /** Sentence case, no trailing colon. */\n  label: string;\n  value: string | number;\n  /** Optional prefix for a numeric value, e.g. \"$\". */\n  prefix?: string;\n  delta?: StatTileDelta;\n  /** Optional ~12-point trend, drawn as a sparkline. */\n  trend?: readonly number[];\n  className?: string;\n}\n\nfunction Sparkline({ points }: { points: readonly number[] }) {\n  const w = 72;\n  const h = 22;\n  const min = Math.min(...points);\n  const max = Math.max(...points);\n  const range = max - min || 1;\n  const step = points.length > 1 ? w / (points.length - 1) : w;\n  const coords = points.map((p, i) => [i * step, h - ((p - min) / range) * h] as const);\n  const d = coords.map(([x, y], i) => `${i ? \"L\" : \"M\"}${x.toFixed(1)},${y.toFixed(1)}`).join(\" \");\n  const last = coords[coords.length - 1] ?? [0, 0];\n  return (\n    <svg aria-hidden className=\"overflow-visible\" height={h} viewBox={`0 0 ${w} ${h}`} width={w}>\n      {/* A 1.5px trend line is a graphical object carrying information, so it owes 3:1. Diluted it\n          measured 2.91:1 on the light page (3.33–3.35 in dark); step 11 solid is 9.19 and 8.52. */}\n      <path\n        className=\"text-muted-foreground\"\n        d={d}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={1.5}\n      />\n      <circle className=\"fill-primary\" cx={last[0]} cy={last[1]} r={2.5} />\n    </svg>\n  );\n}\n\n/**\n * A headline figure with its label, an optional signed delta and a trend sparkline — the form for\n * when a single number, not a plot, is the answer (dataviz). The value uses proportional figures;\n * the delta is a reserved status colour paired with a direction icon, never colour alone.\n */\nexport function StatTile({ label, value, prefix, delta, trend, className }: StatTileProps) {\n  const shown = typeof value === \"number\" ? `${prefix ?? \"\"}${compact(value)}` : value;\n  const up = delta ? delta.value >= 0 : false;\n  const good = delta ? up === (delta.goodWhenUp ?? true) : false;\n  const DeltaIcon = up ? TrendingUpIcon : TrendingDownIcon;\n\n  return (\n    <div\n      // **`Card`'s surface, at `Card`'s radius.** This read `rounded-lg` with no shadow — one step\n      // below every panel in the library (`Card`, `Alert`, `Popover` and `HoverCard` are all\n      // `rounded-xl`; `Dialog` and `Sheet` are `rounded-2xl`) and missing the lift they all carry.\n      // Nothing argued for the difference; it is a component Shark has no file for, so the only\n      // thing holding its appearance to the house was somebody remembering, and\n      // `shark-parity.test.ts` compares names and never a class string.\n      //\n      // Still its own element rather than a composed `Card`: `Card` is an `<article>` on a 24px\n      // `--space` with `gap-4`, and a tile is a 16px box with `gap-1`. Composing it would mean\n      // overriding both, which is a heavier lie than sharing the three surface utilities.\n      className={cn(\"flex flex-col gap-1 rounded-xl border bg-card p-4 shadow-xs/5\", className)}\n      data-slot=\"stat-tile\"\n    >\n      <span className=\"text-muted-foreground text-sm\">{label}</span>\n      <div className=\"flex items-end justify-between gap-3\">\n        <span className=\"font-semibold text-2xl leading-none tracking-tight text-foreground\">\n          {shown}\n        </span>\n        {trend && trend.length > 1 && <Sparkline points={trend} />}\n      </div>\n      {delta && (\n        <span\n          className={cn(\n            \"flex items-center gap-1 text-xs font-medium\",\n            good ? \"text-success\" : \"text-destructive-foreground\",\n          )}\n        >\n          <DeltaIcon className=\"size-3.5\" />\n          {delta.value > 0 ? \"+\" : \"\"}\n          {compact(delta.value)}\n          {delta.unit}\n          {delta.label && <span className=\"text-muted-foreground font-normal\">{delta.label}</span>}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["compact","v","Sparkline","points","min","range","step","coords","p","i","d","x","y","last","jsxs","jsx","StatTile","label","value","prefix","delta","trend","className","shown","up","good","DeltaIcon","TrendingUpIcon","TrendingDownIcon","cn"],"mappings":";;;AAIA,SAASA,EAAQC,GAAmB;AAClC,SAAO,IAAI,KAAK,aAAa,SAAS;AAAA,IACpC,UAAU,KAAK,IAAIA,CAAC,KAAK,MAAQ,YAAY;AAAA,IAC7C,uBAAuB;AAAA,EAAA,CACxB,EAAE,OAAOA,CAAC;AACb;AA4BA,SAASC,EAAU,EAAE,QAAAC,KAAyC;AAG5D,QAAMC,IAAM,KAAK,IAAI,GAAGD,CAAM,GAExBE,IADM,KAAK,IAAI,GAAGF,CAAM,IACVC,KAAO,GACrBE,IAAOH,EAAO,SAAS,IAAI,MAAKA,EAAO,SAAS,KAAK,IACrDI,IAASJ,EAAO,IAAI,CAACK,GAAGC,MAAM,CAACA,IAAIH,GAAM,MAAME,IAAIJ,KAAOC,IAAS,EAAC,CAAU,GAC9EK,IAAIH,EAAO,IAAI,CAAC,CAACI,GAAGC,CAAC,GAAGH,MAAM,GAAGA,IAAI,MAAM,GAAG,GAAGE,EAAE,QAAQ,CAAC,CAAC,IAAIC,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,KAAK,GAAG,GACzFC,IAAON,EAAOA,EAAO,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;AAC/C,SACE,gBAAAO,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,oBAAmB,QAAQ,IAAG,SAAS,aAAiB,OAAO,IAGxF,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,GAAAL;AAAA,QACA,MAAK;AAAA,QACL,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAEf,gBAAAK,EAAC,UAAA,EAAO,WAAU,gBAAe,IAAIF,EAAK,CAAC,GAAG,IAAIA,EAAK,CAAC,GAAG,GAAG,IAAA,CAAK;AAAA,EAAA,GACrE;AAEJ;AAOO,SAASG,EAAS,EAAE,OAAAC,GAAO,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,GAAO,OAAAC,GAAO,WAAAC,KAA4B;AACzF,QAAMC,IAAQ,OAAOL,KAAU,WAAW,GAAGC,KAAU,EAAE,GAAGnB,EAAQkB,CAAK,CAAC,KAAKA,GACzEM,IAAKJ,IAAQA,EAAM,SAAS,IAAI,IAChCK,IAAOL,IAAQI,OAAQJ,EAAM,cAAc,MAAQ,IACnDM,IAAYF,IAAKG,IAAiBC;AAExC,SACE,gBAAAd;AAAA,IAAC;AAAA,IAAA;AAAA,MAWC,WAAWe,EAAG,iEAAiEP,CAAS;AAAA,MACxF,aAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAP,EAAC,QAAA,EAAK,WAAU,iCAAiC,UAAAE,GAAM;AAAA,QACvD,gBAAAH,EAAC,OAAA,EAAI,WAAU,wCACb,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,sEACb,UAAAQ,GACH;AAAA,UACCF,KAASA,EAAM,SAAS,KAAK,gBAAAN,EAACb,GAAA,EAAU,QAAQmB,EAAA,CAAO;AAAA,QAAA,GAC1D;AAAA,QACCD,KACC,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWe;AAAA,cACT;AAAA,cACAJ,IAAO,iBAAiB;AAAA,YAAA;AAAA,YAG1B,UAAA;AAAA,cAAA,gBAAAV,EAACW,GAAA,EAAU,WAAU,WAAA,CAAW;AAAA,cAC/BN,EAAM,QAAQ,IAAI,MAAM;AAAA,cACxBpB,EAAQoB,EAAM,KAAK;AAAA,cACnBA,EAAM;AAAA,cACNA,EAAM,SAAS,gBAAAL,EAAC,UAAK,WAAU,qCAAqC,YAAM,MAAA,CAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnF;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/simples/status.d.ts

@@ -0,0 +1,48 @@
+import { ark } from '@ark-ui/react/factory';
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+export declare const statusVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string;
+        success: string;
+        info: string;
+        warning: string;
+        destructive: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        success: string;
+        info: string;
+        warning: string;
+        destructive: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string;
+        success: string;
+        info: string;
+        warning: string;
+        destructive: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+interface StatusProps extends React.ComponentProps<typeof ark.span>, VariantProps<typeof statusVariants> {
+}
+export declare const Status: (props: StatusProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=status.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../src/simples/status.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;AAG1D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAmCzB,CAAC;AAEH,UAAU,WACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAC3C,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,sBAYxC,CAAC"}

package/dist/simples/status.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import { ark as o } from "@ark-ui/react/factory";
+import { tv as c } from "tailwind-variants";
+import { cn as g } from "../lib/cn.js";
+const u = c({
+  base: [
+    "shrink-0 rounded-full",
+    "flex items-center justify-center",
+    "font-medium text-[10px]",
+    "ring-2 ring-background"
+  ],
+  variants: {
+    variant: {
+      default: "bg-foreground text-background",
+      // `text-*-content`, not `text-white`. The literal was the one sanctioned exception to
+      // token-backed utilities, and it was failing AA on every variant — warning at 2.13, success
+      // at 2.47 — because with no token there was nothing to measure. The ink is now declared per
+      // family by measurement: the fills that hold white keep it, the two that cannot take
+      // near-black instead.
+      success: "bg-success text-success-content",
+      info: "bg-info text-info-content",
+      warning: "bg-warning text-warning-content",
+      // No `dark:bg-destructive-foreground`, though Shark ships one. It moved the fill and left the
+      // ink, so a glyph inside the dot measured 2.35:1 in dark — the `text-white` defect these
+      // `-content` tokens exist to kill, reappearing through a `dark:` override. Without it every
+      // variant clears AA in both modes; the tightest are this one in light (4.57) and info in dark
+      // (4.58). Five variants, one rule, nothing to remember.
+      destructive: "bg-destructive text-destructive-content"
+    },
+    size: {
+      sm: "size-2 [&_svg:not([class*='size-'])]:size-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+      md: "size-2.5 [&_svg:not([class*='size-'])]:size-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+      lg: "size-3 [&_svg:not([class*='size-'])]:size-2.5 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+}), l = (s) => {
+  const { variant: e, size: t, className: n, slot: i, ...r } = s;
+  return /* @__PURE__ */ a(
+    o.span,
+    {
+      "aria-hidden": "true",
+      className: g(u({ variant: e, size: t }), n),
+      "data-size": t,
+      ...r,
+      "data-slot": i ?? "status-indicator"
+    }
+  );
+};
+export {
+  l as Status,
+  u as statusVariants
+};
+//# sourceMappingURL=status.js.map

package/dist/simples/status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status.js","sources":["../../src/simples/status.tsx"],"sourcesContent":["import { ark } from \"@ark-ui/react/factory\";\nimport type React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\n\nexport const statusVariants = tv({\n  base: [\n    \"shrink-0 rounded-full\",\n    \"flex items-center justify-center\",\n    \"font-medium text-[10px]\",\n    \"ring-2 ring-background\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-foreground text-background\",\n      // `text-*-content`, not `text-white`. The literal was the one sanctioned exception to\n      // token-backed utilities, and it was failing AA on every variant — warning at 2.13, success\n      // at 2.47 — because with no token there was nothing to measure. The ink is now declared per\n      // family by measurement: the fills that hold white keep it, the two that cannot take\n      // near-black instead.\n      success: \"bg-success text-success-content\",\n      info: \"bg-info text-info-content\",\n      warning: \"bg-warning text-warning-content\",\n      // No `dark:bg-destructive-foreground`, though Shark ships one. It moved the fill and left the\n      // ink, so a glyph inside the dot measured 2.35:1 in dark — the `text-white` defect these\n      // `-content` tokens exist to kill, reappearing through a `dark:` override. Without it every\n      // variant clears AA in both modes; the tightest are this one in light (4.57) and info in dark\n      // (4.58). Five variants, one rule, nothing to remember.\n      destructive: \"bg-destructive text-destructive-content\",\n    },\n    size: {\n      sm: \"size-2 [&_svg:not([class*='size-'])]:size-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      md: \"size-2.5 [&_svg:not([class*='size-'])]:size-2 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n      lg: \"size-3 [&_svg:not([class*='size-'])]:size-2.5 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\ninterface StatusProps\n  extends React.ComponentProps<typeof ark.span>,\n    VariantProps<typeof statusVariants> {}\n\nexport const Status = (props: StatusProps) => {\n  const { variant, size, className, slot, ...rest } = props;\n\n  return (\n    <ark.span\n      aria-hidden=\"true\"\n      className={cn(statusVariants({ variant, size }), className)}\n      data-size={size}\n      {...rest}\n      data-slot={slot ?? \"status-indicator\"}\n    />\n  );\n};\n"],"names":["statusVariants","tv","Status","props","variant","size","className","slot","rest","jsx","ark","cn"],"mappings":";;;;AAKO,MAAMA,IAAiBC,EAAG;AAAA,EAC/B,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,aAAa;AAAA,IAAA;AAAA,IAEf,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,CAAC,GAMYC,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,WAAAC,GAAW,MAAAC,GAAM,GAAGC,MAASL;AAEpD,SACE,gBAAAM;AAAA,IAACC,EAAI;AAAA,IAAJ;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAGX,EAAe,EAAE,SAAAI,GAAS,MAAAC,EAAA,CAAM,GAAGC,CAAS;AAAA,MAC1D,aAAWD;AAAA,MACV,GAAGG;AAAA,MACJ,aAAWD,KAAQ;AAAA,IAAA;AAAA,EAAA;AAGzB;"}

package/dist/simples/steps.d.ts

@@ -0,0 +1,20 @@
+import { ark } from '@ark-ui/react/factory';
+import { Steps as ArkSteps } from '@ark-ui/react/steps';
+import { default as React } from 'react';
+export declare const useSteps: () => import('@ark-ui/react').UseStepsContext;
+export declare const Steps: (props: React.ComponentProps<typeof ArkSteps.Root>) => React.JSX.Element;
+export declare const StepsList: (props: React.ComponentProps<typeof ArkSteps.List>) => React.JSX.Element;
+export declare const StepsItem: (props: React.ComponentProps<typeof ArkSteps.Item>) => React.JSX.Element;
+interface StepsTriggerProps extends React.ComponentProps<typeof ArkSteps.Trigger> {
+}
+export declare const StepsTrigger: (props: StepsTriggerProps) => React.JSX.Element;
+export declare const StepsIndicator: (props: React.ComponentProps<typeof ArkSteps.Indicator>) => React.JSX.Element;
+export declare const StepsSeparator: (props: React.ComponentProps<typeof ArkSteps.Separator>) => React.JSX.Element;
+export declare const StepsTitle: (props: React.ComponentProps<typeof ark.span>) => React.JSX.Element;
+export declare const StepsDescription: (props: React.ComponentProps<typeof ark.span>) => React.JSX.Element;
+export declare const StepsContent: (props: React.ComponentProps<typeof ArkSteps.Content>) => React.JSX.Element;
+export declare const StepsCompletedContent: (props: React.ComponentProps<typeof ArkSteps.CompletedContent>) => React.JSX.Element;
+export declare const StepsPrevious: ({ slot, ...rest }: React.ComponentProps<typeof ArkSteps.PrevTrigger>) => React.JSX.Element;
+export declare const StepsNext: ({ slot, ...rest }: React.ComponentProps<typeof ArkSteps.NextTrigger>) => React.JSX.Element;
+export {};
+//# sourceMappingURL=steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../src/simples/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAmB,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,QAAQ,+CAAkB,CAAC;AAExC,eAAO,MAAM,KAAK,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,sBActE,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,sBAiBlD,CAAC;AAEF,eAAO,MAAM,SAAS,GACpB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,sBAkBlD,CAAC;AAEF,UAAU,iBACR,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC;CAAG;AAE1D,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,sBAepD,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,sBA2BvD,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,sBAqBvD,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,sBAUtE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,sBAW7C,CAAC;AAEF,eAAO,MAAM,YAAY,GACvB,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,sBAWrD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,gBAAgB,CAAC,sBAW9D,CAAC;AAEF,eAAO,MAAM,aAAa,GACxB,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,WAAW,CAAC,sBACM,CAAC;AAE7E,eAAO,MAAM,SAAS,GACpB,mBAAmB,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,WAAW,CAAC,sBACE,CAAC"}