@plexui/ui 0.19.1 → 0.20.1

package/dist/es/components/Button/CopyButton.js

@@ -1,33 +1,45 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { copyToClipboard } from "../../lib/copyToClipboard";
-import { Check, Copy } from "../Icon";
-import { Animate } from "../Transition";
-import { Button } from "./Button";
-export const CopyButton = ({ children, copyValue, onClick, ...restProps }) => {
+import { copyToClipboard } from "../../lib/copyToClipboard.js";
+import { Check, Copy } from "../Icon/index.js";
+import { Animate } from "../Transition/index.js";
+import { Button } from "./Button.js";
+export const CopyButton = ({ children, copyValue, onClick, onCopy, ...restProps }) => {
     const [copied, setCopied] = useState(false);
     const copiedTimeout = useRef(null);
-    const handleClick = (evt) => {
-        // No-op when copied is true
-        if (copied) {
+    const pending = useRef(false);
+    const mounted = useRef(true);
+    const handleClick = async (evt) => {
+        // No-op while copied, or while a write is still in flight
+        if (copied || pending.current) {
             return;
         }
-        setCopied(true);
         onClick?.(evt);
-        // Copy content to clipboard
-        // NOTE: Failures are a silent no-op
-        copyToClipboard(typeof copyValue === "function" ? copyValue() : copyValue);
+        // The copied state follows the clipboard: a failed write shows no check
+        pending.current = true;
+        const succeeded = await copyToClipboard(typeof copyValue === "function" ? copyValue() : copyValue);
+        pending.current = false;
+        if (!mounted.current)
+            return;
+        onCopy?.(succeeded);
+        if (!succeeded)
+            return;
+        setCopied(true);
         copiedTimeout.current = window.setTimeout(() => {
             setCopied(false);
         }, 1300);
     };
     useEffect(() => {
+        mounted.current = true;
         return () => {
+            mounted.current = false;
             if (copiedTimeout.current)
                 clearTimeout(copiedTimeout.current);
         };
     }, []);
-    return (_jsxs(Button, { ...restProps, onClick: handleClick, children: [_jsx(Animate, { className: "w-[var(--button-icon-size)] h-[var(--button-icon-size)]", initial: { scale: 0.6 }, enter: { scale: 1, delay: 150, duration: 300 }, exit: { scale: 0.6, duration: 150 }, forceCompositeLayer: true, children: copied ? _jsx(Check, {}, "copied-icon") : _jsx(Copy, {}, "copy-icon") }), typeof children === "function" ? children({ copied }) : children] }));
+    // Icon-only copy buttons have no text content, so they need a name of their own
+    const ariaLabel = restProps["aria-label"] ?? (children == null ? (copied ? "Copied" : "Copy") : undefined);
+    return (_jsxs(Button, { ...restProps, "aria-label": ariaLabel, onClick: handleClick, children: [_jsx(Animate, { className: "w-[var(--button-icon-size)] h-[var(--button-icon-size)]", initial: { scale: 0.6 }, enter: { scale: 1, delay: 150, duration: 300 }, exit: { scale: 0.6, duration: 150 }, forceCompositeLayer: true, children: copied ? _jsx(Check, {}, "copied-icon") : _jsx(Copy, {}, "copy-icon") }), typeof children === "function" ? children({ copied }) : children] }));
 };
 //# sourceMappingURL=CopyButton.js.map

package/dist/es/components/Button/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/components/Button/CopyButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAmB,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,eAAe,EAAyB,MAAM,2BAA2B,CAAA;AAClF,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AAOnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,SAAS,EAAmB,EAAE,EAAE;IAC5F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IACpD,MAAM,aAAa,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,GAAkC,EAAE,EAAE;QACzD,4BAA4B;QAC5B,IAAI,MAAM,EAAE,CAAC;YACX,OAAM;QACR,CAAC;QAED,SAAS,CAAC,IAAI,CAAC,CAAA;QACf,OAAO,EAAE,CAAC,GAAG,CAAC,CAAA;QAEd,4BAA4B;QAC5B,oCAAoC;QACpC,eAAe,CAAC,OAAO,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAE1E,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,SAAS,CAAC,KAAK,CAAC,CAAA;QAClB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,CAAC,OAAO;gBAAE,YAAY,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;QAChE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,MAAC,MAAM,OAAK,SAAS,EAAE,OAAO,EAAE,WAAW,aACzC,KAAC,OAAO,IACN,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC9C,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,EACnC,mBAAmB,kBAElB,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,MAAK,aAAa,CAAG,CAAC,CAAC,CAAC,KAAC,IAAI,MAAK,WAAW,CAAG,GACxD,EACT,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,IAC1D,CACV,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState, type MouseEvent } from \"react\"\nimport { copyToClipboard, type ClipboardContent } from \"../../lib/copyToClipboard\"\nimport { Check, Copy } from \"../Icon\"\nimport { Animate } from \"../Transition\"\nimport { Button, type ButtonProps } from \"./Button\"\n\nexport type CopyButtonProps = {\n  copyValue: string | ClipboardContent | (() => string) | (() => ClipboardContent)\n  children?: React.ReactNode | ((props: { copied: boolean }) => React.ReactNode)\n} & Omit<ButtonProps, \"children\">\n\nexport const CopyButton = ({ children, copyValue, onClick, ...restProps }: CopyButtonProps) => {\n  const [copied, setCopied] = useState<boolean>(false)\n  const copiedTimeout = useRef<number | null>(null)\n\n  const handleClick = (evt: MouseEvent<HTMLButtonElement>) => {\n    // No-op when copied is true\n    if (copied) {\n      return\n    }\n\n    setCopied(true)\n    onClick?.(evt)\n\n    // Copy content to clipboard\n    // NOTE: Failures are a silent no-op\n    copyToClipboard(typeof copyValue === \"function\" ? copyValue() : copyValue)\n\n    copiedTimeout.current = window.setTimeout(() => {\n      setCopied(false)\n    }, 1300)\n  }\n\n  useEffect(() => {\n    return () => {\n      if (copiedTimeout.current) clearTimeout(copiedTimeout.current)\n    }\n  }, [])\n\n  return (\n    <Button {...restProps} onClick={handleClick}>\n      <Animate\n        className=\"w-[var(--button-icon-size)] h-[var(--button-icon-size)]\"\n        initial={{ scale: 0.6 }}\n        enter={{ scale: 1, delay: 150, duration: 300 }}\n        exit={{ scale: 0.6, duration: 150 }}\n        forceCompositeLayer\n      >\n        {copied ? <Check key=\"copied-icon\" /> : <Copy key=\"copy-icon\" />}\n      </Animate>\n      {typeof children === \"function\" ? children({ copied }) : children}\n    </Button>\n  )\n}\n"]}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../../../src/components/Button/CopyButton.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState, type MouseEvent } from \"react\"\nimport { copyToClipboard, type ClipboardContent } from \"../../lib/copyToClipboard\"\nimport { Check, Copy } from \"../Icon\"\nimport { Animate } from \"../Transition\"\nimport { Button, type ButtonProps } from \"./Button\"\n\nexport type CopyButtonProps = {\n  copyValue: string | ClipboardContent | (() => string) | (() => ClipboardContent)\n  children?: React.ReactNode | ((props: { copied: boolean }) => React.ReactNode)\n  /**\n   * Called once the clipboard write settles, with whether it succeeded. The\n   * button shows the copied state only after a successful write.\n   */\n  onCopy?: (copied: boolean) => void\n} & Omit<ButtonProps, \"children\" | \"onCopy\">\n\nexport const CopyButton = ({ children, copyValue, onClick, onCopy, ...restProps }: CopyButtonProps) => {\n  const [copied, setCopied] = useState<boolean>(false)\n  const copiedTimeout = useRef<number | null>(null)\n  const pending = useRef(false)\n  const mounted = useRef(true)\n\n  const handleClick = async (evt: MouseEvent<HTMLButtonElement>) => {\n    // No-op while copied, or while a write is still in flight\n    if (copied || pending.current) {\n      return\n    }\n\n    onClick?.(evt)\n\n    // The copied state follows the clipboard: a failed write shows no check\n    pending.current = true\n    const succeeded = await copyToClipboard(typeof copyValue === \"function\" ? copyValue() : copyValue)\n    pending.current = false\n    if (!mounted.current) return\n    onCopy?.(succeeded)\n    if (!succeeded) return\n\n    setCopied(true)\n    copiedTimeout.current = window.setTimeout(() => {\n      setCopied(false)\n    }, 1300)\n  }\n\n  useEffect(() => {\n    mounted.current = true\n    return () => {\n      mounted.current = false\n      if (copiedTimeout.current) clearTimeout(copiedTimeout.current)\n    }\n  }, [])\n\n  // Icon-only copy buttons have no text content, so they need a name of their own\n  const ariaLabel = restProps[\"aria-label\"] ?? (children == null ? (copied ? \"Copied\" : \"Copy\") : undefined)\n\n  return (\n    <Button {...restProps} aria-label={ariaLabel} onClick={handleClick}>\n      <Animate\n        className=\"w-[var(--button-icon-size)] h-[var(--button-icon-size)]\"\n        initial={{ scale: 0.6 }}\n        enter={{ scale: 1, delay: 150, duration: 300 }}\n        exit={{ scale: 0.6, duration: 150 }}\n        forceCompositeLayer\n      >\n        {copied ? <Check key=\"copied-icon\" /> : <Copy key=\"copy-icon\" />}\n      </Animate>\n      {typeof children === \"function\" ? children({ copied }) : children}\n    </Button>\n  )\n}\n"]}

