@krizaka/ui 3.53.0 → 3.55.0

package/dist/chunk-HEKDKM5Y.js

@@ -0,0 +1,128 @@
+// src/meter/meter.tsx
+import { tv } from "tailwind-variants";
+
+// src/meter/model.ts
+var MeterOptimum = { Low: "low", High: "high" };
+var MeterLevel = { Ok: "ok", Success: "success", Warning: "warning", Danger: "danger" };
+var clamp01 = (n) => Math.min(1, Math.max(0, n));
+var percent = (ratio) => `${Math.round(ratio * 100)} %`;
+function levelOf(ratio, thresholds, optimum) {
+  if (!thresholds) return MeterLevel.Ok;
+  const good = optimum === MeterOptimum.Low ? MeterLevel.Success : MeterLevel.Danger;
+  const bad = optimum === MeterOptimum.Low ? MeterLevel.Danger : MeterLevel.Success;
+  if (ratio >= thresholds.high) return bad;
+  return ratio >= thresholds.low ? MeterLevel.Warning : good;
+}
+function meterModel({ value = 0, min = 0, max = 100, valueText, thresholds, optimum = MeterOptimum.Low, parts }) {
+  const span = max - min || 1;
+  const ratio = clamp01((value - min) / span);
+  const shares = (parts ?? []).map((p, i) => ({ ...p, i, ratio: clamp01(p.value / span), words: p.valueText ?? percent(p.value / span) }));
+  let start = 0;
+  const arcs = parts ? shares.map((p) => {
+    const arc = { part: p.i, len: p.ratio, start };
+    start += p.ratio;
+    return arc;
+  }) : [{ part: void 0, len: ratio, start: 0 }];
+  return { ratio, level: levelOf(ratio, thresholds, optimum), words: valueText ?? percent(ratio), shares, arcs };
+}
+
+// src/meter/meter.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var meter = tv({
+  slots: {
+    root: "flex w-full flex-col gap-1.5",
+    header: "flex items-baseline gap-2 text-xs",
+    caption: "min-w-0 flex-1 truncate font-medium text-fg",
+    figure: "shrink-0 tabular-nums text-fg-secondary",
+    track: "relative flex h-2 w-full gap-0.5 overflow-hidden rounded-sm bg-surface-3",
+    fill: "h-full rounded-sm transition-[width] duration-700 motion-reduce:transition-none",
+    legend: "mt-1 flex flex-wrap gap-x-4 gap-y-1 text-xs text-fg-secondary",
+    swatch: "inline-block h-2 w-2 shrink-0 rounded-full",
+    ring: "relative inline-flex shrink-0 items-center justify-center",
+    center: "absolute inset-0 flex flex-col items-center justify-center text-center"
+  },
+  variants: {
+    size: { sm: { track: "h-1.5", ring: "h-14 w-14" }, md: { ring: "h-24 w-24" }, lg: { track: "h-3", ring: "h-36 w-36" } }
+  },
+  defaultVariants: { size: "md" }
+});
+var BG = { ok: "bg-accent", success: "bg-success", warning: "bg-warning", danger: "bg-danger" };
+var STROKE = { ok: "stroke-accent", success: "stroke-success", warning: "stroke-warning", danger: "stroke-danger" };
+var PART_BG = ["bg-accent", "bg-fg-secondary", "bg-accent-2", "bg-border-strong"];
+var PART_STROKE = ["stroke-accent", "stroke-fg-secondary", "stroke-accent-2", "stroke-border-strong"];
+function Meter({
+  label,
+  value = 0,
+  min = 0,
+  max = 100,
+  valueText,
+  thresholds,
+  optimum = "low",
+  parts,
+  variant = "bar",
+  size = "md",
+  showLabel,
+  className,
+  children,
+  ...props
+}) {
+  const s = meter({ size });
+  const { ratio, level, words, shares, arcs } = meterModel({ value, min, max, valueText, thresholds, optimum, parts });
+  const a11y = parts ? { role: "group", "aria-label": label } : { role: "meter", "aria-label": label, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": Math.min(max, Math.max(min, value)), "aria-valuetext": words };
+  const legend = parts && /* @__PURE__ */ jsx("ul", { className: s.legend(), children: shares.map((p) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: [s.swatch(), PART_BG[p.i % PART_BG.length]].join(" ") }),
+    /* @__PURE__ */ jsx("span", { className: "text-fg", children: p.label }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: p.words })
+  ] }, p.i)) });
+  if (variant === "ring") {
+    const r = 44;
+    return /* @__PURE__ */ jsxs("div", { ...a11y, "data-level": parts ? void 0 : level, className: ["inline-flex flex-col items-center gap-2", className].filter(Boolean).join(" "), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: s.ring(), children: [
+        /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 100 100", className: "h-full w-full -rotate-90", "aria-hidden": true, children: [
+          /* @__PURE__ */ jsx("circle", { cx: "50", cy: "50", r, fill: "none", strokeWidth: "9", className: "stroke-border-default" }),
+          arcs.map((arc, i) => {
+            const length = Math.max(0, arc.len * 100 - (parts ? 1 : 0));
+            return /* @__PURE__ */ jsx(
+              "circle",
+              {
+                cx: "50",
+                cy: "50",
+                r,
+                fill: "none",
+                strokeWidth: "9",
+                pathLength: 100,
+                strokeDasharray: `${length} ${100 - length}`,
+                strokeDashoffset: -arc.start * 100,
+                className: [arc.part === void 0 ? STROKE[level] : PART_STROKE[arc.part % PART_STROKE.length], "transition-[stroke-dasharray] duration-700 motion-reduce:transition-none"].join(" ")
+              },
+              i
+            );
+          })
+        ] }),
+        children !== void 0 && /* @__PURE__ */ jsx("div", { className: s.center(), children })
+      ] }),
+      legend
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { ...a11y, "data-level": parts ? void 0 : level, className: s.root({ className }), ...props, children: [
+    showLabel && /* @__PURE__ */ jsxs("div", { "aria-hidden": true, className: s.header(), children: [
+      /* @__PURE__ */ jsx("span", { className: s.caption(), children: label }),
+      !parts && /* @__PURE__ */ jsx("span", { className: s.figure(), children: words })
+    ] }),
+    /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: s.track(), children: parts ? shares.map((p) => /* @__PURE__ */ jsx("span", { className: [s.fill(), PART_BG[p.i % PART_BG.length]].join(" "), style: { width: `${p.ratio * 100}%` } }, p.i)) : /* @__PURE__ */ jsx("span", { className: [s.fill(), BG[level]].join(" "), style: { width: `${ratio * 100}%` } }) }),
+    legend
+  ] });
+}
+function MeterValue({ value, caption }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "font-display text-lg font-semibold text-fg tabular-nums", children: value }),
+    caption && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-fg-secondary", children: caption })
+  ] });
+}
+
+export {
+  meter,
+  Meter,
+  MeterValue
+};
+//# sourceMappingURL=chunk-HEKDKM5Y.js.map

