@backbay/glia 0.2.0-alpha.6 → 0.2.0-alpha.8

package/dist/chunk-GRTRSCTD.js

@@ -1,74 +0,0 @@
-import { cn } from './chunk-6RX2WGCO.js';
-import { useState, useEffect } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var GlitchText = ({
-  variants,
-  interval = 3e3,
-  className,
-  steps,
-  onComplete
-}) => {
-  const [index, setIndex] = useState(0);
-  const [isGlitching, setIsGlitching] = useState(false);
-  const [text, setText] = useState(variants[0]);
-  const [stepCount, setStepCount] = useState(0);
-  useEffect(() => {
-    if (typeof steps === "number" && stepCount >= steps) {
-      setIndex(variants.length - 1);
-      setText(variants[variants.length - 1]);
-      setIsGlitching(false);
-      onComplete?.();
-      return;
-    }
-    const timer = setInterval(() => {
-      setIsGlitching(true);
-      setTimeout(() => {
-        setIndex((prev) => (prev + 1) % variants.length);
-        setStepCount((prev) => prev + 1);
-        setIsGlitching(false);
-      }, 400);
-    }, interval);
-    return () => clearInterval(timer);
-  }, [variants, interval, steps, stepCount, onComplete]);
-  useEffect(() => {
-    if (isGlitching) {
-      const glitchInterval = setInterval(() => {
-        const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&*()";
-        const currentTarget = variants[(index + 1) % variants.length];
-        const randomText = currentTarget.split("").map(
-          (char) => Math.random() > 0.5 ? chars[Math.floor(Math.random() * chars.length)] : char
-        ).join("");
-        setText(randomText);
-      }, 50);
-      return () => clearInterval(glitchInterval);
-    } else {
-      setText(variants[index]);
-    }
-  }, [isGlitching, index, variants]);
-  return /* @__PURE__ */ jsxs("span", { className: cn("relative inline-block", className), children: [
-    /* @__PURE__ */ jsx("span", { className: cn("block", isGlitching && "animate-glitch text-cyan-neon blur-[0.5px]"), children: text }),
-    isGlitching && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "absolute top-0 left-0 -ml-[2px] text-red-500 opacity-70 animate-glitch",
-          "aria-hidden": "true",
-          children: text
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: "absolute top-0 left-0 ml-[2px] text-blue-500 opacity-70 animate-glitch",
-          "aria-hidden": "true",
-          children: text
-        }
-      )
-    ] })
-  ] });
-};
-
-export { GlitchText };
-//# sourceMappingURL=chunk-GRTRSCTD.js.map
-//# sourceMappingURL=chunk-GRTRSCTD.js.map