package/dist/es/components/Button/index.js

@@ -1,3 +1,3 @@
-export { Button, ButtonLink } from "./Button";
-export { CopyButton } from "./CopyButton";
+export { Button, ButtonLink } from "./Button.js";
+export { CopyButton } from "./CopyButton.js";
 //# sourceMappingURL=index.js.map

package/dist/es/components/ButtonGroup/ButtonGroup.js

@@ -3,8 +3,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Slot } from "radix-ui";
 import {} from "react";
-import { Separator } from "../Separator";
-import s from "./ButtonGroup.module.css";
+import { Separator } from "../Separator/index.js";
+import s from "@plexui/styles/components/ButtonGroup/ButtonGroup.module.css";
 const ButtonGroupRoot = ({ orientation = "horizontal", className, ref, ...restProps }) => (_jsx("div", { ref: ref, role: "group", "data-slot": "button-group", "data-orientation": orientation, className: clsx(s.Root, className), ...restProps }));
 const ButtonGroupSeparator = ({ className, orientation, ...restProps }) => (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation ?? "vertical", className: clsx(s.Separator, className), ...restProps }));
 const ButtonGroupText = ({ asChild = false, className, ref, ...restProps }) => {

package/dist/es/components/ButtonGroup/ButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAsD,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,CAAC,MAAM,0BAA0B,CAAA;AAkBxC,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,GAAG,EACH,GAAG,SAAS,EACK,EAAE,EAAE,CAAC,CACtB,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,GACb,CACH,CAAA;AAiBD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACc,EAAE,EAAE,CAAC,CAC/B,KAAC,SAAS,iBACE,wBAAwB,EAClC,WAAW,EAAE,WAAW,IAAI,UAAU,EACtC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,KACnC,SAAS,GACb,CACH,CAAA;AAiBD,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,EACH,GAAG,SAAS,EACS,EAAE,EAAE;IACzB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACxC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,eACE,mBAAmB,EAC7B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,GACb,CACH,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAuC,CAAA;AAClE,WAAW,CAAC,SAAS,GAAG,oBAAoB,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG,eAAe,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Slot } from \"radix-ui\"\nimport { type ComponentProps, type HTMLAttributes, type Ref } from \"react\"\nimport { Separator } from \"../Separator\"\nimport s from \"./ButtonGroup.module.css\"\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupOrientation = \"horizontal\" | \"vertical\"\n\nexport type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Direction of the joined buttons.\n   * @default \"horizontal\"\n   */\n  orientation?: ButtonGroupOrientation\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nconst ButtonGroupRoot = ({\n  orientation = \"horizontal\",\n  className,\n  ref,\n  ...restProps\n}: ButtonGroupProps) => (\n  <div\n    ref={ref}\n    role=\"group\"\n    data-slot=\"button-group\"\n    data-orientation={orientation}\n    className={clsx(s.Root, className)}\n    {...restProps}\n  />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Separator — thin divider between items                             */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupSeparatorProps = Omit<\n  ComponentProps<typeof Separator>,\n  \"orientation\"\n> & {\n  /**\n   * When omitted, flips to match the surrounding ButtonGroup axis.\n   * Pass explicitly to override (rare).\n   */\n  orientation?: ButtonGroupOrientation\n}\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation,\n  ...restProps\n}: ButtonGroupSeparatorProps) => (\n  <Separator\n    data-slot=\"button-group-separator\"\n    orientation={orientation ?? \"vertical\"}\n    className={clsx(s.Separator, className)}\n    {...restProps}\n  />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Text — muted label/pill sharing the group's joined geometry        */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupTextProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Swap the rendered element for a child (label, span, etc.) while\n   * keeping the group's visual treatment.\n   * @default false\n   */\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nconst ButtonGroupText = ({\n  asChild = false,\n  className,\n  ref,\n  ...restProps\n}: ButtonGroupTextProps) => {\n  const Comp = asChild ? Slot.Root : \"div\"\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"button-group-text\"\n      className={clsx(s.Text, className)}\n      {...restProps}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Export — compound API                                              */\n/* ------------------------------------------------------------------ */\n\ntype ButtonGroupComponent = typeof ButtonGroupRoot & {\n  Separator: typeof ButtonGroupSeparator\n  Text: typeof ButtonGroupText\n}\n\nexport const ButtonGroup = ButtonGroupRoot as ButtonGroupComponent\nButtonGroup.Separator = ButtonGroupSeparator\nButtonGroup.Text = ButtonGroupText\n"]}
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAsD,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,CAAC,MAAM,8DAA8D,CAAA;AAkB5E,MAAM,eAAe,GAAG,CAAC,EACvB,WAAW,GAAG,YAAY,EAC1B,SAAS,EACT,GAAG,EACH,GAAG,SAAS,EACK,EAAE,EAAE,CAAC,CACtB,cACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,eACF,cAAc,sBACN,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,GACb,CACH,CAAA;AAkBD,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,WAAW,EACX,GAAG,SAAS,EACc,EAAE,EAAE,CAAC,CAC/B,KAAC,SAAS,iBACE,wBAAwB,EAClC,WAAW,EAAE,WAAW,IAAI,UAAU,EACtC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,KACnC,SAAS,GACb,CACH,CAAA;AAiBD,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,EACH,GAAG,SAAS,EACS,EAAE,EAAE;IACzB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IACxC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,eACE,mBAAmB,EAC7B,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,GACb,CACH,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,CAAC,MAAM,WAAW,GAAG,eAAuC,CAAA;AAClE,WAAW,CAAC,SAAS,GAAG,oBAAoB,CAAA;AAC5C,WAAW,CAAC,IAAI,GAAG,eAAe,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Slot } from \"radix-ui\"\nimport { type ComponentProps, type HTMLAttributes, type Ref } from \"react\"\nimport { Separator } from \"../Separator\"\nimport s from \"@plexui/styles/components/ButtonGroup/ButtonGroup.module.css\"\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupOrientation = \"horizontal\" | \"vertical\"\n\nexport type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Direction of the joined buttons.\n   * @default \"horizontal\"\n   */\n  orientation?: ButtonGroupOrientation\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nconst ButtonGroupRoot = ({\n  orientation = \"horizontal\",\n  className,\n  ref,\n  ...restProps\n}: ButtonGroupProps) => (\n  <div\n    ref={ref}\n    role=\"group\"\n    data-slot=\"button-group\"\n    data-orientation={orientation}\n    className={clsx(s.Root, className)}\n    {...restProps}\n  />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Separator — thin divider between items                             */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupSeparatorProps = Omit<\n  ComponentProps<typeof Separator>,\n  \"orientation\"\n> & {\n  /**\n   * When omitted, uses `\"vertical\"`, the axis that looks right between\n   * horizontal items. Pass explicitly inside a vertical group.\n   * @default \"vertical\"\n   */\n  orientation?: ButtonGroupOrientation\n}\n\nconst ButtonGroupSeparator = ({\n  className,\n  orientation,\n  ...restProps\n}: ButtonGroupSeparatorProps) => (\n  <Separator\n    data-slot=\"button-group-separator\"\n    orientation={orientation ?? \"vertical\"}\n    className={clsx(s.Separator, className)}\n    {...restProps}\n  />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Text — muted label/pill sharing the group's joined geometry        */\n/* ------------------------------------------------------------------ */\n\nexport type ButtonGroupTextProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * Swap the rendered element for a child (label, span, etc.) while\n   * keeping the group's visual treatment.\n   * @default false\n   */\n  asChild?: boolean\n  className?: string\n  ref?: Ref<HTMLDivElement>\n}\n\nconst ButtonGroupText = ({\n  asChild = false,\n  className,\n  ref,\n  ...restProps\n}: ButtonGroupTextProps) => {\n  const Comp = asChild ? Slot.Root : \"div\"\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"button-group-text\"\n      className={clsx(s.Text, className)}\n      {...restProps}\n    />\n  )\n}\n\n/* ------------------------------------------------------------------ */\n/*  Export — compound API                                              */\n/* ------------------------------------------------------------------ */\n\ntype ButtonGroupComponent = typeof ButtonGroupRoot & {\n  Separator: typeof ButtonGroupSeparator\n  Text: typeof ButtonGroupText\n}\n\nexport const ButtonGroup = ButtonGroupRoot as ButtonGroupComponent\nButtonGroup.Separator = ButtonGroupSeparator\nButtonGroup.Text = ButtonGroupText\n"]}