package/dist/chunk-HEKDKM5Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/meter/meter.tsx","../src/meter/model.ts"],"sourcesContent":["// Server-safe. A measure within a known range — a quota, a balance, a share — as opposed to the progress of a task.\n// `role=\"meter\"`, its value in words; thresholds turn it to warning then danger (or the reverse when high is good);\n// split into parts (90 % to the creator, 10 % to the platform) it becomes a stacked bar or ring with its legend: the\n// text version of what it draws.\nimport type * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { type MeterLevel, meterModel, type MeterPart, type MeterThresholds } from \"./model\";\n\nexport type { MeterPart };\n\nexport const meter = tv({\n  slots: {\n    root: \"flex w-full flex-col gap-1.5\",\n    header: \"flex items-baseline gap-2 text-xs\",\n    caption: \"min-w-0 flex-1 truncate font-medium text-fg\",\n    figure: \"shrink-0 tabular-nums text-fg-secondary\",\n    track: \"relative flex h-2 w-full gap-0.5 overflow-hidden rounded-sm bg-surface-3\",\n    fill: \"h-full rounded-sm transition-[width] duration-700 motion-reduce:transition-none\",\n    legend: \"mt-1 flex flex-wrap gap-x-4 gap-y-1 text-xs text-fg-secondary\",\n    swatch: \"inline-block h-2 w-2 shrink-0 rounded-full\",\n    ring: \"relative inline-flex shrink-0 items-center justify-center\",\n    center: \"absolute inset-0 flex flex-col items-center justify-center text-center\",\n  },\n  variants: {\n    size: { sm: { track: \"h-1.5\", ring: \"h-14 w-14\" }, md: { ring: \"h-24 w-24\" }, lg: { track: \"h-3\", ring: \"h-36 w-36\" } },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\n/** The colour of a fill: by tone (thresholds) or by part (the accent, a neutral, accent-2, a lighter neutral). */\nconst BG: Record<MeterLevel, string> = { ok: \"bg-accent\", success: \"bg-success\", warning: \"bg-warning\", danger: \"bg-danger\" };\nconst STROKE: Record<MeterLevel, string> = { ok: \"stroke-accent\", success: \"stroke-success\", warning: \"stroke-warning\", danger: \"stroke-danger\" };\nconst PART_BG = [\"bg-accent\", \"bg-fg-secondary\", \"bg-accent-2\", \"bg-border-strong\"];\nconst PART_STROKE = [\"stroke-accent\", \"stroke-fg-secondary\", \"stroke-accent-2\", \"stroke-border-strong\"];\n\nexport type MeterProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n  /** The accessible name (“Storage”, “Split of a tip”) — passed translated; shown with `showLabel`. */\n  label: string;\n  /** The value, between `min` and `max` (ignored with `parts`). */\n  value?: number;\n  /**\n   * The bottom of the range.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * The top of the range.\n   * @default 100\n   */\n  max?: number;\n  /** The value in words (“42 GB of 50 GB”) — passed translated; default: the percentage. */\n  valueText?: string;\n  /**\n   * Ratios (0–1) where the tone changes: past `high` it is in danger, past `low` in warning — or the reverse with\n   * `optimum=\"high\"` (a balance: the lower, the worse). Without thresholds the fill is the brand accent.\n   */\n  thresholds?: MeterThresholds;\n  /**\n   * Which end is good.\n   * @default \"low\"\n   */\n  optimum?: \"low\" | \"high\";\n  /** Split into parts that add up to `max`: a stacked bar or ring, with its legend. */\n  parts?: readonly MeterPart[];\n  /**\n   * bar · ring.\n   * @default \"bar\"\n   */\n  variant?: \"bar\" | \"ring\";\n  /**\n   * sm · md · lg: the bar's thickness, the ring's diameter.\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Shows the label and the value above the bar. */\n  showLabel?: boolean;\n  /** A ring's centre: the value, a word. */\n  children?: React.ReactNode;\n};\n\n/** A measure within a range — a quota, a balance, a share — toned by thresholds or split into parts. */\nexport function Meter({\n  label,\n  value = 0,\n  min = 0,\n  max = 100,\n  valueText,\n  thresholds,\n  optimum = \"low\",\n  parts,\n  variant = \"bar\",\n  size = \"md\",\n  showLabel,\n  className,\n  children,\n  ...props\n}: MeterProps) {\n  const s = meter({ size });\n  const { ratio, level, words, shares, arcs } = meterModel({ value, min, max, valueText, thresholds, optimum, parts });\n  const a11y = parts\n    ? { role: \"group\" as const, \"aria-label\": label }\n    : { role: \"meter\" as const, \"aria-label\": label, \"aria-valuemin\": min, \"aria-valuemax\": max, \"aria-valuenow\": Math.min(max, Math.max(min, value)), \"aria-valuetext\": words };\n  const legend = parts && (\n    <ul className={s.legend()}>\n      {shares.map((p) => (\n        <li key={p.i} className=\"flex items-center gap-1.5\">\n          <span aria-hidden className={[s.swatch(), PART_BG[p.i % PART_BG.length]].join(\" \")} />\n          <span className=\"text-fg\">{p.label}</span>\n          <span className=\"tabular-nums\">{p.words}</span>\n        </li>\n      ))}\n    </ul>\n  );\n\n  if (variant === \"ring\") {\n    const r = 44;\n    return (\n      <div {...a11y} data-level={parts ? undefined : level} className={[\"inline-flex flex-col items-center gap-2\", className].filter(Boolean).join(\" \")} {...props}>\n        <div className={s.ring()}>\n          <svg viewBox=\"0 0 100 100\" className=\"h-full w-full -rotate-90\" aria-hidden>\n            <circle cx=\"50\" cy=\"50\" r={r} fill=\"none\" strokeWidth=\"9\" className=\"stroke-border-default\" />\n            {arcs.map((arc, i) => {\n              const length = Math.max(0, arc.len * 100 - (parts ? 1 : 0));\n              return (\n                <circle\n                  key={i}\n                  cx=\"50\"\n                  cy=\"50\"\n                  r={r}\n                  fill=\"none\"\n                  strokeWidth=\"9\"\n                  pathLength={100}\n                  strokeDasharray={`${length} ${100 - length}`}\n                  strokeDashoffset={-arc.start * 100}\n                  className={[arc.part === undefined ? STROKE[level] : PART_STROKE[arc.part % PART_STROKE.length], \"transition-[stroke-dasharray] duration-700 motion-reduce:transition-none\"].join(\" \")}\n                />\n              );\n            })}\n          </svg>\n          {children !== undefined && <div className={s.center()}>{children}</div>}\n        </div>\n        {legend}\n      </div>\n    );\n  }\n\n  return (\n    <div {...a11y} data-level={parts ? undefined : level} className={s.root({ className })} {...props}>\n      {showLabel && (\n        <div aria-hidden className={s.header()}>\n          <span className={s.caption()}>{label}</span>\n          {!parts && <span className={s.figure()}>{words}</span>}\n        </div>\n      )}\n      <div aria-hidden className={s.track()}>\n        {parts ? (\n          shares.map((p) => <span key={p.i} className={[s.fill(), PART_BG[p.i % PART_BG.length]].join(\" \")} style={{ width: `${p.ratio * 100}%` }} />)\n        ) : (\n          <span className={[s.fill(), BG[level]].join(\" \")} style={{ width: `${ratio * 100}%` }} />\n        )}\n      </div>\n      {legend}\n    </div>\n  );\n}\n\nexport interface MeterValueProps {\n  /** The figure. */\n  value: React.ReactNode;\n  /** A word under it. */\n  caption?: React.ReactNode;\n}\n\n/** For the ring's centre when it shows a figure and a word. */\nexport function MeterValue({ value, caption }: MeterValueProps) {\n  return (\n    <>\n      <span className=\"font-display text-lg font-semibold text-fg tabular-nums\">{value}</span>\n      {caption && <span className=\"text-[10px] text-fg-secondary\">{caption}</span>}\n    </>\n  );\n}\n","// Headless: the arithmetic of a Meter, read by the web (`meter.tsx`) and the native (`native/meter.tsx`) alike.\n\nexport interface MeterPart {\n  /** Its name (“To the creator”) — passed translated. */\n  label: string;\n  /** Its value, in the meter's unit. */\n  value: number;\n  /** Its value in words (“€9.00”), in the legend and for assistive technology; default: its percentage. */\n  valueText?: string;\n}\n\n/** Which end of the range is good: `low` (a quota) or `high` (a score, a balance). */\nexport const MeterOptimum = { Low: \"low\", High: \"high\" } as const;\nexport type MeterOptimum = (typeof MeterOptimum)[keyof typeof MeterOptimum];\n\n/** The tone of a fill: the accent without thresholds, otherwise good, warning or bad. */\nexport const MeterLevel = { Ok: \"ok\", Success: \"success\", Warning: \"warning\", Danger: \"danger\" } as const;\nexport type MeterLevel = (typeof MeterLevel)[keyof typeof MeterLevel];\n\nexport interface MeterThresholds {\n  readonly low: number;\n  readonly high: number;\n}\n\nexport interface MeterInput {\n  value?: number;\n  min?: number;\n  max?: number;\n  valueText?: string;\n  thresholds?: MeterThresholds;\n  optimum?: MeterOptimum;\n  parts?: readonly MeterPart[];\n}\n\nexport interface MeterShare extends MeterPart {\n  i: number;\n  /** Its share of the range, 0–1. */\n  ratio: number;\n  /** Its value in words. */\n  words: string;\n}\n\n/** One arc of a ring, as fractions of the circle: the part it draws (none for the whole value), its length, where it starts. */\nexport interface MeterArc {\n  part: number | undefined;\n  len: number;\n  start: number;\n}\n\nexport interface MeterModel {\n  ratio: number;\n  level: MeterLevel;\n  words: string;\n  shares: MeterShare[];\n  arcs: MeterArc[];\n}\n\nconst clamp01 = (n: number) => Math.min(1, Math.max(0, n));\nconst percent = (ratio: number) => `${Math.round(ratio * 100)} %`;\n\nfunction levelOf(ratio: number, thresholds: MeterThresholds | undefined, optimum: MeterOptimum): MeterLevel {\n  if (!thresholds) return MeterLevel.Ok;\n  const good = optimum === MeterOptimum.Low ? MeterLevel.Success : MeterLevel.Danger;\n  const bad = optimum === MeterOptimum.Low ? MeterLevel.Danger : MeterLevel.Success;\n  if (ratio >= thresholds.high) return bad;\n  return ratio >= thresholds.low ? MeterLevel.Warning : good;\n}\n\n/** The ratio, tone, words, parts and ring arcs of a meter. */\nexport function meterModel({ value = 0, min = 0, max = 100, valueText, thresholds, optimum = MeterOptimum.Low, parts }: MeterInput): MeterModel {\n  const span = max - min || 1;\n  const ratio = clamp01((value - min) / span);\n  const shares = (parts ?? []).map((p, i) => ({ ...p, i, ratio: clamp01(p.value / span), words: p.valueText ?? percent(p.value / span) }));\n  let start = 0;\n  const arcs = parts\n    ? shares.map((p) => {\n        const arc = { part: p.i, len: p.ratio, start };\n        start += p.ratio;\n        return arc;\n      })\n    : [{ part: undefined, len: ratio, start: 0 }];\n  return { ratio, level: levelOf(ratio, thresholds, optimum), words: valueText ?? percent(ratio), shares, arcs };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-KGLRZMCY.js