package/dist/chunk-GRTRSCTD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/primitives/atoms/GlitchText/GlitchText.tsx"],"names":[],"mappings":";;;;AAWO,IAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,QAAA,GAAW,GAAA;AAAA,EACX,SAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,KAAuB;AACrB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AACpC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,IAAI,QAAA,CAAS,QAAA,CAAS,CAAC,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,SAAA,IAAa,KAAA,EAAO;AACnD,MAAA,QAAA,CAAS,QAAA,CAAS,SAAS,CAAC,CAAA;AAC5B,MAAA,OAAA,CAAQ,QAAA,CAAS,QAAA,CAAS,MAAA,GAAS,CAAC,CAAC,CAAA;AACrC,MAAA,cAAA,CAAe,KAAK,CAAA;AACpB,MAAA,UAAA,IAAa;AACb,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,MAAA,cAAA,CAAe,IAAI,CAAA;AACnB,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,QAAA,CAAS,CAAC,IAAA,KAAA,CAAU,IAAA,GAAO,CAAA,IAAK,SAAS,MAAM,CAAA;AAC/C,QAAA,YAAA,CAAa,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAC/B,QAAA,cAAA,CAAe,KAAK,CAAA;AAAA,MACtB,GAAG,GAAG,CAAA;AAAA,IACR,GAAG,QAAQ,CAAA;AAEX,IAAA,OAAO,MAAM,cAAc,KAAK,CAAA;AAAA,EAClC,GAAG,CAAC,QAAA,EAAU,UAAU,KAAA,EAAO,SAAA,EAAW,UAAU,CAAC,CAAA;AAGrD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACvC,QAAA,MAAM,KAAA,GAAQ,gDAAA;AACd,QAAA,MAAM,aAAA,GAAgB,QAAA,CAAA,CAAU,KAAA,GAAQ,CAAA,IAAK,SAAS,MAAM,CAAA;AAC5D,QAAA,MAAM,UAAA,GAAa,aAAA,CAChB,KAAA,CAAM,EAAE,CAAA,CACR,GAAA;AAAA,UAAI,CAAC,IAAA,KACJ,IAAA,CAAK,MAAA,KAAW,GAAA,GAAM,KAAA,CAAM,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,GAAI,KAAA,CAAM,MAAM,CAAC,CAAA,GAAI;AAAA,SAC1E,CACC,KAAK,EAAE,CAAA;AACV,QAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,MACpB,GAAG,EAAE,CAAA;AACL,MAAA,OAAO,MAAM,cAAc,cAAc,CAAA;AAAA,IAC3C,CAAA,MAAO;AACL,MAAA,OAAA,CAAQ,QAAA,CAAS,KAAK,CAAC,CAAA;AAAA,IACzB;AAAA,EACF,CAAA,EAAG,CAAC,WAAA,EAAa,KAAA,EAAO,QAAQ,CAAC,CAAA;AAEjC,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,uBAAA,EAAyB,SAAS,CAAA,EACpD,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAK,SAAA,EAAW,EAAA,CAAG,SAAS,WAAA,IAAe,4CAA4C,GACrF,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,IACC,+BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,wEAAA;AAAA,UACV,aAAA,EAAY,MAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAU,wEAAA;AAAA,UACV,aAAA,EAAY,MAAA;AAAA,UAEX,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-GRTRSCTD.js","sourcesContent":["import { cn } from \"../../../lib/utils\";\nimport { useEffect, useState } from \"react\";\n\nexport interface GlitchTextProps {\n  variants: string[];\n  interval?: number;\n  className?: string;\n  steps?: number;\n  onComplete?: () => void;\n}\n\nexport const GlitchText = ({\n  variants,\n  interval = 3000,\n  className,\n  steps,\n  onComplete,\n}: GlitchTextProps) => {\n  const [index, setIndex] = useState(0);\n  const [isGlitching, setIsGlitching] = useState(false);\n  const [text, setText] = useState(variants[0]);\n  const [stepCount, setStepCount] = useState(0);\n\n  useEffect(() => {\n    if (typeof steps === \"number\" && stepCount >= steps) {\n      setIndex(variants.length - 1);\n      setText(variants[variants.length - 1]);\n      setIsGlitching(false);\n      onComplete?.();\n      return;\n    }\n\n    const timer = setInterval(() => {\n      setIsGlitching(true);\n      setTimeout(() => {\n        setIndex((prev) => (prev + 1) % variants.length);\n        setStepCount((prev) => prev + 1);\n        setIsGlitching(false);\n      }, 400); // Glitch duration\n    }, interval);\n\n    return () => clearInterval(timer);\n  }, [variants, interval, steps, stepCount, onComplete]);\n\n  // Simple glitch text effect during transition\n  useEffect(() => {\n    if (isGlitching) {\n      const glitchInterval = setInterval(() => {\n        const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890!@#$%^&*()\";\n        const currentTarget = variants[(index + 1) % variants.length];\n        const randomText = currentTarget\n          .split(\"\")\n          .map((char) =>\n            Math.random() > 0.5 ? chars[Math.floor(Math.random() * chars.length)] : char\n          )\n          .join(\"\");\n        setText(randomText);\n      }, 50);\n      return () => clearInterval(glitchInterval);\n    } else {\n      setText(variants[index]);\n    }\n  }, [isGlitching, index, variants]);\n\n  return (\n    <span className={cn(\"relative inline-block\", className)}>\n      <span className={cn(\"block\", isGlitching && \"animate-glitch text-cyan-neon blur-[0.5px]\")}>\n        {text}\n      </span>\n      {isGlitching && (\n        <>\n          <span\n            className=\"absolute top-0 left-0 -ml-[2px] text-red-500 opacity-70 animate-glitch\"\n            aria-hidden=\"true\"\n          >\n            {text}\n          </span>\n          <span\n            className=\"absolute top-0 left-0 ml-[2px] text-blue-500 opacity-70 animate-glitch\"\n            aria-hidden=\"true\"\n          >\n            {text}\n          </span>\n        </>\n      )}\n    </span>\n  );\n};\n"]}