package/dist/es/components/ButtonGroup/index.js

@@ -1,2 +1,2 @@
-export { ButtonGroup, } from "./ButtonGroup";
+export { ButtonGroup, } from "./ButtonGroup.js";
 //# sourceMappingURL=index.js.map

package/dist/es/components/Card/Card.js

@@ -2,11 +2,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import {} from "react";
-import { useLinkComponent } from "../PlexUIProvider/internal";
-import s from "./Card.module.css";
+import { useLinkComponent } from "../PlexUIProvider/internal.js";
+import s from "@plexui/styles/components/Card/Card.module.css";
 const hasHref = (props) => typeof props.href === "string";
 const CardRoot = (props) => {
     const { variant = "outline", size = "md", interactive, className, } = props;
+    // Called unconditionally: hooks may not sit inside the href branch below
+    const DefaultLink = useLinkComponent();
     const sharedProps = {
         "className": clsx(s.Card, className),
         "data-variant": variant,
@@ -16,7 +18,6 @@ const CardRoot = (props) => {
     if (hasHref(props)) {
         const { variant: _v, size: _s, interactive: _i, className: _c, href, external, as: OverrideComponent, ref, ...restProps } = props;
         const isExternal = external ?? /^https?:\/\//.test(href);
-        const DefaultLink = useLinkComponent();
         const LinkComponent = OverrideComponent || (isExternal ? "a" : DefaultLink);
         const linkAttrs = isExternal
             ? { target: "_blank", rel: "noopener noreferrer", href }

package/dist/es/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport {\n  type AnchorHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from \"react\"\nimport { useLinkComponent } from \"../PlexUIProvider/internal\"\nimport s from \"./Card.module.css\"\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type CardVariant = \"outline\" | \"solid\" | \"ghost\"\nexport type CardSize = \"sm\" | \"md\" | \"lg\"\n\ntype CardCommonProps = {\n  /**\n   * Visual variant of the card.\n   * - `\"outline\"` — 1px border, transparent background (default)\n   * - `\"solid\"` — muted background, no border\n   * - `\"ghost\"` — no border, no background (hover-only surface)\n   * @default \"outline\"\n   */\n  variant?: CardVariant\n  /**\n   * Padding scale.\n   * @default \"md\"\n   */\n  size?: CardSize\n  /**\n   * When true, adds hover/focus affordances. Automatic when `href` is provided.\n   * @default false\n   */\n  interactive?: boolean\n  /** Class applied to the card container */\n  className?: string\n}\n\nexport type CardDivProps = CardCommonProps &\n  Omit<HTMLAttributes<HTMLDivElement>, \"className\"> & {\n    ref?: Ref<HTMLDivElement>\n  }\n\nexport type CardLinkProps<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  T extends ComponentType<any> | \"a\" = \"a\",\n> = CardCommonProps &\n  Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"className\" | \"href\"> & {\n    /** When provided, the Card renders as a link. */\n    href: string\n    /** Explicitly flag as external — otherwise detected from `href`. */\n    external?: boolean\n    /** Override the rendered link component (e.g. next/link). */\n    as?: T\n    ref?: Ref<HTMLAnchorElement>\n  } & ComponentProps<T>\n\nexport type CardProps = CardDivProps | CardLinkProps\n\nconst hasHref = (props: CardProps): props is CardLinkProps =>\n  typeof (props as CardLinkProps).href === \"string\"\n\nconst CardRoot = (props: CardProps): ReactNode => {\n  const {\n    variant = \"outline\",\n    size = \"md\",\n    interactive,\n    className,\n  } = props as CardCommonProps\n\n  const sharedProps = {\n    \"className\": clsx(s.Card, className),\n    \"data-variant\": variant,\n    \"data-size\": size,\n    \"data-interactive\":\n      (interactive || hasHref(props)) ? \"\" : undefined,\n  }\n\n  if (hasHref(props)) {\n    const {\n      variant: _v,\n      size: _s,\n      interactive: _i,\n      className: _c,\n      href,\n      external,\n      as: OverrideComponent,\n      ref,\n      ...restProps\n    } = props\n    const isExternal = external ?? /^https?:\\/\\//.test(href)\n    const DefaultLink = useLinkComponent()\n    const LinkComponent = OverrideComponent || (isExternal ? \"a\" : DefaultLink)\n    const linkAttrs = isExternal\n      ? { target: \"_blank\", rel: \"noopener noreferrer\", href }\n      : { href }\n\n    return (\n      <LinkComponent ref={ref} {...sharedProps} {...linkAttrs} {...restProps} />\n    )\n  }\n\n  const {\n    variant: _v,\n    size: _s,\n    interactive: _i,\n    className: _c,\n    ref,\n    ...restProps\n  } = props as CardDivProps\n\n  return <div ref={ref} {...sharedProps} {...restProps} />\n}\n\n/* ------------------------------------------------------------------ */\n/*  Compound parts                                                     */\n/* ------------------------------------------------------------------ */\n\nexport type CardSlotProps = HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> }\n\nconst CardHeader = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Header, className)} {...restProps} />\n)\n\nconst CardTitle = ({\n  className,\n  ref,\n  ...restProps\n}: HTMLAttributes<HTMLHeadingElement> & { ref?: Ref<HTMLHeadingElement> }) => (\n  <h3 ref={ref} className={clsx(s.Title, className)} {...restProps} />\n)\n\nconst CardDescription = ({\n  className,\n  ref,\n  ...restProps\n}: HTMLAttributes<HTMLParagraphElement> & { ref?: Ref<HTMLParagraphElement> }) => (\n  <p ref={ref} className={clsx(s.Description, className)} {...restProps} />\n)\n\nconst CardContent = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Content, className)} {...restProps} />\n)\n\nconst CardFooter = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Footer, className)} {...restProps} />\n)\n\nconst CardAction = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Action, className)} {...restProps} />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Export — compound API                                              */\n/* ------------------------------------------------------------------ */\n\ntype CardComponent = typeof CardRoot & {\n  Header: typeof CardHeader\n  Title: typeof CardTitle\n  Description: typeof CardDescription\n  Content: typeof CardContent\n  Footer: typeof CardFooter\n  Action: typeof CardAction\n}\n\nexport const Card = CardRoot as CardComponent\nCard.Header = CardHeader\nCard.Title = CardTitle\nCard.Description = CardDescription\nCard.Content = CardContent\nCard.Footer = CardFooter\nCard.Action = CardAction\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport {\n  type AnchorHTMLAttributes,\n  type ComponentProps,\n  type ComponentType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from \"react\"\nimport { useLinkComponent } from \"../PlexUIProvider/internal\"\nimport s from \"@plexui/styles/components/Card/Card.module.css\"\n\n/* ------------------------------------------------------------------ */\n/*  Root                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type CardVariant = \"outline\" | \"solid\" | \"ghost\"\nexport type CardSize = \"sm\" | \"md\" | \"lg\"\n\ntype CardCommonProps = {\n  /**\n   * Visual variant of the card.\n   * - `\"outline\"` — 1px border, transparent background (default)\n   * - `\"solid\"` — muted background, no border\n   * - `\"ghost\"` — no border, no background (hover-only surface)\n   * @default \"outline\"\n   */\n  variant?: CardVariant\n  /**\n   * Padding scale.\n   * @default \"md\"\n   */\n  size?: CardSize\n  /**\n   * When true, adds hover/focus affordances. Automatic when `href` is provided.\n   * @default false\n   */\n  interactive?: boolean\n  /** Class applied to the card container */\n  className?: string\n}\n\nexport type CardDivProps = CardCommonProps &\n  Omit<HTMLAttributes<HTMLDivElement>, \"className\"> & {\n    ref?: Ref<HTMLDivElement>\n  }\n\nexport type CardLinkProps<\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  T extends ComponentType<any> | \"a\" = \"a\",\n> = CardCommonProps &\n  Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"className\" | \"href\"> & {\n    /** When provided, the Card renders as a link. */\n    href: string\n    /** Explicitly flag as external — otherwise detected from `href`. */\n    external?: boolean\n    /** Override the rendered link component (e.g. next/link). */\n    as?: T\n    ref?: Ref<HTMLAnchorElement>\n  } & ComponentProps<T>\n\nexport type CardProps = CardDivProps | CardLinkProps\n\nconst hasHref = (props: CardProps): props is CardLinkProps =>\n  typeof (props as CardLinkProps).href === \"string\"\n\nconst CardRoot = (props: CardProps): ReactNode => {\n  const {\n    variant = \"outline\",\n    size = \"md\",\n    interactive,\n    className,\n  } = props as CardCommonProps\n  // Called unconditionally: hooks may not sit inside the href branch below\n  const DefaultLink = useLinkComponent()\n\n  const sharedProps = {\n    \"className\": clsx(s.Card, className),\n    \"data-variant\": variant,\n    \"data-size\": size,\n    \"data-interactive\":\n      (interactive || hasHref(props)) ? \"\" : undefined,\n  }\n\n  if (hasHref(props)) {\n    const {\n      variant: _v,\n      size: _s,\n      interactive: _i,\n      className: _c,\n      href,\n      external,\n      as: OverrideComponent,\n      ref,\n      ...restProps\n    } = props\n    const isExternal = external ?? /^https?:\\/\\//.test(href)\n    const LinkComponent = OverrideComponent || (isExternal ? \"a\" : DefaultLink)\n    const linkAttrs = isExternal\n      ? { target: \"_blank\", rel: \"noopener noreferrer\", href }\n      : { href }\n\n    return (\n      <LinkComponent ref={ref} {...sharedProps} {...linkAttrs} {...restProps} />\n    )\n  }\n\n  const {\n    variant: _v,\n    size: _s,\n    interactive: _i,\n    className: _c,\n    ref,\n    ...restProps\n  } = props as CardDivProps\n\n  return <div ref={ref} {...sharedProps} {...restProps} />\n}\n\n/* ------------------------------------------------------------------ */\n/*  Compound parts                                                     */\n/* ------------------------------------------------------------------ */\n\nexport type CardSlotProps = HTMLAttributes<HTMLDivElement> & { ref?: Ref<HTMLDivElement> }\n\nconst CardHeader = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Header, className)} {...restProps} />\n)\n\nconst CardTitle = ({\n  className,\n  ref,\n  ...restProps\n}: HTMLAttributes<HTMLHeadingElement> & { ref?: Ref<HTMLHeadingElement> }) => (\n  <h3 ref={ref} className={clsx(s.Title, className)} {...restProps} />\n)\n\nconst CardDescription = ({\n  className,\n  ref,\n  ...restProps\n}: HTMLAttributes<HTMLParagraphElement> & { ref?: Ref<HTMLParagraphElement> }) => (\n  <p ref={ref} className={clsx(s.Description, className)} {...restProps} />\n)\n\nconst CardContent = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Content, className)} {...restProps} />\n)\n\nconst CardFooter = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Footer, className)} {...restProps} />\n)\n\nconst CardAction = ({ className, ref, ...restProps }: CardSlotProps) => (\n  <div ref={ref} className={clsx(s.Action, className)} {...restProps} />\n)\n\n/* ------------------------------------------------------------------ */\n/*  Export — compound API                                              */\n/* ------------------------------------------------------------------ */\n\ntype CardComponent = typeof CardRoot & {\n  Header: typeof CardHeader\n  Title: typeof CardTitle\n  Description: typeof CardDescription\n  Content: typeof CardContent\n  Footer: typeof CardFooter\n  Action: typeof CardAction\n}\n\nexport const Card = CardRoot as CardComponent\nCard.Header = CardHeader\nCard.Title = CardTitle\nCard.Description = CardDescription\nCard.Content = CardContent\nCard.Footer = CardFooter\nCard.Action = CardAction\n"]}

package/dist/es/components/Card/index.js

@@ -1,2 +1,2 @@
-export { Card, } from "./Card";
+export { Card, } from "./Card.js";
 //# sourceMappingURL=index.js.map

package/dist/es/components/Checkbox/Checkbox.js

@@ -3,13 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Checkbox as RadixCheckbox } from "radix-ui";
 import { useId } from "react";
-import s from "./Checkbox.module.css";
-export const Checkbox = ({ className, label, id: propsId, disabled, orientation = "left", pill = false, variant = "solid", ...restProps }) => {
+import s from "@plexui/styles/components/Checkbox/Checkbox.module.css";
+export const Checkbox = ({ className, label, description, id: propsId, disabled, orientation = "left", pill = false, variant = "solid", ...restProps }) => {
     const reactId = useId();
     const id = propsId ?? reactId;
-    return (_jsxs("div", { "data-disabled": disabled ? "" : undefined, "data-has-label": label ? "" : undefined, "data-orientation": orientation, className: clsx(className, s.Container), children: [_jsx(RadixCheckbox.Root, { className: s.Checkbox, id: id, disabled: disabled, "data-pill": pill ? "" : undefined, "data-variant": variant, ...restProps, children: _jsx(RadixCheckbox.Indicator, { className: s.CheckMark }) }), label && (_jsx("label", { htmlFor: id, className: s.Label, onMouseDown: (event) => {
-                    if (!event.defaultPrevented && event.detail > 1)
-                        event.preventDefault();
-                }, children: label }))] }));
+    // The description only renders next to a label; it comes before any ids
+    // the caller (a Field, say) passes
+    const descriptionId = label && description ? `${id}-label-description` : undefined;
+    const ariaDescribedBy = [descriptionId, restProps["aria-describedby"]].filter(Boolean).join(" ") ||
+        undefined;
+    const labelElement = label && (_jsx("label", { htmlFor: id, className: s.Label, onMouseDown: (event) => {
+            if (!event.defaultPrevented && event.detail > 1)
+                event.preventDefault();
+        }, children: label }));
+    return (_jsxs("div", { "data-disabled": disabled ? "" : undefined, "data-has-label": label ? "" : undefined, "data-orientation": orientation, className: clsx(className, s.Container), children: [_jsx(RadixCheckbox.Root, { className: s.Checkbox, id: id, disabled: disabled, "data-pill": pill ? "" : undefined, "data-variant": variant, ...restProps, "aria-describedby": ariaDescribedBy, children: _jsx(RadixCheckbox.Indicator, { className: s.CheckMark }) }), descriptionId ? (_jsxs("div", { className: s.LabelGroup, children: [labelElement, _jsx("span", { id: descriptionId, className: s.Description, children: description })] })) : (labelElement)] }));
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAA0C,KAAK,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,CAAC,MAAM,uBAAuB,CAAA;AA+CrC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,EACT,KAAK,EACL,EAAE,EAAE,OAAO,EACX,QAAQ,EACR,WAAW,GAAG,MAAM,EACpB,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,OAAO,EACjB,GAAG,SAAS,EACE,EAAE,EAAE;IAClB,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IACvB,MAAM,EAAE,GAAG,OAAO,IAAI,OAAO,CAAA;IAE7B,OAAO,CACL,gCACiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,oBACxB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,sBACpB,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAEvC,KAAC,aAAa,CAAC,IAAI,IACjB,SAAS,EAAE,CAAC,CAAC,QAAQ,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,eACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,kBAClB,OAAO,KACjB,SAAS,YAEb,KAAC,aAAa,CAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,GAAI,GAChC,EACpB,KAAK,IAAI,CACR,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,CAAC,CAAC,KAAK,EAClB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;oBACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;wBAAE,KAAK,CAAC,cAAc,EAAE,CAAA;gBACzE,CAAC,YAEA,KAAK,GACA,CACT,IACG,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Checkbox as RadixCheckbox } from \"radix-ui\"\nimport { type FocusEventHandler, type ReactNode, useId } from \"react\"\nimport s from \"./Checkbox.module.css\"\n\nexport type CheckboxProps = {\n  /** The `id` of the checkbox. */\n  id?: string\n  /** The state of the checkbox when it is initially rendered. Use when you do not need to control its state. */\n  defaultChecked?: boolean | \"indeterminate\"\n  /** The controlled state of the checkbox. Must be used in conjunction with `onCheckedChange`. */\n  checked?: boolean | \"indeterminate\"\n  /** Optional accessible label rendered to the right of the checkbox. */\n  label?: ReactNode\n  /** Event handler called when the state of the checkbox changes. */\n  onCheckedChange?: (nextState: boolean) => void\n  /** Event handler called when the checkbox looses focus. */\n  onBlur?: FocusEventHandler<HTMLButtonElement>\n  /** Event handler called when the checkbox gains focus. */\n  onFocus?: FocusEventHandler<HTMLButtonElement>\n  /** When `true`, prevents the user from interacting with the checkbox. */\n  disabled?: boolean\n  /** When `true`, indicates that the user must check the checkbox before the owning form can be submitted. */\n  required?: boolean\n  /** The name of the checkbox. Submitted with its owning form as part of a name/value pair. */\n  name?: string\n  /** The value given as data when submitted with a `name`. */\n  value?: string\n  /** CSS classes applied to wrapper node */\n  className?: string\n  /**\n   * The orientation of the checkbox relative to the label.\n   *\n   * @default \"left\"\n   */\n  orientation?: \"left\" | \"right\"\n  /**\n   * Determines if the checkbox should be a fully rounded pill shape.\n   * @default false\n   */\n  pill?: boolean\n  /**\n   * Visual style variant for the checkbox indicator.\n   * - `\"solid\"` — filled background when checked (default)\n   * - `\"ghost\"` — no border or background, checkmark only\n   * @default \"solid\"\n   */\n  variant?: \"solid\" | \"ghost\"\n}\n\nexport const Checkbox = ({\n  className,\n  label,\n  id: propsId,\n  disabled,\n  orientation = \"left\",\n  pill = false,\n  variant = \"solid\",\n  ...restProps\n}: CheckboxProps) => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  return (\n    <div\n      data-disabled={disabled ? \"\" : undefined}\n      data-has-label={label ? \"\" : undefined}\n      data-orientation={orientation}\n      className={clsx(className, s.Container)}\n    >\n      <RadixCheckbox.Root\n        className={s.Checkbox}\n        id={id}\n        disabled={disabled}\n        data-pill={pill ? \"\" : undefined}\n        data-variant={variant}\n        {...restProps}\n      >\n        <RadixCheckbox.Indicator className={s.CheckMark} />\n      </RadixCheckbox.Root>\n      {label && (\n        <label\n          htmlFor={id}\n          className={s.Label}\n          onMouseDown={(event) => {\n            if (!event.defaultPrevented && event.detail > 1) event.preventDefault()\n          }}\n        >\n          {label}\n        </label>\n      )}\n    </div>\n  )\n}\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAA0C,KAAK,EAAE,MAAM,OAAO,CAAA;AACrE,OAAO,CAAC,MAAM,wDAAwD,CAAA;AAiDtE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,SAAS,EACT,KAAK,EACL,WAAW,EACX,EAAE,EAAE,OAAO,EACX,QAAQ,EACR,WAAW,GAAG,MAAM,EACpB,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,OAAO,EACjB,GAAG,SAAS,EACE,EAAE,EAAE;IAClB,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IACvB,MAAM,EAAE,GAAG,OAAO,IAAI,OAAO,CAAA;IAC7B,wEAAwE;IACxE,mCAAmC;IACnC,MAAM,aAAa,GAAG,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAA;IAClF,MAAM,eAAe,GACnB,CAAC,aAAa,EAAG,SAA6C,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC7G,SAAS,CAAA;IACX,MAAM,YAAY,GAAG,KAAK,IAAI,CAC5B,gBACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,CAAC,CAAC,KAAK,EAClB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;gBAAE,KAAK,CAAC,cAAc,EAAE,CAAA;QACzE,CAAC,YAEA,KAAK,GACA,CACT,CAAA;IAED,OAAO,CACL,gCACiB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,oBACxB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,sBACpB,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAEvC,KAAC,aAAa,CAAC,IAAI,IACjB,SAAS,EAAE,CAAC,CAAC,QAAQ,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,eACP,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,kBAClB,OAAO,KACjB,SAAS,sBACK,eAAe,YAEjC,KAAC,aAAa,CAAC,SAAS,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,GAAI,GAChC,EACpB,aAAa,CAAC,CAAC,CAAC,CACf,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,aACzB,YAAY,EACb,eAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,WAAW,YAC9C,WAAW,GACP,IACH,CACP,CAAC,CAAC,CAAC,CACF,YAAY,CACb,IACG,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Checkbox as RadixCheckbox } from \"radix-ui\"\nimport { type FocusEventHandler, type ReactNode, useId } from \"react\"\nimport s from \"@plexui/styles/components/Checkbox/Checkbox.module.css\"\n\nexport type CheckboxProps = {\n  /** The `id` of the checkbox. */\n  id?: string\n  /** The state of the checkbox when it is initially rendered. Use when you do not need to control its state. */\n  defaultChecked?: boolean | \"indeterminate\"\n  /** The controlled state of the checkbox. Must be used in conjunction with `onCheckedChange`. */\n  checked?: boolean | \"indeterminate\"\n  /** Optional accessible label rendered to the right of the checkbox. */\n  label?: ReactNode\n  /** Optional second line below the label. Linked via `aria-describedby`. */\n  description?: ReactNode\n  /** Event handler called when the state of the checkbox changes. */\n  onCheckedChange?: (nextState: boolean) => void\n  /** Event handler called when the checkbox looses focus. */\n  onBlur?: FocusEventHandler<HTMLButtonElement>\n  /** Event handler called when the checkbox gains focus. */\n  onFocus?: FocusEventHandler<HTMLButtonElement>\n  /** When `true`, prevents the user from interacting with the checkbox. */\n  disabled?: boolean\n  /** When `true`, indicates that the user must check the checkbox before the owning form can be submitted. */\n  required?: boolean\n  /** The name of the checkbox. Submitted with its owning form as part of a name/value pair. */\n  name?: string\n  /** The value given as data when submitted with a `name`. */\n  value?: string\n  /** CSS classes applied to wrapper node */\n  className?: string\n  /**\n   * The orientation of the checkbox relative to the label.\n   *\n   * @default \"left\"\n   */\n  orientation?: \"left\" | \"right\"\n  /**\n   * Determines if the checkbox should be a fully rounded pill shape.\n   * @default false\n   */\n  pill?: boolean\n  /**\n   * Visual style variant for the checkbox indicator.\n   * - `\"solid\"` — filled background when checked (default)\n   * - `\"ghost\"` — no border or background, checkmark only\n   * @default \"solid\"\n   */\n  variant?: \"solid\" | \"ghost\"\n}\n\nexport const Checkbox = ({\n  className,\n  label,\n  description,\n  id: propsId,\n  disabled,\n  orientation = \"left\",\n  pill = false,\n  variant = \"solid\",\n  ...restProps\n}: CheckboxProps) => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n  // The description only renders next to a label; it comes before any ids\n  // the caller (a Field, say) passes\n  const descriptionId = label && description ? `${id}-label-description` : undefined\n  const ariaDescribedBy =\n    [descriptionId, (restProps as { \"aria-describedby\"?: string })[\"aria-describedby\"]].filter(Boolean).join(\" \") ||\n    undefined\n  const labelElement = label && (\n    <label\n      htmlFor={id}\n      className={s.Label}\n      onMouseDown={(event) => {\n        if (!event.defaultPrevented && event.detail > 1) event.preventDefault()\n      }}\n    >\n      {label}\n    </label>\n  )\n\n  return (\n    <div\n      data-disabled={disabled ? \"\" : undefined}\n      data-has-label={label ? \"\" : undefined}\n      data-orientation={orientation}\n      className={clsx(className, s.Container)}\n    >\n      <RadixCheckbox.Root\n        className={s.Checkbox}\n        id={id}\n        disabled={disabled}\n        data-pill={pill ? \"\" : undefined}\n        data-variant={variant}\n        {...restProps}\n        aria-describedby={ariaDescribedBy}\n      >\n        <RadixCheckbox.Indicator className={s.CheckMark} />\n      </RadixCheckbox.Root>\n      {descriptionId ? (\n        <div className={s.LabelGroup}>\n          {labelElement}\n          <span id={descriptionId} className={s.Description}>\n            {description}\n          </span>\n        </div>\n      ) : (\n        labelElement\n      )}\n    </div>\n  )\n}\n"]}

package/dist/es/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-export { Checkbox } from "./Checkbox";
+export { Checkbox } from "./Checkbox.js";
 //# sourceMappingURL=index.js.map

package/dist/es/components/CodeBlock/CodeBlock.js

@@ -3,31 +3,31 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import clsx from "clsx";
 import {} from "react";
 import { createElement, PrismLight as SyntaxHighlighter } from "react-syntax-highlighter";
-import bash from "react-syntax-highlighter/dist/esm/languages/prism/bash";
-import c from "react-syntax-highlighter/dist/esm/languages/prism/c";
-import clike from "react-syntax-highlighter/dist/esm/languages/prism/clike";
-import css from "react-syntax-highlighter/dist/esm/languages/prism/css";
-import diff from "react-syntax-highlighter/dist/esm/languages/prism/diff";
-import docker from "react-syntax-highlighter/dist/esm/languages/prism/docker";
-import go from "react-syntax-highlighter/dist/esm/languages/prism/go";
-import java from "react-syntax-highlighter/dist/esm/languages/prism/java";
-import javascript from "react-syntax-highlighter/dist/esm/languages/prism/javascript";
-import json from "react-syntax-highlighter/dist/esm/languages/prism/json";
-import jsx from "react-syntax-highlighter/dist/esm/languages/prism/jsx";
-import kotlin from "react-syntax-highlighter/dist/esm/languages/prism/kotlin";
-import markdown from "react-syntax-highlighter/dist/esm/languages/prism/markdown";
-import markup from "react-syntax-highlighter/dist/esm/languages/prism/markup";
-import php from "react-syntax-highlighter/dist/esm/languages/prism/php";
-import python from "react-syntax-highlighter/dist/esm/languages/prism/python";
-import ruby from "react-syntax-highlighter/dist/esm/languages/prism/ruby";
-import scss from "react-syntax-highlighter/dist/esm/languages/prism/scss";
-import sql from "react-syntax-highlighter/dist/esm/languages/prism/sql";
-import toml from "react-syntax-highlighter/dist/esm/languages/prism/toml";
-import tsx from "react-syntax-highlighter/dist/esm/languages/prism/tsx";
-import typescript from "react-syntax-highlighter/dist/esm/languages/prism/typescript";
-import yaml from "react-syntax-highlighter/dist/esm/languages/prism/yaml";
-import { CopyButton } from "../Button";
-import s from "./CodeBlock.module.css";
+import bash from "react-syntax-highlighter/dist/esm/languages/prism/bash.js";
+import c from "react-syntax-highlighter/dist/esm/languages/prism/c.js";
+import clike from "react-syntax-highlighter/dist/esm/languages/prism/clike.js";
+import css from "react-syntax-highlighter/dist/esm/languages/prism/css.js";
+import diff from "react-syntax-highlighter/dist/esm/languages/prism/diff.js";
+import docker from "react-syntax-highlighter/dist/esm/languages/prism/docker.js";
+import go from "react-syntax-highlighter/dist/esm/languages/prism/go.js";
+import java from "react-syntax-highlighter/dist/esm/languages/prism/java.js";
+import javascript from "react-syntax-highlighter/dist/esm/languages/prism/javascript.js";
+import json from "react-syntax-highlighter/dist/esm/languages/prism/json.js";
+import jsx from "react-syntax-highlighter/dist/esm/languages/prism/jsx.js";
+import kotlin from "react-syntax-highlighter/dist/esm/languages/prism/kotlin.js";
+import markdown from "react-syntax-highlighter/dist/esm/languages/prism/markdown.js";
+import markup from "react-syntax-highlighter/dist/esm/languages/prism/markup.js";
+import php from "react-syntax-highlighter/dist/esm/languages/prism/php.js";
+import python from "react-syntax-highlighter/dist/esm/languages/prism/python.js";
+import ruby from "react-syntax-highlighter/dist/esm/languages/prism/ruby.js";
+import scss from "react-syntax-highlighter/dist/esm/languages/prism/scss.js";
+import sql from "react-syntax-highlighter/dist/esm/languages/prism/sql.js";
+import toml from "react-syntax-highlighter/dist/esm/languages/prism/toml.js";
+import tsx from "react-syntax-highlighter/dist/esm/languages/prism/tsx.js";
+import typescript from "react-syntax-highlighter/dist/esm/languages/prism/typescript.js";
+import yaml from "react-syntax-highlighter/dist/esm/languages/prism/yaml.js";
+import { CopyButton } from "../Button/index.js";
+import s from "@plexui/styles/components/CodeBlock/CodeBlock.module.css";
 SyntaxHighlighter.registerLanguage("javascript", javascript);
 SyntaxHighlighter.registerLanguage("jsx", jsx);
 SyntaxHighlighter.registerLanguage("typescript", typescript);

package/dist/es/components/CodeBlock/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps } from \"react\"\nimport { createElement, PrismLight as SyntaxHighlighter } from \"react-syntax-highlighter\"\nimport bash from \"react-syntax-highlighter/dist/esm/languages/prism/bash\"\nimport c from \"react-syntax-highlighter/dist/esm/languages/prism/c\"\nimport clike from \"react-syntax-highlighter/dist/esm/languages/prism/clike\"\nimport css from \"react-syntax-highlighter/dist/esm/languages/prism/css\"\nimport diff from \"react-syntax-highlighter/dist/esm/languages/prism/diff\"\nimport docker from \"react-syntax-highlighter/dist/esm/languages/prism/docker\"\nimport go from \"react-syntax-highlighter/dist/esm/languages/prism/go\"\nimport java from \"react-syntax-highlighter/dist/esm/languages/prism/java\"\nimport javascript from \"react-syntax-highlighter/dist/esm/languages/prism/javascript\"\nimport json from \"react-syntax-highlighter/dist/esm/languages/prism/json\"\nimport jsx from \"react-syntax-highlighter/dist/esm/languages/prism/jsx\"\nimport kotlin from \"react-syntax-highlighter/dist/esm/languages/prism/kotlin\"\nimport markdown from \"react-syntax-highlighter/dist/esm/languages/prism/markdown\"\nimport markup from \"react-syntax-highlighter/dist/esm/languages/prism/markup\"\nimport php from \"react-syntax-highlighter/dist/esm/languages/prism/php\"\nimport python from \"react-syntax-highlighter/dist/esm/languages/prism/python\"\nimport ruby from \"react-syntax-highlighter/dist/esm/languages/prism/ruby\"\nimport scss from \"react-syntax-highlighter/dist/esm/languages/prism/scss\"\nimport sql from \"react-syntax-highlighter/dist/esm/languages/prism/sql\"\nimport toml from \"react-syntax-highlighter/dist/esm/languages/prism/toml\"\nimport tsx from \"react-syntax-highlighter/dist/esm/languages/prism/tsx\"\nimport typescript from \"react-syntax-highlighter/dist/esm/languages/prism/typescript\"\nimport yaml from \"react-syntax-highlighter/dist/esm/languages/prism/yaml\"\n\nimport { CopyButton } from \"../Button\"\nimport s from \"./CodeBlock.module.css\"\n\nSyntaxHighlighter.registerLanguage(\"javascript\", javascript)\nSyntaxHighlighter.registerLanguage(\"jsx\", jsx)\nSyntaxHighlighter.registerLanguage(\"typescript\", typescript)\nSyntaxHighlighter.registerLanguage(\"tsx\", tsx)\nSyntaxHighlighter.registerLanguage(\"markup\", markup)\nSyntaxHighlighter.registerLanguage(\"css\", css)\nSyntaxHighlighter.registerLanguage(\"scss\", scss)\nSyntaxHighlighter.registerLanguage(\"c\", c)\nSyntaxHighlighter.registerLanguage(\"clike\", clike)\nSyntaxHighlighter.registerLanguage(\"bash\", bash)\nSyntaxHighlighter.registerLanguage(\"json\", json)\nSyntaxHighlighter.registerLanguage(\"jsonc\", json)\nSyntaxHighlighter.registerLanguage(\"python\", python)\nSyntaxHighlighter.registerLanguage(\"sql\", sql)\nSyntaxHighlighter.registerLanguage(\"diff\", diff)\nSyntaxHighlighter.registerLanguage(\"markdown\", markdown)\nSyntaxHighlighter.registerLanguage(\"yaml\", yaml)\nSyntaxHighlighter.registerLanguage(\"toml\", toml)\nSyntaxHighlighter.registerLanguage(\"docker\", docker)\nSyntaxHighlighter.registerLanguage(\"java\", java)\nSyntaxHighlighter.registerLanguage(\"go\", go)\nSyntaxHighlighter.registerLanguage(\"php\", php)\nSyntaxHighlighter.registerLanguage(\"ruby\", ruby)\nSyntaxHighlighter.registerLanguage(\"kotlin\", kotlin)\n\nexport function CodeBlock({\n  children,\n  language,\n  className,\n}: {\n  children: string\n  language?: string\n  className?: string\n}) {\n  return (\n    <CodeBlockBase className={className}>\n      <CodeBlockBase.Code language={language}>{children}</CodeBlockBase.Code>\n      <CodeBlockBase.CopyButton copyValue={children} />\n    </CodeBlockBase>\n  )\n}\n\nexport function CodeBlockBase({ className, children, ...restProps }: ComponentProps<\"div\">) {\n  return (\n    <div className={clsx(s.CodeBlock, className)} {...restProps}>\n      {children}\n    </div>\n  )\n}\n\nCodeBlockBase.CopyButton = function CodeBlockCopyButton({\n  className,\n  copyValue,\n  loading,\n  disabled,\n}: {\n  className?: string\n  copyValue: string\n  disabled?: boolean\n  loading?: boolean\n}) {\n  return (\n    <div className={clsx(s.CopyButtonContainer, className)}>\n      <CopyButton\n        copyValue={copyValue}\n        variant=\"ghost\"\n        color=\"secondary\"\n        pill={false}\n        size=\"2xs\"\n        uniform\n        loading={loading}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n\nCodeBlockBase.Code = function CodeBlockCode({\n  className,\n  children,\n  language,\n  codeTagProps,\n}: {\n  className?: string\n  children: string\n  language?: string\n  codeTagProps?: React.HTMLProps<HTMLElement>\n}) {\n  return (\n    <SyntaxHighlighter\n      className={clsx(s.SyntaxHighlighter, className)}\n      language={language}\n      showLineNumbers={false}\n      showInlineLineNumbers={false}\n      useInlineStyles={false}\n      codeTagProps={codeTagProps}\n      renderer={({ rows }) => {\n        return (\n          <>\n            {rows.map((r, i) =>\n              createElement({\n                key: i,\n                stylesheet: {},\n                useInlineStyles: true,\n                node: r,\n              }),\n            )}\n          </>\n        )\n      }}\n    >\n      {children}\n    </SyntaxHighlighter>\n  )\n}\n"]}
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { type ComponentProps } from \"react\"\nimport { createElement, PrismLight as SyntaxHighlighter } from \"react-syntax-highlighter\"\nimport bash from \"react-syntax-highlighter/dist/esm/languages/prism/bash\"\nimport c from \"react-syntax-highlighter/dist/esm/languages/prism/c\"\nimport clike from \"react-syntax-highlighter/dist/esm/languages/prism/clike\"\nimport css from \"react-syntax-highlighter/dist/esm/languages/prism/css\"\nimport diff from \"react-syntax-highlighter/dist/esm/languages/prism/diff\"\nimport docker from \"react-syntax-highlighter/dist/esm/languages/prism/docker\"\nimport go from \"react-syntax-highlighter/dist/esm/languages/prism/go\"\nimport java from \"react-syntax-highlighter/dist/esm/languages/prism/java\"\nimport javascript from \"react-syntax-highlighter/dist/esm/languages/prism/javascript\"\nimport json from \"react-syntax-highlighter/dist/esm/languages/prism/json\"\nimport jsx from \"react-syntax-highlighter/dist/esm/languages/prism/jsx\"\nimport kotlin from \"react-syntax-highlighter/dist/esm/languages/prism/kotlin\"\nimport markdown from \"react-syntax-highlighter/dist/esm/languages/prism/markdown\"\nimport markup from \"react-syntax-highlighter/dist/esm/languages/prism/markup\"\nimport php from \"react-syntax-highlighter/dist/esm/languages/prism/php\"\nimport python from \"react-syntax-highlighter/dist/esm/languages/prism/python\"\nimport ruby from \"react-syntax-highlighter/dist/esm/languages/prism/ruby\"\nimport scss from \"react-syntax-highlighter/dist/esm/languages/prism/scss\"\nimport sql from \"react-syntax-highlighter/dist/esm/languages/prism/sql\"\nimport toml from \"react-syntax-highlighter/dist/esm/languages/prism/toml\"\nimport tsx from \"react-syntax-highlighter/dist/esm/languages/prism/tsx\"\nimport typescript from \"react-syntax-highlighter/dist/esm/languages/prism/typescript\"\nimport yaml from \"react-syntax-highlighter/dist/esm/languages/prism/yaml\"\n\nimport { CopyButton } from \"../Button\"\nimport s from \"@plexui/styles/components/CodeBlock/CodeBlock.module.css\"\n\nSyntaxHighlighter.registerLanguage(\"javascript\", javascript)\nSyntaxHighlighter.registerLanguage(\"jsx\", jsx)\nSyntaxHighlighter.registerLanguage(\"typescript\", typescript)\nSyntaxHighlighter.registerLanguage(\"tsx\", tsx)\nSyntaxHighlighter.registerLanguage(\"markup\", markup)\nSyntaxHighlighter.registerLanguage(\"css\", css)\nSyntaxHighlighter.registerLanguage(\"scss\", scss)\nSyntaxHighlighter.registerLanguage(\"c\", c)\nSyntaxHighlighter.registerLanguage(\"clike\", clike)\nSyntaxHighlighter.registerLanguage(\"bash\", bash)\nSyntaxHighlighter.registerLanguage(\"json\", json)\nSyntaxHighlighter.registerLanguage(\"jsonc\", json)\nSyntaxHighlighter.registerLanguage(\"python\", python)\nSyntaxHighlighter.registerLanguage(\"sql\", sql)\nSyntaxHighlighter.registerLanguage(\"diff\", diff)\nSyntaxHighlighter.registerLanguage(\"markdown\", markdown)\nSyntaxHighlighter.registerLanguage(\"yaml\", yaml)\nSyntaxHighlighter.registerLanguage(\"toml\", toml)\nSyntaxHighlighter.registerLanguage(\"docker\", docker)\nSyntaxHighlighter.registerLanguage(\"java\", java)\nSyntaxHighlighter.registerLanguage(\"go\", go)\nSyntaxHighlighter.registerLanguage(\"php\", php)\nSyntaxHighlighter.registerLanguage(\"ruby\", ruby)\nSyntaxHighlighter.registerLanguage(\"kotlin\", kotlin)\n\nexport function CodeBlock({\n  children,\n  language,\n  className,\n}: {\n  children: string\n  language?: string\n  className?: string\n}) {\n  return (\n    <CodeBlockBase className={className}>\n      <CodeBlockBase.Code language={language}>{children}</CodeBlockBase.Code>\n      <CodeBlockBase.CopyButton copyValue={children} />\n    </CodeBlockBase>\n  )\n}\n\nexport function CodeBlockBase({ className, children, ...restProps }: ComponentProps<\"div\">) {\n  return (\n    <div className={clsx(s.CodeBlock, className)} {...restProps}>\n      {children}\n    </div>\n  )\n}\n\nCodeBlockBase.CopyButton = function CodeBlockCopyButton({\n  className,\n  copyValue,\n  loading,\n  disabled,\n}: {\n  className?: string\n  copyValue: string\n  disabled?: boolean\n  loading?: boolean\n}) {\n  return (\n    <div className={clsx(s.CopyButtonContainer, className)}>\n      <CopyButton\n        copyValue={copyValue}\n        variant=\"ghost\"\n        color=\"secondary\"\n        pill={false}\n        size=\"2xs\"\n        uniform\n        loading={loading}\n        disabled={disabled}\n      />\n    </div>\n  )\n}\n\nCodeBlockBase.Code = function CodeBlockCode({\n  className,\n  children,\n  language,\n  codeTagProps,\n}: {\n  className?: string\n  children: string\n  language?: string\n  codeTagProps?: React.HTMLProps<HTMLElement>\n}) {\n  return (\n    <SyntaxHighlighter\n      className={clsx(s.SyntaxHighlighter, className)}\n      language={language}\n      showLineNumbers={false}\n      showInlineLineNumbers={false}\n      useInlineStyles={false}\n      codeTagProps={codeTagProps}\n      renderer={({ rows }) => {\n        return (\n          <>\n            {rows.map((r, i) =>\n              createElement({\n                key: i,\n                stylesheet: {},\n                useInlineStyles: true,\n                node: r,\n              }),\n            )}\n          </>\n        )\n      }}\n    >\n      {children}\n    </SyntaxHighlighter>\n  )\n}\n"]}