@@ -0,0 +1,16 @@
+// src/deprecated.ts
+var DEPRECATED_SINCE = "3.55.0";
+var REMOVED_IN = "4.0.0";
+var warned = /* @__PURE__ */ new Set();
+function warnDeprecated(entry, since = DEPRECATED_SINCE) {
+  if (typeof process === "undefined" || process.env.NODE_ENV === "production" || warned.has(entry)) return;
+  warned.add(entry);
+  console.warn(
+    `@krizaka/ui/${entry} is deprecated since ${since} and is removed in ${REMOVED_IN} (ADR-006): no product uses it. Keep it? Comment on krizaka-ui#674 with the issue that needs it. https://ui.krizaka.com/components/${entry.replace(/^native\//, "")}`
+  );
+}
+
+export {
+  warnDeprecated
+};
+//# sourceMappingURL=chunk-KGLRZMCY.js.map

package/dist/chunk-KGLRZMCY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/deprecated.ts"],"sourcesContent":["// The development warning of a deprecated entry (ADR-006 §7, krizaka-ui#674). An entry is deprecated in a minor and\n// removed in the next major; until then it works exactly as before and says so once per page, in development only —\n// never in production, never twice. The same facts live in the entry's `meta.ts` (`status: \"deprecated\"`), which\n// ui.krizaka.com reads for its badge.\n\n/** The release that deprecated the batch. */\nexport const DEPRECATED_SINCE = \"3.55.0\";\n/** The major that removes it. */\nexport const REMOVED_IN = \"4.0.0\";\n\nconst warned = new Set<string>();\n\n/**\n * Warns once per page, in development, that `@krizaka/ui/<entry>` is deprecated. Call it at the top of the entry's\n * components; it costs a `Set` lookup and nothing in production.\n * @param entry the entry's name as imported: `tree-view` for `@krizaka/ui/tree-view`.\n * @param since the release that deprecated it, when it is not this batch's.\n */\nexport function warnDeprecated(entry: string, since: string = DEPRECATED_SINCE): void {\n  if (typeof process === \"undefined\" || process.env.NODE_ENV === \"production\" || warned.has(entry)) return;\n  warned.add(entry);\n  console.warn(\n    `@krizaka/ui/${entry} is deprecated since ${since} and is removed in ${REMOVED_IN} (ADR-006): no product uses it. ` +\n      `Keep it? Comment on krizaka-ui#674 with the issue that needs it. https://ui.krizaka.com/components/${entry.replace(/^native\\//, \"\")}`,\n  );\n}\n\n/** Forgets what was warned (tests only). */\nexport function resetDeprecationWarnings(): void {\n  warned.clear();\n}\n"],"mappings":";AAMO,IAAM,mBAAmB;AAEzB,IAAM,aAAa;AAE1B,IAAM,SAAS,oBAAI,IAAY;AAQxB,SAAS,eAAe,OAAe,QAAgB,kBAAwB;AACpF,MAAI,OAAO,YAAY,eAAe,QAAQ,IAAI,aAAa,gBAAgB,OAAO,IAAI,KAAK,EAAG;AAClG,SAAO,IAAI,KAAK;AAChB,UAAQ;AAAA,IACN,eAAe,KAAK,wBAAwB,KAAK,sBAAsB,UAAU,sIACuB,MAAM,QAAQ,aAAa,EAAE,CAAC;AAAA,EACxI;AACF;","names":[]}