package/dist/chunk-IKGYOGLK.js

@@ -1,16 +0,0 @@
-import { useLayoutEffect2 } from './chunk-7UQD6ROV.js';
-import * as React from 'react';
-
-var useReactId = React[" useId ".trim().toString()] || (() => void 0);
-var count = 0;
-function useId(deterministicId) {
-  const [id, setId] = React.useState(useReactId());
-  useLayoutEffect2(() => {
-    if (!deterministicId) setId((reactId) => reactId ?? String(count++));
-  }, [deterministicId]);
-  return deterministicId || (id ? `radix-${id}` : "");
-}
-
-export { useId };
-//# sourceMappingURL=chunk-IKGYOGLK.js.map
-//# sourceMappingURL=chunk-IKGYOGLK.js.map

package/dist/chunk-IKGYOGLK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../node_modules/@radix-ui/react-id/src/id.tsx"],"names":[],"mappings":";;;AAIA,IAAM,UAAA,GAAc,MAAc,SAAA,CAAU,IAAA,GAAO,QAAA,EAAU,MAAM,MAAM,MAAA,CAAA;AACzE,IAAI,KAAA,GAAQ,CAAA;AAEZ,SAAS,MAAM,eAAA,EAAkC;AAC/C,EAAA,MAAM,CAAC,EAAA,EAAI,KAAK,CAAA,GAAU,KAAA,CAAA,QAAA,CAA6B,YAAY,CAAA;AAEnE,EAAA,gBAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,CAAC,iBAAiB,KAAA,CAAM,CAAC,YAAY,OAAA,IAAW,MAAA,CAAO,OAAO,CAAC,CAAA;EACrE,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AACpB,EAAA,OAAO,eAAA,KAAoB,EAAA,GAAK,CAAA,MAAA,EAAS,EAAE,CAAA,CAAA,GAAK,EAAA,CAAA;AAClD","file":"chunk-IKGYOGLK.js","sourcesContent":["import * as React from 'react';\nimport { useLayoutEffect } from '@radix-ui/react-use-layout-effect';\n\n// We spaces with `.trim().toString()` to prevent bundlers from trying to `import { useId } from 'react';`\nconst useReactId = (React as any)[' useId '.trim().toString()] || (() => undefined);\nlet count = 0;\n\nfunction useId(deterministicId?: string): string {\n  const [id, setId] = React.useState<string | undefined>(useReactId());\n  // React versions older than 18 will have client-side ids only.\n  useLayoutEffect(() => {\n    if (!deterministicId) setId((reactId) => reactId ?? String(count++));\n  }, [deterministicId]);\n  return deterministicId || (id ? `radix-${id}` : '');\n}\n\nexport { useId };\n"]}

package/dist/chunk-IQ7WYWVJ.js