package/dist/es/components/CodeBlock/CollapsibleCodeBlock.js

@@ -2,16 +2,18 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useState } from "react";
-import { Button } from "../Button";
-import { CodeBlockBase } from "./CodeBlock";
-import s from "./CodeBlock.module.css";
+import { Button } from "../Button/index.js";
+import { CodeBlockBase } from "./CodeBlock.js";
+import s from "@plexui/styles/components/CodeBlock/CodeBlock.module.css";
+// Room for the View Code button, unless `collapsedHeight` is smaller
+const MIN_COLLAPSED_HEIGHT = 140;
 export function CollapsibleCodeBlock({ children, language, defaultExpanded = false, collapsedHeight = 140, maxExpandedHeight, copyable = true, className, }) {
     const [isExpanded, setIsExpanded] = useState(defaultExpanded);
     const containerStyle = isExpanded
         ? maxExpandedHeight
             ? { maxHeight: maxExpandedHeight }
             : undefined
-        : { maxHeight: collapsedHeight };
+        : { maxHeight: collapsedHeight, minHeight: Math.min(collapsedHeight, MIN_COLLAPSED_HEIGHT) };
     return (_jsxs(CodeBlockBase, { className: clsx(s.CollapsibleCodeBlock, className), "data-collapsed": !isExpanded ? "" : undefined, style: containerStyle, children: [_jsx(CodeBlockBase.Code, { language: language, children: children }), !isExpanded && (_jsxs(_Fragment, { children: [_jsx("div", { className: s.GradientOverlay }), _jsx("div", { className: s.ViewCodeButtonContainer, children: _jsx(Button, { color: "secondary", variant: "solid", size: "sm", pill: true, onClick: () => setIsExpanded(true), children: "View Code" }) })] })), isExpanded && copyable && _jsx(CodeBlockBase.CopyButton, { copyValue: children })] }));
 }
 //# sourceMappingURL=CollapsibleCodeBlock.js.map