package/dist/chunk-KID32IRJ.js

@@ -0,0 +1,18 @@
+"use client";
+
+// src/kbd/kbd.tsx
+import { tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+var kbdVariants = tv({
+  base: "inline-flex shrink-0 items-center justify-center rounded-md border border-border-default border-b-2 bg-surface-2 font-mono font-semibold text-fg-secondary",
+  variants: { size: { sm: "h-5 min-w-5 px-1 text-[10px]", md: "h-6 min-w-6 px-1.5 text-xs" } },
+  defaultVariants: { size: "md" }
+});
+function Kbd({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx("kbd", { className: kbdVariants({ size, className }), ...props });
+}
+
+export {
+  Kbd
+};
+//# sourceMappingURL=chunk-KID32IRJ.js.map

package/dist/chunk-KID32IRJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kbd/kbd.tsx"],"sourcesContent":["// Server-safe. A key, or a shortcut of several (`<Kbd>⌘</Kbd><Kbd>K</Kbd>`).\nimport type * as React from \"react\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const kbdVariants = tv({\n  base:\n    \"inline-flex shrink-0 items-center justify-center rounded-md border border-border-default border-b-2 bg-surface-2 \" +\n    \"font-mono font-semibold text-fg-secondary\",\n  variants: { size: { sm: \"h-5 min-w-5 px-1 text-[10px]\", md: \"h-6 min-w-6 px-1.5 text-xs\" } },\n  defaultVariants: { size: \"md\" },\n});\n\nexport type KbdProps = React.ComponentProps<\"kbd\"> & {\n  /**\n   * sm · md.\n   * @default \"md\"\n   */\n  size?: VariantProps<typeof kbdVariants>[\"size\"];\n};\n\nexport function Kbd({ size, className, ...props }: KbdProps) {\n  return <kbd className={kbdVariants({ size, className })} {...props} />;\n}\n"],"mappings":";;;AAEA,SAAS,UAA6B;AAmB7B;AAjBF,IAAM,cAAc,GAAG;AAAA,EAC5B,MACE;AAAA,EAEF,UAAU,EAAE,MAAM,EAAE,IAAI,gCAAgC,IAAI,6BAA6B,EAAE;AAAA,EAC3F,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;AAUM,SAAS,IAAI,EAAE,MAAM,WAAW,GAAG,MAAM,GAAa;AAC3D,SAAO,oBAAC,SAAI,WAAW,YAAY,EAAE,MAAM,UAAU,CAAC,GAAI,GAAG,OAAO;AACtE;","names":[]}

package/dist/{chunk-ZQW7LF4Y.js → chunk-OIMXKRXF.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Chip
-} from "./chunk-HHFWK2HH.js";
+} from "./chunk-VIPSZXO4.js";
 import {
   floating
 } from "./chunk-J3NC6ER4.js";
@@ -176,4 +176,4 @@ export {
   readFilterParams,
   writeFilterParams
 };
-//# sourceMappingURL=chunk-ZQW7LF4Y.js.map
+//# sourceMappingURL=chunk-OIMXKRXF.js.map