@@ -1,73 +0,0 @@
-import { createSlot } from './chunk-FEW533R2.js';
-import { cn } from './chunk-6RX2WGCO.js';
-import * as React from 'react';
-import 'react-dom';
-import { jsx } from 'react/jsx-runtime';
-
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Slot = createSlot(`Primitive.${node}`);
-  const Node = React.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot : node;
-    if (typeof window !== "undefined") {
-      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
-}, {});
-var NAME = "Label";
-var Label = React.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx(
-    Primitive.label,
-    {
-      ...props,
-      ref: forwardedRef,
-      onMouseDown: (event) => {
-        const target = event.target;
-        if (target.closest("button, input, select, textarea")) return;
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
-      }
-    }
-  );
-});
-Label.displayName = NAME;
-var Root = Label;
-function Label2({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Root,
-    {
-      "data-slot": "label",
-      className: cn(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-export { Label2 as Label };
-//# sourceMappingURL=chunk-IQ7WYWVJ.js.map
-//# sourceMappingURL=chunk-IQ7WYWVJ.js.map

package/dist/chunk-IQ7WYWVJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive/src/primitive.tsx","../../../node_modules/@radix-ui/react-label/src/label.tsx","../src/primitives/ui/label.tsx"],"names":["React2","jsx","Label"],"mappings":";;;;;;AAIA,IAAM,KAAA,GAAQ;AACZ,EAAA,GAAA;AACA,EAAA,QAAA;AACA,EAAA,KAAA;AACA,EAAA,MAAA;AACA,EAAA,IAAA;AACA,EAAA,IAAA;AACA,EAAA,KAAA;AACA,EAAA,OAAA;AACA,EAAA,OAAA;AACA,EAAA,IAAA;AACA,EAAA,KAAA;AACA,EAAA,IAAA;AACA,EAAA,GAAA;AACA,EAAA,QAAA;AACA,EAAA,MAAA;AACA,EAAA,KAAA;AACA,EAAA;AACF,CAAA;AAcA,IAAM,SAAA,GAAY,KAAA,CAAM,MAAA,CAAO,CAAC,WAAW,IAAA,KAAS;AAClD,EAAA,MAAM,IAAA,GAAO,UAAA,CAAW,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,CAAA;AAC3C,EAAA,MAAM,IAAA,GAAa,KAAA,CAAA,UAAA,CAAW,CAAC,KAAA,EAA2C,YAAA,KAAsB;AAC9F,IAAA,MAAM,EAAE,OAAA,EAAS,GAAG,cAAA,EAAe,GAAI,KAAA;AACvC,IAAA,MAAM,IAAA,GAAY,UAAU,IAAA,GAAO,IAAA;AAEnC,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AAChC,MAAA,MAAA,iBAAe,MAAA,CAAO,GAAA,CAAI,UAAU,CAAC,CAAA,GAAI,IAAA;AAC5C,IAAA;AAEA,IAAA,2BAAQ,IAAA,EAAA,EAAM,GAAG,cAAA,EAAgB,GAAA,EAAK,cAAc,CAAA;EACtD,CAAC,CAAA;AAED,EAAA,IAAA,CAAK,WAAA,GAAc,aAAa,IAAI,CAAA,CAAA;AAEpC,EAAA,OAAO,EAAE,GAAG,SAAA,EAAW,CAAC,IAAI,GAAG,IAAA,EAAK;AACtC,CAAA,EAAG,EAAgB,CAAA;AC7CnB,IAAM,IAAA,GAAO,OAAA;AAMb,IAAM,KAAA,GAAcA,KAAA,CAAA,UAAA,CAAqC,CAAC,KAAA,EAAO,YAAA,KAAiB;AAChF,EAAA,uBACEC,GAAAA;IAAC,SAAA,CAAU,KAAA;AAAV,IAAA;MACE,GAAG,KAAA;MACJ,GAAA,EAAK,YAAA;AACL,MAAA,WAAA,EAAa,CAAC,KAAA,KAAU;AAEtB,QAAA,MAAM,SAAS,KAAA,CAAM,MAAA;AACrB,QAAA,IAAI,MAAA,CAAO,OAAA,CAAQ,iCAAiC,CAAA,EAAG;AAEvD,QAAA,KAAA,CAAM,cAAc,KAAK,CAAA;AAEzB,QAAA,IAAI,CAAC,KAAA,CAAM,gBAAA,IAAoB,MAAM,MAAA,GAAS,CAAA,QAAS,cAAA,EAAe;AACxE,MAAA;AAAA;AACF,GAAA;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,IAAA;AAIpB,IAAM,IAAA,GAAO,KAAA;AC5Bb,SAASC,MAAAA,CAAM,EAAE,SAAA,EAAW,GAAG,OAAM,EAAqD;AACxF,EAAA,uBACED,GAAAA;AAAA,IAAgB,IAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qNAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-IQ7WYWVJ.js","sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createSlot } from '@radix-ui/react-slot';\n\nconst NODES = [\n  'a',\n  'button',\n  'div',\n  'form',\n  'h2',\n  'h3',\n  'img',\n  'input',\n  'label',\n  'li',\n  'nav',\n  'ol',\n  'p',\n  'select',\n  'span',\n  'svg',\n  'ul',\n] as const;\n\ntype Primitives = { [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E> };\ntype PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {\n  asChild?: boolean;\n};\n\ninterface PrimitiveForwardRefComponent<E extends React.ElementType>\n  extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {}\n\n/* -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------*/\n\nconst Primitive = NODES.reduce((primitive, node) => {\n  const Slot = createSlot(`Primitive.${node}`);\n  const Node = React.forwardRef((props: PrimitivePropsWithRef<typeof node>, forwardedRef: any) => {\n    const { asChild, ...primitiveProps } = props;\n    const Comp: any = asChild ? Slot : node;\n\n    if (typeof window !== 'undefined') {\n      (window as any)[Symbol.for('radix-ui')] = true;\n    }\n\n    return <Comp {...primitiveProps} ref={forwardedRef} />;\n  });\n\n  Node.displayName = `Primitive.${node}`;\n\n  return { ...primitive, [node]: Node };\n}, {} as Primitives);\n\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n *\n * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.\n *\n * Internally, React prioritises events in the following order:\n *  - discrete\n *  - continuous\n *  - default\n *\n * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n *\n * `discrete` is an  important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n *\n * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not necessary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n *\n * dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n *\n * dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n *\n * dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n *\n * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's  not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n */\n\nfunction dispatchDiscreteCustomEvent<E extends CustomEvent>(target: E['target'], event: E) {\n  if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Primitive;\n\nexport {\n  Primitive,\n  //\n  Root,\n  //\n  dispatchDiscreteCustomEvent,\n};\nexport type { PrimitivePropsWithRef };\n","import * as React from 'react';\nimport { Primitive } from '@radix-ui/react-primitive';\n\n/* -------------------------------------------------------------------------------------------------\n * Label\n * -----------------------------------------------------------------------------------------------*/\n\nconst NAME = 'Label';\n\ntype LabelElement = React.ComponentRef<typeof Primitive.label>;\ntype PrimitiveLabelProps = React.ComponentPropsWithoutRef<typeof Primitive.label>;\ninterface LabelProps extends PrimitiveLabelProps {}\n\nconst Label = React.forwardRef<LabelElement, LabelProps>((props, forwardedRef) => {\n  return (\n    <Primitive.label\n      {...props}\n      ref={forwardedRef}\n      onMouseDown={(event) => {\n        // only prevent text selection if clicking inside the label itself\n        const target = event.target as HTMLElement;\n        if (target.closest('button, input, select, textarea')) return;\n\n        props.onMouseDown?.(event);\n        // prevent text selection when double clicking label\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();\n      }}\n    />\n  );\n});\n\nLabel.displayName = NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Label;\n\nexport {\n  Label,\n  //\n  Root,\n};\nexport type { LabelProps };\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\n\nimport { cn } from \"../../lib/utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n"]}