package/dist/es/components/CodeBlock/CollapsibleCodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleCodeBlock.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CollapsibleCodeBlock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,CAAC,MAAM,wBAAwB,CAAA;AAmBtC,MAAM,UAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,GAAG,EACrB,iBAAiB,EACjB,QAAQ,GAAG,IAAI,EACf,SAAS,GACiB;IAC1B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAE7D,MAAM,cAAc,GAAmC,UAAU;QAC/D,CAAC,CAAC,iBAAiB;YACjB,CAAC,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAClC,CAAC,CAAC,SAAS;QACb,CAAC,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAA;IAElC,OAAO,CACL,MAAC,aAAa,IACZ,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAClC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5C,KAAK,EAAE,cAAc,aAErB,KAAC,aAAa,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,YAAG,QAAQ,GAAsB,EAEtE,CAAC,UAAU,IAAI,CACd,8BACE,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,GAAI,EACrC,cAAK,SAAS,EAAE,CAAC,CAAC,uBAAuB,YACvC,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,0BAG3B,GACL,IACL,CACJ,EAEA,UAAU,IAAI,QAAQ,IAAI,KAAC,aAAa,CAAC,UAAU,IAAC,SAAS,EAAE,QAAQ,GAAI,IAC9D,CACjB,CAAA;AACH,CAAC","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { useState, type ComponentProps } from \"react\"\n\nimport { Button } from \"../Button\"\nimport { CodeBlockBase } from \"./CodeBlock\"\nimport s from \"./CodeBlock.module.css\"\n\nexport type CollapsibleCodeBlockProps = {\n  /** The code string to display */\n  children: string\n  /** Syntax highlighting language */\n  language?: string\n  /** Whether the code block starts expanded */\n  defaultExpanded?: boolean\n  /** Height of the collapsed container in pixels */\n  collapsedHeight?: number\n  /** Maximum height when expanded (enables scroll if exceeded) */\n  maxExpandedHeight?: number\n  /** Whether to show the copy button when expanded */\n  copyable?: boolean\n  /** Additional class name for the container */\n  className?: string\n}\n\nexport function CollapsibleCodeBlock({\n  children,\n  language,\n  defaultExpanded = false,\n  collapsedHeight = 140,\n  maxExpandedHeight,\n  copyable = true,\n  className,\n}: CollapsibleCodeBlockProps) {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded)\n\n  const containerStyle: ComponentProps<\"div\">[\"style\"] = isExpanded\n    ? maxExpandedHeight\n      ? { maxHeight: maxExpandedHeight }\n      : undefined\n    : { maxHeight: collapsedHeight }\n\n  return (\n    <CodeBlockBase\n      className={clsx(s.CollapsibleCodeBlock, className)}\n      data-collapsed={!isExpanded ? \"\" : undefined}\n      style={containerStyle}\n    >\n      <CodeBlockBase.Code language={language}>{children}</CodeBlockBase.Code>\n\n      {!isExpanded && (\n        <>\n          <div className={s.GradientOverlay} />\n          <div className={s.ViewCodeButtonContainer}>\n            <Button\n              color=\"secondary\"\n              variant=\"solid\"\n              size=\"sm\"\n              pill\n              onClick={() => setIsExpanded(true)}\n            >\n              View Code\n            </Button>\n          </div>\n        </>\n      )}\n\n      {isExpanded && copyable && <CodeBlockBase.CopyButton copyValue={children} />}\n    </CodeBlockBase>\n  )\n}\n"]}
+{"version":3,"file":"CollapsibleCodeBlock.js","sourceRoot":"","sources":["../../../../src/components/CodeBlock/CollapsibleCodeBlock.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,CAAC,MAAM,0DAA0D,CAAA;AAExE,qEAAqE;AACrE,MAAM,oBAAoB,GAAG,GAAG,CAAA;AAmBhC,MAAM,UAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,GAAG,EACrB,iBAAiB,EACjB,QAAQ,GAAG,IAAI,EACf,SAAS,GACiB;IAC1B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAE7D,MAAM,cAAc,GAAmC,UAAU;QAC/D,CAAC,CAAC,iBAAiB;YACjB,CAAC,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;YAClC,CAAC,CAAC,SAAS;QACb,CAAC,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,oBAAoB,CAAC,EAAE,CAAA;IAE9F,OAAO,CACL,MAAC,aAAa,IACZ,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAClC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5C,KAAK,EAAE,cAAc,aAErB,KAAC,aAAa,CAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,YAAG,QAAQ,GAAsB,EAEtE,CAAC,UAAU,IAAI,CACd,8BACE,cAAK,SAAS,EAAE,CAAC,CAAC,eAAe,GAAI,EACrC,cAAK,SAAS,EAAE,CAAC,CAAC,uBAAuB,YACvC,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,0BAG3B,GACL,IACL,CACJ,EAEA,UAAU,IAAI,QAAQ,IAAI,KAAC,aAAa,CAAC,UAAU,IAAC,SAAS,EAAE,QAAQ,GAAI,IAC9D,CACjB,CAAA;AACH,CAAC","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { useState, type ComponentProps } from \"react\"\n\nimport { Button } from \"../Button\"\nimport { CodeBlockBase } from \"./CodeBlock\"\nimport s from \"@plexui/styles/components/CodeBlock/CodeBlock.module.css\"\n\n// Room for the View Code button, unless `collapsedHeight` is smaller\nconst MIN_COLLAPSED_HEIGHT = 140\n\nexport type CollapsibleCodeBlockProps = {\n  /** The code string to display */\n  children: string\n  /** Syntax highlighting language */\n  language?: string\n  /** Whether the code block starts expanded */\n  defaultExpanded?: boolean\n  /** Height of the collapsed container in pixels */\n  collapsedHeight?: number\n  /** Maximum height when expanded (enables scroll if exceeded) */\n  maxExpandedHeight?: number\n  /** Whether to show the copy button when expanded */\n  copyable?: boolean\n  /** Additional class name for the container */\n  className?: string\n}\n\nexport function CollapsibleCodeBlock({\n  children,\n  language,\n  defaultExpanded = false,\n  collapsedHeight = 140,\n  maxExpandedHeight,\n  copyable = true,\n  className,\n}: CollapsibleCodeBlockProps) {\n  const [isExpanded, setIsExpanded] = useState(defaultExpanded)\n\n  const containerStyle: ComponentProps<\"div\">[\"style\"] = isExpanded\n    ? maxExpandedHeight\n      ? { maxHeight: maxExpandedHeight }\n      : undefined\n    : { maxHeight: collapsedHeight, minHeight: Math.min(collapsedHeight, MIN_COLLAPSED_HEIGHT) }\n\n  return (\n    <CodeBlockBase\n      className={clsx(s.CollapsibleCodeBlock, className)}\n      data-collapsed={!isExpanded ? \"\" : undefined}\n      style={containerStyle}\n    >\n      <CodeBlockBase.Code language={language}>{children}</CodeBlockBase.Code>\n\n      {!isExpanded && (\n        <>\n          <div className={s.GradientOverlay} />\n          <div className={s.ViewCodeButtonContainer}>\n            <Button\n              color=\"secondary\"\n              variant=\"solid\"\n              size=\"sm\"\n              pill\n              onClick={() => setIsExpanded(true)}\n            >\n              View Code\n            </Button>\n          </div>\n        </>\n      )}\n\n      {isExpanded && copyable && <CodeBlockBase.CopyButton copyValue={children} />}\n    </CodeBlockBase>\n  )\n}\n"]}

package/dist/es/components/CodeBlock/index.js

@@ -1,3 +1,3 @@
-export { CodeBlock, CodeBlockBase } from "./CodeBlock";
-export { CollapsibleCodeBlock } from "./CollapsibleCodeBlock";
+export { CodeBlock, CodeBlockBase } from "./CodeBlock.js";
+export { CollapsibleCodeBlock } from "./CollapsibleCodeBlock.js";
 //# sourceMappingURL=index.js.map