@alfadocs/ui-kit-debug 1.7.0 → 1.9.0

package/dist/_chunks/repeat-CvQa5rZt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"repeat-CvQa5rZt.js","sources":["../../node_modules/lucide-react/dist/esm/icons/repeat.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"m17 2 4 4-4 4\", key: \"nntrym\" }],\n  [\"path\", { d: \"M3 11v-1a4 4 0 0 1 4-4h14\", key: \"84bu3i\" }],\n  [\"path\", { d: \"m7 22-4-4 4-4\", key: \"1wqhfi\" }],\n  [\"path\", { d: \"M21 13v1a4 4 0 0 1-4 4H3\", key: \"1rx37r\" }]\n];\nconst Repeat = createLucideIcon(\"repeat\", __iconNode);\n\nexport { __iconNode, Repeat as default };\n//# sourceMappingURL=repeat.mjs.map\n"],"names":["__iconNode","Repeat","createLucideIcon"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAAA,EAC1D,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAAA,EAC9C,CAAC,QAAQ,EAAE,GAAG,4BAA4B,KAAK,SAAQ,CAAE;AAC3D,GACMC,IAASC,EAAiB,UAAUF,CAAU;","x_google_ignoreList":[0]}

package/dist/_chunks/resource-chip-DYTG0IQQ.js

@@ -0,0 +1,83 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c as u } from "./index-D2ZczOXr.js";
+import { A as m } from "./armchair-BaLDW6Hz.js";
+const h = u(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:max-w-full",
+    // No pill: the label sits on the page ink, so it is legible in all
+    // four themes without knowing the resource colour.
+    "ds:text-[color:var(--foreground)]",
+    "type-eyebrow ds:[--type-eyebrow-size:var(--font-size-2xs)]"
+  ].join(" "),
+  {
+    variants: {
+      orientation: {
+        // Disc above, name beneath — the stack spends the header's
+        // block axis, which is the one a resource column has to spare.
+        horizontal: "ds:flex-col",
+        // column-REVERSE: the label writes bottom-to-top (the kit's
+        // rotated-label direction), so the glyph circle must sit at the
+        // BLOCK-END — the start of the reading flow — while keeping
+        // circle-first DOM order in both orientations.
+        vertical: "ds:flex-col-reverse"
+      }
+    },
+    defaultVariants: { orientation: "horizontal" }
+  }
+), f = p(
+  ({ label: o, color: s, icon: i, orientation: r, className: a, style: t, ...c }, d) => {
+    const n = s ? { "--resource-chip-color": s } : void 0;
+    return /* @__PURE__ */ l(
+      "span",
+      {
+        ref: d,
+        ...c,
+        "data-component": "resource-chip",
+        "data-orientation": r ?? "horizontal",
+        className: h({ orientation: r, className: a }),
+        style: t,
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: [
+                "ds:flex ds:size-6 ds:shrink-0 ds:items-center ds:justify-center",
+                /* Hairline ring, NOT 1.5px: the Lucide glyph is a 24-unit
+                   icon at stroke-width 2 drawn at 14px, so its strokes land
+                   at ~1.17px — a 1.5px ring is visibly HEAVIER than the
+                   glyph it encloses, and a fractional width on a full-radius
+                   circle antialiases unevenly around the curve. 1px sits
+                   just under the glyph weight and matches the kit's other
+                   indicator disc. */
+                "ds:rounded-full ds:border ds:[&_svg]:size-3.5",
+                // Seeded default; the inline setter wins when a colour is given.
+                "ds:[--resource-chip-color:var(--muted-foreground)]",
+                "ds:[--resource-chip-ink:color-mix(in_srgb,var(--resource-chip-color)_70%,var(--foreground))]",
+                "ds:[background-color:color-mix(in_srgb,var(--resource-chip-color)_16%,transparent)]",
+                "ds:[border-color:var(--resource-chip-ink)]",
+                "ds:[color:var(--resource-chip-ink)]"
+              ].join(" "),
+              style: n,
+              "aria-hidden": "true",
+              children: i ?? /* @__PURE__ */ e(m, {})
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: r === "vertical" ? "ds:truncate ds:text-start ds:[writing-mode:vertical-rl] ds:rotate-180 ds:[max-inline-size:6.5rem]" : "ds:truncate ds:text-center ds:[max-inline-size:100%]",
+              children: o
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+f.displayName = "ResourceChip";
+export {
+  f as R
+};
+//# sourceMappingURL=resource-chip-DYTG0IQQ.js.map

package/dist/_chunks/resource-chip-DYTG0IQQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-chip-DYTG0IQQ.js","sources":["../../src/components/resource-chip/resource-chip.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* ResourceChip — the one chip for a PLACE resource (a chair, a room,  */\n/* a device) so the display is identical everywhere it appears:        */\n/* calendar column headers, pickers, legends.                          */\n/*                                                                    */\n/* SHAPE: a colour disc holding a place glyph, with the name beneath.  */\n/* People get the SAME disc through Avatar — initials or a photo — so  */\n/* the two resource axes share one shape and still say different       */\n/* things: a face is a person, an armchair is a place. That is why     */\n/* the disc carries a GLYPH and never a short code; a circle with      */\n/* characters in it reads as a person, and a code beside the name it   */\n/* abbreviates only says the same thing twice.                         */\n/*                                                                    */\n/* There is deliberately NO pill. A neutral pill per column turned a   */\n/* colour-coded header into a row of greys, and the surface it added   */\n/* competed with the appointment cards below it. The colour lives in   */\n/* the disc — never behind the label — so label contrast never depends */\n/* on a caller-supplied hex.                                           */\n/*                                                                    */\n/* COLOUR MODEL: the disc is a light WASH of the resource colour, and  */\n/* the ring and glyph are the colour at strength. The strong halves    */\n/* are mixed 70% toward `--foreground` rather than used raw, because   */\n/* raw picker hexes do NOT clear the 3:1 graphics minimum (WCAG        */\n/* 1.4.11) against their own wash: Peacock lands at 2.70:1 on light    */\n/* and Grape at 1.88:1 on dark. Mixing toward the foreground token is  */\n/* theme-adaptive by construction — it darkens on light and lightens   */\n/* on dark — and takes every palette entry to ≥ 3.2:1 in all four      */\n/* themes while keeping the hue plainly recognisable. The wash is      */\n/* mixed with `transparent`, not a surface token, so it composites     */\n/* correctly over whatever the host paints behind the header.          */\n/*                                                                    */\n/* `orientation` names how the LABEL is written, not how the chip      */\n/* stacks: both variants stack block-wise, and `vertical` additionally */\n/* writes the label bottom-to-top for narrow calendar columns, which   */\n/* puts the disc at the block-END — the start of that reading flow.    */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Armchair } from 'lucide-react';\n\nconst resourceChipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:max-w-full',\n    // No pill: the label sits on the page ink, so it is legible in all\n    // four themes without knowing the resource colour.\n    'ds:text-[color:var(--foreground)]',\n    'type-eyebrow ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        // Disc above, name beneath — the stack spends the header's\n        // block axis, which is the one a resource column has to spare.\n        horizontal: 'ds:flex-col',\n        // column-REVERSE: the label writes bottom-to-top (the kit's\n        // rotated-label direction), so the glyph circle must sit at the\n        // BLOCK-END — the start of the reading flow — while keeping\n        // circle-first DOM order in both orientations.\n        vertical: 'ds:flex-col-reverse',\n      },\n    },\n    defaultVariants: { orientation: 'horizontal' },\n  },\n);\n\nexport interface ResourceChipProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof resourceChipVariants> {\n  /** Visible resource name. */\n  label: string;\n  /**\n   * Resource colour (any CSS colour string) — drives the whole disc via\n   * one CSS custom property: a light wash for the fill, and the colour\n   * mixed toward `--foreground` for the ring and glyph. Omitted → the\n   * muted token, so the disc degrades to a neutral.\n   */\n  color?: string;\n  /**\n   * Glyph inside the colour disc. Defaults to the kit's treatment-chair\n   * glyph (`Armchair`); pass another Lucide element for rooms/devices.\n   * Keep it a GLYPH — a short code here would read as a person's\n   * initials, which is the Avatar's job.\n   */\n  icon?: ReactNode;\n}\n\nexport const ResourceChip = forwardRef<HTMLSpanElement, ResourceChipProps>(\n  ({ label, color, icon, orientation, className, style, ...rest }, ref) => {\n    /* Runtime caller-supplied colour flows through ONE inline CSS\n       custom-property setter (23-constraints §Runtime-computed\n       dimensions); every consuming declaration — wash, ring, glyph —\n       lives in the className as Tailwind arbitrary values and derives\n       from it. The class below seeds a muted default that this inline\n       value overrides when a colour is supplied. */\n    const dotStyle: CSSProperties | undefined = color\n      ? ({ '--resource-chip-color': color } as CSSProperties)\n      : undefined;\n    return (\n      <span\n        ref={ref}\n        {...rest}\n        data-component=\"resource-chip\"\n        data-orientation={orientation ?? 'horizontal'}\n        className={resourceChipVariants({ orientation, className })}\n        // eslint-disable-next-line react/forbid-dom-props -- consumer-forwarded style; the runtime colour itself flows through a CSS custom property (23-constraints §inline-style exception)\n        style={style}\n      >\n        <span\n          className={[\n            'ds:flex ds:size-6 ds:shrink-0 ds:items-center ds:justify-center',\n            /* Hairline ring, NOT 1.5px: the Lucide glyph is a 24-unit\n               icon at stroke-width 2 drawn at 14px, so its strokes land\n               at ~1.17px — a 1.5px ring is visibly HEAVIER than the\n               glyph it encloses, and a fractional width on a full-radius\n               circle antialiases unevenly around the curve. 1px sits\n               just under the glyph weight and matches the kit's other\n               indicator disc. */\n            'ds:rounded-full ds:border ds:[&_svg]:size-3.5',\n            // Seeded default; the inline setter wins when a colour is given.\n            'ds:[--resource-chip-color:var(--muted-foreground)]',\n            'ds:[--resource-chip-ink:color-mix(in_srgb,var(--resource-chip-color)_70%,var(--foreground))]',\n            'ds:[background-color:color-mix(in_srgb,var(--resource-chip-color)_16%,transparent)]',\n            'ds:[border-color:var(--resource-chip-ink)]',\n            'ds:[color:var(--resource-chip-ink)]',\n          ].join(' ')}\n          // eslint-disable-next-line react/forbid-dom-props -- caller-supplied resource colour injected via CSS variables\n          style={dotStyle}\n          aria-hidden=\"true\"\n        >\n          {icon ?? <Armchair />}\n        </span>\n        <span\n          className={\n            orientation === 'vertical'\n              ? 'ds:truncate ds:text-start ds:[writing-mode:vertical-rl] ds:rotate-180 ds:[max-inline-size:6.5rem]'\n              : 'ds:truncate ds:text-center ds:[max-inline-size:100%]'\n          }\n        >\n          {label}\n        </span>\n      </span>\n    );\n  },\n);\nResourceChip.displayName = 'ResourceChip';\n"],"names":["resourceChipVariants","cva","ResourceChip","forwardRef","label","color","icon","orientation","className","style","rest","ref","dotStyle","jsxs","jsx","Armchair"],"mappings":";;;;AA8CA,MAAMA,IAAuBC;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA;AAAA;AAAA,QAGX,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,QAKZ,UAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEF,iBAAiB,EAAE,aAAa,aAAA;AAAA,EAAa;AAEjD,GAwBaC,IAAeC;AAAA,EAC1B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,MAAAC,GAAM,aAAAC,GAAa,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAAQC,MAAQ;AAOvE,UAAMC,IAAsCP,IACvC,EAAE,yBAAyBA,MAC5B;AACJ,WACE,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACC,GAAGD;AAAA,QACJ,kBAAe;AAAA,QACf,oBAAkBH,KAAe;AAAA,QACjC,WAAWP,EAAqB,EAAE,aAAAO,GAAa,WAAAC,GAAW;AAAA,QAE1D,OAAAC;AAAA,QAEA,UAAA;AAAA,UAAA,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQA;AAAA;AAAA,gBAEA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA,EACA,KAAK,GAAG;AAAA,cAEV,OAAOF;AAAA,cACP,eAAY;AAAA,cAEX,UAAAN,uBAASS,GAAA,CAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,UAErB,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WACEP,MAAgB,aACZ,sGACA;AAAA,cAGL,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACAF,EAAa,cAAc;"}

package/dist/_chunks/{rich-text-editor-DARnq_6N.js → rich-text-editor-BDfFtK4H.js}

@@ -19,7 +19,7 @@ import { a as pt } from "./tooltip-DvmfrNvB.js";
 import { P as q } from "./popover-Cqcjx-Ny.js";
 import { D as Ae } from "./dropdown-menu-DU-Hrf33.js";
 import { D as B } from "./dialog-UbKJCi1X.js";
-import { C as We } from "./color-picker-D-tUwxxT.js";
+import { C as We } from "./color-picker-oZ6zYks8.js";
 import { T as Ie } from "./text-input-CUvCb6ST.js";
 import { C as Xt } from "./checkbox-BuZ1u__2.js";
 import { F as Ut } from "./file-upload-CwxdqkMK.js";
@@ -2626,4 +2626,4 @@ export {
   hn as r,
   Qn as w
 };
-//# sourceMappingURL=rich-text-editor-DARnq_6N.js.map
+//# sourceMappingURL=rich-text-editor-BDfFtK4H.js.map