@raystack/apsara 0.55.0-rc.1 → 0.55.0

package/dist/components/code-block/code-block-misc.d.ts

@@ -1,4 +1,5 @@
-import { ComponentProps, HTMLAttributes } from 'react';
+import { ComponentProps, HTMLAttributes, ReactNode } from 'react';
+import { Button } from '../button';
 import { CopyButton } from '../copy-button';
 export declare const CodeBlockContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
@@ -9,7 +10,7 @@ export declare const CodeBlockHeader: import("react").ForwardRefExoticComponent<
     gap?: 1 | "small" | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
     width?: "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    children?: import("react").ReactNode;
+    children?: ReactNode;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(Omit<import("class-variance-authority").VariantProps<(props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
@@ -87,24 +88,10 @@ export declare const CodeBlockLabel: import("react").ForwardRefExoticComponent<(
 } & {
     as: "a";
 } & Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>, "ref">) & import("react").RefAttributes<HTMLDivElement | HTMLSpanElement | HTMLAnchorElement | HTMLLabelElement | HTMLParagraphElement>>;
-export declare const CodeBlockCollapseTrigger: import("react").ForwardRefExoticComponent<Omit<import("class-variance-authority").VariantProps<(props?: ({
-    variant?: "text" | "solid" | "outline" | "ghost" | null | undefined;
-    size?: "small" | "normal" | null | undefined;
-    disabled?: boolean | null | undefined;
-    loading?: boolean | null | undefined;
-    color?: "accent" | "danger" | "success" | "neutral" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
-    children?: import("react").ReactNode;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean | undefined;
-    loading?: boolean | undefined;
-    loaderText?: import("react").ReactNode;
-    leadingIcon?: import("react").ReactNode;
-    trailingIcon?: import("react").ReactNode;
-    maxWidth?: string | number | undefined;
-    width?: string | number | undefined;
-    style?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export interface CodeBlockCollapseTriggerProps extends Omit<ComponentProps<typeof Button>, 'children'> {
+    children?: ReactNode | ((collapsed: boolean) => ReactNode);
+}
+export declare const CodeBlockCollapseTrigger: import("react").ForwardRefExoticComponent<Omit<CodeBlockCollapseTriggerProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export interface CodeBlockCopyButtonProps extends Omit<ComponentProps<typeof CopyButton>, 'text'> {
     variant?: 'floating' | 'default';
 }

package/dist/components/code-block/code-block-misc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-misc.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAc,cAAc,EAAc,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,gBAAgB,2HAS3B,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;2IAe1B,CAAC;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wYASzB,CAAC;AAIH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;gHAyBnC,CAAC;AAIH,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,MAAM,CAAC;IACvD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,qIAmB9B,CAAC"}
+{"version":3,"file":"code-block-misc.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-misc.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAGd,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM5C,eAAO,MAAM,gBAAgB,2HAS3B,CAAC;AAIH,eAAO,MAAM,eAAe;;;;;;;;;2IAe1B,CAAC;AAIH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wYASzB,CAAC;AAIH,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC;IACvD,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;CAC5D;AACD,eAAO,MAAM,wBAAwB,0IAwCpC,CAAC;AAIF,MAAM,WAAW,wBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,EAAE,MAAM,CAAC;IACvD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,mBAAmB,qIAmB9B,CAAC"}

package/dist/components/code-block/code-block-misc.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Button } from '../button/button.js';
 import { CopyButton } from '../copy-button/copy-button.js';
 import { Flex } from '../flex/flex.js';
 import { Text } from '../text/text.js';
-import { useCodeBlockContext } from './code-block-root.js';
 import styles from './code-block.module.css.js';
+import { useCodeBlockContext } from './code-block-root.js';
 
 const CodeBlockContent = forwardRef(({ children, className, ...props }, ref) => {
     return (jsx("div", { ref: ref, className: cx(styles.content, className), ...props, children: children }));
@@ -21,16 +21,16 @@ const CodeBlockLabel = forwardRef(({ children, className, ...props }, ref) => {
     return (jsx(Text, { ref: ref, className: cx(styles.label, className), ...props, children: children }));
 });
 CodeBlockLabel.displayName = 'CodeBlockLabel';
-const CodeBlockCollapseTrigger = forwardRef(({ className, children = 'Show Code', onClick, ...props }, ref) => {
+const CodeBlockCollapseTrigger = forwardRef(({ className, children = collapsed => (collapsed ? 'Show Code' : 'Hide Code'), onClick, ...props }, ref) => {
     const { maxLines, collapsed, toggleCollapsed, code } = useCodeBlockContext();
     const canCollapse = maxLines && maxLines > 0;
     const lineCount = code?.split('\n').length ?? 0;
-    if (!canCollapse || !collapsed || lineCount < maxLines)
+    if (!canCollapse || lineCount < maxLines)
         return null;
     return (jsx(Button, { ref: ref, onClick: e => {
             toggleCollapsed();
             onClick?.(e);
-        }, variant: 'text', color: 'neutral', className: cx(styles.collapseTrigger, className), ...props, children: children }));
+        }, variant: 'text', color: 'neutral', className: cx(styles.collapseTrigger, collapsed && styles.collapsed, className), ...props, children: typeof children === 'function' ? children(!!collapsed) : children }));
 });
 CodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';
 const CodeBlockCopyButton = forwardRef(({ className, variant = 'default', ...props }, ref) => {

package/dist/components/code-block/code-block-misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-misc.js","sources":["../../../components/code-block/code-block-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport { ComponentProps, ElementRef, HTMLAttributes, forwardRef } from 'react';\nimport { Button } from '../button';\nimport { CopyButton } from '../copy-button';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport { useCodeBlockContext } from './code-block-root';\nimport styles from './code-block.module.css';\n\nexport const CodeBlockContent = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cx(styles.content, className)} {...props}>\n      {children}\n    </div>\n  );\n});\n\nCodeBlockContent.displayName = 'CodeBlockContent';\n\nexport const CodeBlockHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentProps<typeof Flex>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Flex\n      ref={ref}\n      align='center'\n      gap={4}\n      className={cx(styles.header, className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n\nCodeBlockHeader.displayName = 'CodeBlockHeader';\n\nexport const CodeBlockLabel = forwardRef<\n  ElementRef<typeof Text>,\n  ComponentProps<typeof Text>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Text ref={ref} className={cx(styles.label, className)} {...props}>\n      {children}\n    </Text>\n  );\n});\n\nCodeBlockLabel.displayName = 'CodeBlockLabel';\n\nexport const CodeBlockCollapseTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentProps<typeof Button>\n>(({ className, children = 'Show Code', onClick, ...props }, ref) => {\n  const { maxLines, collapsed, toggleCollapsed, code } = useCodeBlockContext();\n  const canCollapse = maxLines && maxLines > 0;\n  const lineCount = code?.split('\\n').length ?? 0;\n\n  if (!canCollapse || !collapsed || lineCount < maxLines) return null;\n\n  return (\n    <Button\n      ref={ref}\n      onClick={e => {\n        toggleCollapsed();\n        onClick?.(e);\n      }}\n      variant='text'\n      color='neutral'\n      className={cx(styles.collapseTrigger, className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n});\n\nCodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';\n\nexport interface CodeBlockCopyButtonProps\n  extends Omit<ComponentProps<typeof CopyButton>, 'text'> {\n  variant?: 'floating' | 'default';\n}\n\nexport const CodeBlockCopyButton = forwardRef<\n  ElementRef<typeof CopyButton>,\n  CodeBlockCopyButtonProps\n>(({ className, variant = 'default', ...props }, ref) => {\n  const { code = '' } = useCodeBlockContext();\n\n  return (\n    <CopyButton\n      ref={ref}\n      text={code}\n      size={variant === 'floating' ? 2 : 3}\n      className={cx(\n        styles.copyButton,\n        variant === 'floating' && styles.floatingCopyButton,\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n"],"names":[],"mappings":";;;;;;;;;;;AAWa;;AASb;AAEA;AAEa;AAIX;AAWF;AAEA;AAEa;;AASb;AAEA;;AAME;AACA;AACA;;AAEwD;AAExD;AAIM;AACA;;AAUR;AAEA;;;;AA0BA;AAEA;;"}
+{"version":3,"file":"code-block-misc.js","sources":["../../../components/code-block/code-block-misc.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  ComponentProps,\n  ElementRef,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode\n} from 'react';\nimport { Button } from '../button';\nimport { CopyButton } from '../copy-button';\nimport { Flex } from '../flex';\nimport { Text } from '../text';\nimport styles from './code-block.module.css';\nimport { useCodeBlockContext } from './code-block-root';\n\nexport const CodeBlockContent = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLDivElement>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cx(styles.content, className)} {...props}>\n      {children}\n    </div>\n  );\n});\n\nCodeBlockContent.displayName = 'CodeBlockContent';\n\nexport const CodeBlockHeader = forwardRef<\n  ElementRef<typeof Flex>,\n  ComponentProps<typeof Flex>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Flex\n      ref={ref}\n      align='center'\n      gap={4}\n      className={cx(styles.header, className)}\n      {...props}\n    >\n      {children}\n    </Flex>\n  );\n});\n\nCodeBlockHeader.displayName = 'CodeBlockHeader';\n\nexport const CodeBlockLabel = forwardRef<\n  ElementRef<typeof Text>,\n  ComponentProps<typeof Text>\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Text ref={ref} className={cx(styles.label, className)} {...props}>\n      {children}\n    </Text>\n  );\n});\n\nCodeBlockLabel.displayName = 'CodeBlockLabel';\n\nexport interface CodeBlockCollapseTriggerProps\n  extends Omit<ComponentProps<typeof Button>, 'children'> {\n  children?: ReactNode | ((collapsed: boolean) => ReactNode);\n}\nexport const CodeBlockCollapseTrigger = forwardRef<\n  HTMLButtonElement,\n  CodeBlockCollapseTriggerProps\n>(\n  (\n    {\n      className,\n      children = collapsed => (collapsed ? 'Show Code' : 'Hide Code'),\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const { maxLines, collapsed, toggleCollapsed, code } =\n      useCodeBlockContext();\n    const canCollapse = maxLines && maxLines > 0;\n    const lineCount = code?.split('\\n').length ?? 0;\n\n    if (!canCollapse || lineCount < maxLines) return null;\n\n    return (\n      <Button\n        ref={ref}\n        onClick={e => {\n          toggleCollapsed();\n          onClick?.(e);\n        }}\n        variant='text'\n        color='neutral'\n        className={cx(\n          styles.collapseTrigger,\n          collapsed && styles.collapsed,\n          className\n        )}\n        {...props}\n      >\n        {typeof children === 'function' ? children(!!collapsed) : children}\n      </Button>\n    );\n  }\n);\n\nCodeBlockCollapseTrigger.displayName = 'CodeBlockCollapseTrigger';\n\nexport interface CodeBlockCopyButtonProps\n  extends Omit<ComponentProps<typeof CopyButton>, 'text'> {\n  variant?: 'floating' | 'default';\n}\n\nexport const CodeBlockCopyButton = forwardRef<\n  ElementRef<typeof CopyButton>,\n  CodeBlockCopyButtonProps\n>(({ className, variant = 'default', ...props }, ref) => {\n  const { code = '' } = useCodeBlockContext();\n\n  return (\n    <CopyButton\n      ref={ref}\n      text={code}\n      size={variant === 'floating' ? 2 : 3}\n      className={cx(\n        styles.copyButton,\n        variant === 'floating' && styles.floatingCopyButton,\n        className\n      )}\n      {...props}\n    />\n  );\n});\n\nCodeBlockCopyButton.displayName = 'CodeBlockCopyButton';\n"],"names":[],"mappings":";;;;;;;;;;;AAiBa;;AASb;AAEA;AAEa;AAIX;AAWF;AAEA;AAEa;;AASb;AAEA;AAMa;AAaT;AAEA;AACA;AAEA;AAA0C;AAE1C;AAIM;AACA;;AAcR;AAGF;;;;AA0BA;AAEA;;"}

package/dist/components/code-block/code-block-root.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var codeBlock_module = require('./code-block.module.css.cjs');
 
@@ -39,7 +39,7 @@ const CodeBlockRoot = React.forwardRef(({ children, value: providedValue, onValu
             maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger
             collapsed,
             toggleCollapsed
-        }, children: jsxRuntime.jsx("div", { ref: ref, className: classVarianceAuthority.cx(codeBlock_module.default.container, className), ...props, children: children }) }));
+        }, children: jsxRuntime.jsx("div", { ref: ref, className: index.cx(codeBlock_module.default.container, className), ...props, children: children }) }));
 });
 CodeBlockRoot.displayName = 'CodeBlock';
 

package/dist/components/code-block/code-block-root.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-root.cjs","sources":["../../../components/code-block/code-block-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport styles from './code-block.module.css';\n\ninterface CodeBlockCommonProps {\n  hideLineNumbers?: boolean;\n  value?: string;\n  maxLines?: number;\n  collapsed?: boolean;\n}\n\ninterface CodeBlockContextValue extends CodeBlockCommonProps {\n  setValue: (value: string) => void;\n  code?: string;\n  setCode: (code: string) => void;\n  toggleCollapsed: () => void;\n}\n\nconst CodeBlockContext = createContext<CodeBlockContextValue | undefined>(\n  undefined\n);\n\nexport const useCodeBlockContext = () => {\n  const context = useContext(CodeBlockContext);\n  if (!context) {\n    throw new Error('useCodeBlockContext must be used within a CodeBlock');\n  }\n  return context;\n};\n\nexport interface CodeBlockProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CodeBlockCommonProps {\n  defaultValue?: string;\n  maxHeight?: string | number;\n  onValueChange?: (value: string) => void;\n  defaultCollapsed?: boolean;\n  onCollapseChange?: (value: boolean) => void;\n}\n\nexport const CodeBlockRoot = forwardRef<HTMLDivElement, CodeBlockProps>(\n  (\n    {\n      children,\n      value: providedValue,\n      onValueChange,\n      defaultValue,\n      hideLineNumbers = false,\n      maxLines,\n      maxHeight,\n      className,\n      collapsed: providedCollapsed,\n      defaultCollapsed = true,\n      onCollapseChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string | undefined>(\n      defaultValue\n    );\n    const [code, setCode] = useState<string | undefined>();\n    const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n      defaultCollapsed ?? false\n    );\n\n    const collapsed = providedCollapsed ?? internalCollapsed;\n\n    const value = providedValue ?? internalValue ?? defaultValue;\n\n    const setValue = useCallback(\n      (newValue: string) => {\n        setInternalValue(newValue);\n        onValueChange?.(newValue);\n      },\n      [onValueChange]\n    );\n\n    const toggleCollapsed = useCallback(() => {\n      setInternalCollapsed(_internalCollapsed => {\n        onCollapseChange?.(!_internalCollapsed);\n        return !_internalCollapsed;\n      });\n    }, [onCollapseChange]);\n\n    return (\n      <CodeBlockContext.Provider\n        value={{\n          hideLineNumbers,\n          value,\n          setValue,\n          code,\n          setCode,\n          maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger\n          collapsed,\n          toggleCollapsed\n        }}\n      >\n        <div ref={ref} className={cx(styles.container, className)} {...props}>\n          {children}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\n\nCodeBlockRoot.displayName = 'CodeBlock';\n"],"names":[],"mappings":";;;;;;;;AA2BA;AAIO;AACL;;AAEE;;AAEF;AACF;;;;AAkCI;AAIA;AAEA;AAEA;;AAGI;AACF;AAIF;;AAEI;;AAEF;AACF;AAEA;;;;;;AAQM;;;;AAUR;AAGF;;;"}
+{"version":3,"file":"code-block-root.cjs","sources":["../../../components/code-block/code-block-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  createContext,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport styles from './code-block.module.css';\n\ninterface CodeBlockCommonProps {\n  hideLineNumbers?: boolean;\n  value?: string;\n  maxLines?: number;\n  collapsed?: boolean;\n}\n\ninterface CodeBlockContextValue extends CodeBlockCommonProps {\n  setValue: (value: string) => void;\n  code?: string;\n  setCode: (code: string) => void;\n  toggleCollapsed: () => void;\n}\n\nconst CodeBlockContext = createContext<CodeBlockContextValue | undefined>(\n  undefined\n);\n\nexport const useCodeBlockContext = () => {\n  const context = useContext(CodeBlockContext);\n  if (!context) {\n    throw new Error('useCodeBlockContext must be used within a CodeBlock');\n  }\n  return context;\n};\n\nexport interface CodeBlockProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CodeBlockCommonProps {\n  defaultValue?: string;\n  maxHeight?: string | number;\n  onValueChange?: (value: string) => void;\n  defaultCollapsed?: boolean;\n  onCollapseChange?: (value: boolean) => void;\n}\n\nexport const CodeBlockRoot = forwardRef<HTMLDivElement, CodeBlockProps>(\n  (\n    {\n      children,\n      value: providedValue,\n      onValueChange,\n      defaultValue,\n      hideLineNumbers = false,\n      maxLines,\n      maxHeight,\n      className,\n      collapsed: providedCollapsed,\n      defaultCollapsed = true,\n      onCollapseChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string | undefined>(\n      defaultValue\n    );\n    const [code, setCode] = useState<string | undefined>();\n    const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n      defaultCollapsed ?? false\n    );\n\n    const collapsed = providedCollapsed ?? internalCollapsed;\n\n    const value = providedValue ?? internalValue ?? defaultValue;\n\n    const setValue = useCallback(\n      (newValue: string) => {\n        setInternalValue(newValue);\n        onValueChange?.(newValue);\n      },\n      [onValueChange]\n    );\n\n    const toggleCollapsed = useCallback(() => {\n      setInternalCollapsed(_internalCollapsed => {\n        onCollapseChange?.(!_internalCollapsed);\n        return !_internalCollapsed;\n      });\n    }, [onCollapseChange]);\n\n    return (\n      <CodeBlockContext.Provider\n        value={{\n          hideLineNumbers,\n          value,\n          setValue,\n          code,\n          setCode,\n          maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger\n          collapsed,\n          toggleCollapsed\n        }}\n      >\n        <div ref={ref} className={cx(styles.container, className)} {...props}>\n          {children}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\n\nCodeBlockRoot.displayName = 'CodeBlock';\n"],"names":[],"mappings":";;;;;;;;AA2BA;AAIO;AACL;;AAEE;;AAEF;AACF;;;;AAkCI;AAIA;AAEA;AAEA;;AAGI;AACF;AAIF;;AAEI;;AAEF;AACF;AAEA;;;;;;AAQM;;;;AAUR;AAGF;;;"}

package/dist/components/code-block/code-block-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-root.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EAMf,MAAM,OAAO,CAAC;AAGf,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,qBAAsB,SAAQ,oBAAoB;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAMD,eAAO,MAAM,mBAAmB,6BAM/B,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,oBAAoB;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2GAgEzB,CAAC"}
+{"version":3,"file":"code-block-root.d.ts","sourceRoot":"","sources":["../../../components/code-block/code-block-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,cAAc,EAIf,MAAM,OAAO,CAAC;AAGf,UAAU,oBAAoB;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,qBAAsB,SAAQ,oBAAoB;IAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAMD,eAAO,MAAM,mBAAmB,6BAM/B,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,oBAAoB;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2GAgEzB,CAAC"}

package/dist/components/code-block/code-block-root.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { createContext, forwardRef, useState, useCallback, useContext } from 'react';
 import styles from './code-block.module.css.js';
 

package/dist/components/code-block/code-block-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block-root.js","sources":["../../../components/code-block/code-block-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  HTMLAttributes,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport styles from './code-block.module.css';\n\ninterface CodeBlockCommonProps {\n  hideLineNumbers?: boolean;\n  value?: string;\n  maxLines?: number;\n  collapsed?: boolean;\n}\n\ninterface CodeBlockContextValue extends CodeBlockCommonProps {\n  setValue: (value: string) => void;\n  code?: string;\n  setCode: (code: string) => void;\n  toggleCollapsed: () => void;\n}\n\nconst CodeBlockContext = createContext<CodeBlockContextValue | undefined>(\n  undefined\n);\n\nexport const useCodeBlockContext = () => {\n  const context = useContext(CodeBlockContext);\n  if (!context) {\n    throw new Error('useCodeBlockContext must be used within a CodeBlock');\n  }\n  return context;\n};\n\nexport interface CodeBlockProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CodeBlockCommonProps {\n  defaultValue?: string;\n  maxHeight?: string | number;\n  onValueChange?: (value: string) => void;\n  defaultCollapsed?: boolean;\n  onCollapseChange?: (value: boolean) => void;\n}\n\nexport const CodeBlockRoot = forwardRef<HTMLDivElement, CodeBlockProps>(\n  (\n    {\n      children,\n      value: providedValue,\n      onValueChange,\n      defaultValue,\n      hideLineNumbers = false,\n      maxLines,\n      maxHeight,\n      className,\n      collapsed: providedCollapsed,\n      defaultCollapsed = true,\n      onCollapseChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string | undefined>(\n      defaultValue\n    );\n    const [code, setCode] = useState<string | undefined>();\n    const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n      defaultCollapsed ?? false\n    );\n\n    const collapsed = providedCollapsed ?? internalCollapsed;\n\n    const value = providedValue ?? internalValue ?? defaultValue;\n\n    const setValue = useCallback(\n      (newValue: string) => {\n        setInternalValue(newValue);\n        onValueChange?.(newValue);\n      },\n      [onValueChange]\n    );\n\n    const toggleCollapsed = useCallback(() => {\n      setInternalCollapsed(_internalCollapsed => {\n        onCollapseChange?.(!_internalCollapsed);\n        return !_internalCollapsed;\n      });\n    }, [onCollapseChange]);\n\n    return (\n      <CodeBlockContext.Provider\n        value={{\n          hideLineNumbers,\n          value,\n          setValue,\n          code,\n          setCode,\n          maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger\n          collapsed,\n          toggleCollapsed\n        }}\n      >\n        <div ref={ref} className={cx(styles.container, className)} {...props}>\n          {children}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\n\nCodeBlockRoot.displayName = 'CodeBlock';\n"],"names":[],"mappings":";;;;;;AA2BA;AAIO;AACL;;AAEE;;AAEF;AACF;;;;AAkCI;AAIA;AAEA;AAEA;;AAGI;AACF;AAIF;;AAEI;;AAEF;AACF;AAEA;;;;;;AAQM;;;;AAUR;AAGF;;"}
+{"version":3,"file":"code-block-root.js","sources":["../../../components/code-block/code-block-root.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n  createContext,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useContext,\n  useState\n} from 'react';\nimport styles from './code-block.module.css';\n\ninterface CodeBlockCommonProps {\n  hideLineNumbers?: boolean;\n  value?: string;\n  maxLines?: number;\n  collapsed?: boolean;\n}\n\ninterface CodeBlockContextValue extends CodeBlockCommonProps {\n  setValue: (value: string) => void;\n  code?: string;\n  setCode: (code: string) => void;\n  toggleCollapsed: () => void;\n}\n\nconst CodeBlockContext = createContext<CodeBlockContextValue | undefined>(\n  undefined\n);\n\nexport const useCodeBlockContext = () => {\n  const context = useContext(CodeBlockContext);\n  if (!context) {\n    throw new Error('useCodeBlockContext must be used within a CodeBlock');\n  }\n  return context;\n};\n\nexport interface CodeBlockProps\n  extends HTMLAttributes<HTMLDivElement>,\n    CodeBlockCommonProps {\n  defaultValue?: string;\n  maxHeight?: string | number;\n  onValueChange?: (value: string) => void;\n  defaultCollapsed?: boolean;\n  onCollapseChange?: (value: boolean) => void;\n}\n\nexport const CodeBlockRoot = forwardRef<HTMLDivElement, CodeBlockProps>(\n  (\n    {\n      children,\n      value: providedValue,\n      onValueChange,\n      defaultValue,\n      hideLineNumbers = false,\n      maxLines,\n      maxHeight,\n      className,\n      collapsed: providedCollapsed,\n      defaultCollapsed = true,\n      onCollapseChange,\n      ...props\n    },\n    ref\n  ) => {\n    const [internalValue, setInternalValue] = useState<string | undefined>(\n      defaultValue\n    );\n    const [code, setCode] = useState<string | undefined>();\n    const [internalCollapsed, setInternalCollapsed] = useState<boolean>(\n      defaultCollapsed ?? false\n    );\n\n    const collapsed = providedCollapsed ?? internalCollapsed;\n\n    const value = providedValue ?? internalValue ?? defaultValue;\n\n    const setValue = useCallback(\n      (newValue: string) => {\n        setInternalValue(newValue);\n        onValueChange?.(newValue);\n      },\n      [onValueChange]\n    );\n\n    const toggleCollapsed = useCallback(() => {\n      setInternalCollapsed(_internalCollapsed => {\n        onCollapseChange?.(!_internalCollapsed);\n        return !_internalCollapsed;\n      });\n    }, [onCollapseChange]);\n\n    return (\n      <CodeBlockContext.Provider\n        value={{\n          hideLineNumbers,\n          value,\n          setValue,\n          code,\n          setCode,\n          maxLines: maxLines && maxLines + 1, // to compensate for the absolute collapse trigger\n          collapsed,\n          toggleCollapsed\n        }}\n      >\n        <div ref={ref} className={cx(styles.container, className)} {...props}>\n          {children}\n        </div>\n      </CodeBlockContext.Provider>\n    );\n  }\n);\n\nCodeBlockRoot.displayName = 'CodeBlock';\n"],"names":[],"mappings":";;;;;;AA2BA;AAIO;AACL;;AAEE;;AAEF;AACF;;;;AAkCI;AAIA;AAEA;AAEA;;AAGI;AACF;AAIF;;AAEI;;AAEF;AACF;AAEA;;;;;;AAQM;;;;AAUR;AAGF;;"}

package/dist/components/code-block/code-block.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"container":"code-block-module_container__jbdzZ","content":"code-block-module_content__hfyxg","header":"code-block-module_header__k0-Ow","label":"code-block-module_label__TcwYO","languageSelectTrigger":"code-block-module_languageSelectTrigger__dnGoj","collapseTrigger":"code-block-module_collapseTrigger__tX6fI","codeContent":"code-block-module_codeContent__8GUq7","pre":"code-block-module_pre__RXDtg","lineNumber":"code-block-module_lineNumber__ru2oY","lineContent":"code-block-module_lineContent__OG9cE","copyButton":"code-block-module_copyButton__1hsyv","floatingCopyButton":"code-block-module_floatingCopyButton__EaiDL"};
+var styles = {"container":"code-block-module_container__jbdzZ","content":"code-block-module_content__hfyxg","header":"code-block-module_header__k0-Ow","label":"code-block-module_label__TcwYO","languageSelectTrigger":"code-block-module_languageSelectTrigger__dnGoj","collapseTrigger":"code-block-module_collapseTrigger__tX6fI","collapsed":"code-block-module_collapsed__JkJLF","codeContent":"code-block-module_codeContent__8GUq7","pre":"code-block-module_pre__RXDtg","lineNumber":"code-block-module_lineNumber__ru2oY","lineContent":"code-block-module_lineContent__OG9cE","copyButton":"code-block-module_copyButton__1hsyv","floatingCopyButton":"code-block-module_floatingCopyButton__EaiDL"};
 
 exports.default = styles;
 //# sourceMappingURL=code-block.module.css.cjs.map

package/dist/components/code-block/code-block.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"container":"code-block-module_container__jbdzZ","content":"code-block-module_content__hfyxg","header":"code-block-module_header__k0-Ow","label":"code-block-module_label__TcwYO","languageSelectTrigger":"code-block-module_languageSelectTrigger__dnGoj","collapseTrigger":"code-block-module_collapseTrigger__tX6fI","codeContent":"code-block-module_codeContent__8GUq7","pre":"code-block-module_pre__RXDtg","lineNumber":"code-block-module_lineNumber__ru2oY","lineContent":"code-block-module_lineContent__OG9cE","copyButton":"code-block-module_copyButton__1hsyv","floatingCopyButton":"code-block-module_floatingCopyButton__EaiDL"};
+var styles = {"container":"code-block-module_container__jbdzZ","content":"code-block-module_content__hfyxg","header":"code-block-module_header__k0-Ow","label":"code-block-module_label__TcwYO","languageSelectTrigger":"code-block-module_languageSelectTrigger__dnGoj","collapseTrigger":"code-block-module_collapseTrigger__tX6fI","collapsed":"code-block-module_collapsed__JkJLF","codeContent":"code-block-module_codeContent__8GUq7","pre":"code-block-module_pre__RXDtg","lineNumber":"code-block-module_lineNumber__ru2oY","lineContent":"code-block-module_lineContent__OG9cE","copyButton":"code-block-module_copyButton__1hsyv","floatingCopyButton":"code-block-module_floatingCopyButton__EaiDL"};
 
 export { styles as default };
 //# sourceMappingURL=code-block.module.css.js.map

package/dist/components/color-picker/color-picker-alpha.cjs

@@ -2,14 +2,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_abtd6yt54lkmqfjli3uzhfrsgi/node_modules/@radix-ui/react-slider/dist/index.cjs');
 
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxs(radixUi.Slider.Root, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxs(radixUi.Slider.Track, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(radixUi.Slider.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsx(radixUi.Slider.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
+    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxs(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
 };
 
 exports.ColorPickerAlpha = ColorPickerAlpha;

package/dist/components/color-picker/color-picker-alpha.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
-import { Slider } from 'radix-ui';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';
+import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_abtd6yt54lkmqfjli3uzhfrsgi/node_modules/@radix-ui/react-slider/dist/index.js';
 
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = useColorPicker();
-    return (jsxs(Slider.Root, { className: cx(styles.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxs(Slider.Track, { className: cx(styles.sliderTrack, styles.alphaTrack), children: [jsx("div", { className: styles.alphaTrackGradient }), jsx(Slider.Range, { className: styles.sliderRange })] }), jsx(Slider.Thumb, { className: styles.sliderThumb })] }));
+    return (jsxs(Root, { className: cx(styles.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxs(Track, { className: cx(styles.sliderTrack, styles.alphaTrack), children: [jsx("div", { className: styles.alphaTrackGradient }), jsx(Range, { className: styles.sliderRange })] }), jsx(Thumb, { className: styles.sliderThumb })] }));
 };
 
 export { ColorPickerAlpha };

package/dist/components/color-picker/color-picker-area.cjs

@@ -2,8 +2,8 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var Color = require('color');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
 var React = require('react');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
@@ -14,7 +14,7 @@ const ColorPickerArea = ({ className, ...props }) => {
     const isDragging = React.useRef(false);
     const isThumbVisible = React.useRef(false);
     const { hue, saturation, lightness, setColor } = colorPickerRoot.useColorPicker();
-    const color = Color.hsl(hue, saturation, lightness);
+    const color = index.default.hsl(hue, saturation, lightness);
     const backgroundGradient = React.useMemo(() => {
         return `linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),
             linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),
@@ -62,9 +62,9 @@ const ColorPickerArea = ({ className, ...props }) => {
         window.addEventListener('pointermove', handlePointerMove);
         window.addEventListener('pointerup', handlePointerUp);
     }, [handlePointerMove, handlePointerUp]);
-    return (jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(colorPicker_module.default.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
+    return (jsxRuntime.jsx("div", { className: index$1.cx(colorPicker_module.default.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
             background: backgroundGradient
-        }, ...props, children: jsxRuntime.jsx("div", { className: classVarianceAuthority.cx(colorPicker_module.default.sliderThumb, colorPicker_module.default.selectionThumb), ref: thumbRef, style: {
+        }, ...props, children: jsxRuntime.jsx("div", { className: index$1.cx(colorPicker_module.default.sliderThumb, colorPicker_module.default.selectionThumb), ref: thumbRef, style: {
                 background: color.hex().toString(),
                 opacity: 0
             } }) }));

package/dist/components/color-picker/color-picker-area.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
-import Color from 'color';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
 import { useRef, useMemo, useEffect, useCallback } from 'react';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';

package/dist/components/color-picker/color-picker-hue.cjs

@@ -2,14 +2,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var radixUi = require('radix-ui');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_abtd6yt54lkmqfjli3uzhfrsgi/node_modules/@radix-ui/react-slider/dist/index.cjs');
 
 const ColorPickerHue = ({ className, ...props }) => {
     const { hue, setColor } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxs(radixUi.Slider.Root, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsx(radixUi.Slider.Track, { className: classVarianceAuthority.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsx(radixUi.Slider.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsx(radixUi.Slider.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
+    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsx(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
 };
 
 exports.ColorPickerHue = ColorPickerHue;

package/dist/components/color-picker/color-picker-hue.js

@@ -1,13 +1,13 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
-import { Slider } from 'radix-ui';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';
+import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_abtd6yt54lkmqfjli3uzhfrsgi/node_modules/@radix-ui/react-slider/dist/index.js';
 
 const ColorPickerHue = ({ className, ...props }) => {
     const { hue, setColor } = useColorPicker();
-    return (jsxs(Slider.Root, { className: cx(styles.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsx(Slider.Track, { className: cx(styles.sliderTrack, styles.hueTrack), children: jsx(Slider.Range, { className: styles.sliderRange }) }), jsx(Slider.Thumb, { className: styles.sliderThumb })] }));
+    return (jsxs(Root, { className: cx(styles.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsx(Track, { className: cx(styles.sliderTrack, styles.hueTrack), children: jsx(Range, { className: styles.sliderRange }) }), jsx(Thumb, { className: styles.sliderThumb })] }));
 };
 
 export { ColorPickerHue };

package/dist/components/color-picker/color-picker-input.cjs

@@ -2,14 +2,14 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Color = require('color');
+var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
 var inputField = require('../input-field/input-field.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var utils = require('./utils.cjs');
 
 const ColorPickerInput = (props) => {
     const { hue, saturation, lightness, alpha, mode } = colorPickerRoot.useColorPicker();
-    const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);
+    const color = index.default.hsl(hue, saturation, lightness, alpha ?? 1);
     return jsxRuntime.jsx(inputField.InputField, { value: utils.getColorString(color, mode), readOnly: true, ...props });
 };
 

package/dist/components/color-picker/color-picker-input.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import Color from 'color';
+import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
 import { InputField } from '../input-field/input-field.js';
 import { useColorPicker } from './color-picker-root.js';
 import { getColorString } from './utils.js';

package/dist/components/color-picker/color-picker-mode.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var select = require('../select/select.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
@@ -10,7 +10,7 @@ var utils = require('./utils.cjs');
 
 const ColorPickerMode = ({ className, options = utils.SUPPORTED_MODES, ...props }) => {
     const { mode, setMode } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxs(select.Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntime.jsx(select.Select.Trigger, { className: classVarianceAuthority.cx(colorPicker_module.default.selectTrigger, className), ...props, children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Mode' }) }), jsxRuntime.jsx(select.Select.Content, { children: options.map(option => (jsxRuntime.jsx(select.Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
+    return (jsxRuntime.jsxs(select.Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntime.jsx(select.Select.Trigger, { className: index.cx(colorPicker_module.default.selectTrigger, className), ...props, children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Mode' }) }), jsxRuntime.jsx(select.Select.Content, { children: options.map(option => (jsxRuntime.jsx(select.Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
 };
 
 exports.ColorPickerMode = ColorPickerMode;

package/dist/components/color-picker/color-picker-mode.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { cx } from 'class-variance-authority';
+import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { Select } from '../select/select.js';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';

package/dist/components/color-picker/color-picker-root.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var Color = require('color');
+var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
 var React = require('react');
 var flex = require('../flex/flex.cjs');
 var utils = require('./utils.cjs');
@@ -16,8 +16,8 @@ const useColorPicker = () => {
     return context;
 };
 const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defaultMode = 'hex', mode: providedMode, onModeChange, ...props }) => {
-    const providedColor = value && Color(value).hsl().object();
-    const [internalColor, setInternalColor] = React.useState(Color(defaultValue).hsl().object());
+    const providedColor = value && index.default(value).hsl().object();
+    const [internalColor, setInternalColor] = React.useState(index.default(defaultValue).hsl().object());
     const [internalMode, setInternalMode] = React.useState(defaultMode);
     const hue = providedColor ? providedColor.h : internalColor.h;
     const saturation = providedColor ? providedColor.s : internalColor.s;
@@ -29,7 +29,7 @@ const ColorPickerRoot = ({ value, defaultValue = '#ffffff', onValueChange, defau
             const updatedColor = { ..._color, ...value };
             if (!onValueChange)
                 return updatedColor;
-            const color = Color.hsl(updatedColor.h, updatedColor.s, updatedColor.l, updatedColor?.alpha ?? 1);
+            const color = index.default.hsl(updatedColor.h, updatedColor.s, updatedColor.l, updatedColor?.alpha ?? 1);
             onValueChange(utils.getColorString(color, mode), mode);
             return updatedColor;
         });

package/dist/components/color-picker/color-picker-root.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import Color from 'color';
+import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
 import { createContext, useState, useCallback, useContext } from 'react';
 import { Flex } from '../flex/flex.js';
 import { getColorString } from './utils.js';

package/dist/components/command/command.cjs

@@ -2,38 +2,38 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var classVarianceAuthority = require('class-variance-authority');
-var cmdk = require('cmdk');
+var reactIcons_esm = require('../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.cjs');
+var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/cmdk/dist/index.cjs');
 var React = require('react');
 var dialog = require('../dialog/dialog.cjs');
 var flex = require('../flex/flex.cjs');
 var command_module = require('./command.module.css.cjs');
 
-const command = classVarianceAuthority.cva(command_module.default.command);
-const CommandRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command, { ref: ref, className: command({ className }), ...props })));
-CommandRoot.displayName = cmdk.Command?.displayName;
+const command = index$1.cva(command_module.default.command);
+const CommandRoot = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command, { ref: ref, className: command({ className }), ...props })));
+CommandRoot.displayName = index.Command?.displayName;
 const CommandDialog = ({ children, ...props }) => {
     return (jsxRuntime.jsx(dialog.Dialog, { ...props, children: jsxRuntime.jsx(dialog.Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsxRuntime.jsx(Command, { className: command_module.default.dialogcommand, children: children }) }) }));
 };
-const input = classVarianceAuthority.cva(command_module.default.input);
-const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: command_module.default.inputWrapper, children: [jsxRuntime.jsx(reactIcons.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsx(cmdk.Command.Input, { ref: ref, className: input({ className }), ...props })] })));
-CommandInput.displayName = cmdk.Command.Input.displayName;
-const list = classVarianceAuthority.cva(command_module.default.list);
-const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.List, { ref: ref, className: list({ className }), ...props })));
-CommandList.displayName = cmdk.Command.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (jsxRuntime.jsx(cmdk.Command.Empty, { ref: ref, className: command_module.default.empty, ...props })));
-CommandEmpty.displayName = cmdk.Command.Empty.displayName;
-const group = classVarianceAuthority.cva(command_module.default.group);
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Group, { ref: ref, className: group({ className }), ...props })));
-CommandGroup.displayName = cmdk.Command.Group.displayName;
-const separator = classVarianceAuthority.cva(command_module.default.separator);
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Separator, { ref: ref, className: separator({ className }), ...props })));
-CommandSeparator.displayName = cmdk.Command.Separator.displayName;
-const item = classVarianceAuthority.cva(command_module.default.item);
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(cmdk.Command.Item, { ref: ref, className: item({ className }), ...props })));
-CommandItem.displayName = cmdk.Command.Item.displayName;
-const shortcut = classVarianceAuthority.cva(command_module.default.shortcut);
+const input = index$1.cva(command_module.default.input);
+const CommandInput = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: command_module.default.inputWrapper, children: [jsxRuntime.jsx(reactIcons_esm.MagnifyingGlassIcon, { className: command_module.default.inputIcon, width: 16, height: 16 }), jsxRuntime.jsx(index.Command.Input, { ref: ref, className: input({ className }), ...props })] })));
+CommandInput.displayName = index.Command.Input.displayName;
+const list = index$1.cva(command_module.default.list);
+const CommandList = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.List, { ref: ref, className: list({ className }), ...props })));
+CommandList.displayName = index.Command.List.displayName;
+const CommandEmpty = React.forwardRef((props, ref) => (jsxRuntime.jsx(index.Command.Empty, { ref: ref, className: command_module.default.empty, ...props })));
+CommandEmpty.displayName = index.Command.Empty.displayName;
+const group = index$1.cva(command_module.default.group);
+const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.Group, { ref: ref, className: group({ className }), ...props })));
+CommandGroup.displayName = index.Command.Group.displayName;
+const separator = index$1.cva(command_module.default.separator);
+const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.Separator, { ref: ref, className: separator({ className }), ...props })));
+CommandSeparator.displayName = index.Command.Separator.displayName;
+const item = index$1.cva(command_module.default.item);
+const CommandItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(index.Command.Item, { ref: ref, className: item({ className }), ...props })));
+CommandItem.displayName = index.Command.Item.displayName;
+const shortcut = index$1.cva(command_module.default.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return jsxRuntime.jsx("span", { className: shortcut({ className }), ...props });
 };

package/dist/components/command/command.js

@@ -1,36 +1,36 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
-import { cva } from 'class-variance-authority';
-import { Command as Command$1 } from 'cmdk';
+import { MagnifyingGlassIcon } from '../../node_modules/.pnpm/@radix-ui_react-icons@1.3.2_react@19.2.1/node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
+import { Command as _e } from '../../node_modules/.pnpm/cmdk@1.1.1_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/cmdk/dist/index.js';
 import React__default from 'react';
 import { Dialog } from '../dialog/dialog.js';
 import { Flex } from '../flex/flex.js';
 import styles from './command.module.css.js';
 
 const command = cva(styles.command);
-const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1, { ref: ref, className: command({ className }), ...props })));
-CommandRoot.displayName = Command$1?.displayName;
+const CommandRoot = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e, { ref: ref, className: command({ className }), ...props })));
+CommandRoot.displayName = _e?.displayName;
 const CommandDialog = ({ children, ...props }) => {
     return (jsx(Dialog, { ...props, children: jsx(Dialog.Content, { style: { overflow: 'hidden', padding: '0' }, children: jsx(Command, { className: styles.dialogcommand, children: children }) }) }));
 };
 const input = cva(styles.input);
-const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(Command$1.Input, { ref: ref, className: input({ className }), ...props })] })));
-CommandInput.displayName = Command$1.Input.displayName;
+const CommandInput = React__default.forwardRef(({ className, ...props }, ref) => (jsxs(Flex, { align: 'center', gap: 'small', "cmdk-input-wrapper": '', className: styles.inputWrapper, children: [jsx(MagnifyingGlassIcon, { className: styles.inputIcon, width: 16, height: 16 }), jsx(_e.Input, { ref: ref, className: input({ className }), ...props })] })));
+CommandInput.displayName = _e.Input.displayName;
 const list = cva(styles.list);
-const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.List, { ref: ref, className: list({ className }), ...props })));
-CommandList.displayName = Command$1.List.displayName;
-const CommandEmpty = React__default.forwardRef((props, ref) => (jsx(Command$1.Empty, { ref: ref, className: styles.empty, ...props })));
-CommandEmpty.displayName = Command$1.Empty.displayName;
+const CommandList = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.List, { ref: ref, className: list({ className }), ...props })));
+CommandList.displayName = _e.List.displayName;
+const CommandEmpty = React__default.forwardRef((props, ref) => (jsx(_e.Empty, { ref: ref, className: styles.empty, ...props })));
+CommandEmpty.displayName = _e.Empty.displayName;
 const group = cva(styles.group);
-const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Group, { ref: ref, className: group({ className }), ...props })));
-CommandGroup.displayName = Command$1.Group.displayName;
+const CommandGroup = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Group, { ref: ref, className: group({ className }), ...props })));
+CommandGroup.displayName = _e.Group.displayName;
 const separator = cva(styles.separator);
-const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Separator, { ref: ref, className: separator({ className }), ...props })));
-CommandSeparator.displayName = Command$1.Separator.displayName;
+const CommandSeparator = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Separator, { ref: ref, className: separator({ className }), ...props })));
+CommandSeparator.displayName = _e.Separator.displayName;
 const item = cva(styles.item);
-const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsx(Command$1.Item, { ref: ref, className: item({ className }), ...props })));
-CommandItem.displayName = Command$1.Item.displayName;
+const CommandItem = React__default.forwardRef(({ className, ...props }, ref) => (jsx(_e.Item, { ref: ref, className: item({ className }), ...props })));
+CommandItem.displayName = _e.Item.displayName;
 const shortcut = cva(styles.shortcut);
 const CommandShortcut = ({ className, ...props }) => {
     return jsx("span", { className: shortcut({ className }), ...props });

package/dist/components/container/container.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
+var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var container_module = require('./container.module.css.cjs');
 
-const container = classVarianceAuthority.cva(container_module.default.container, {
+const container = index.cva(container_module.default.container, {
     variants: {
         size: {
             small: container_module.default["container-small"],

package/dist/components/container/container.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"container.cjs","sources":["../../../components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n  variants: {\n    size: {\n      small: styles[\"container-small\"],\n      medium: styles[\"container-medium\"],\n      large: styles[\"container-large\"],\n      none: styles[\"container-none\"],\n    },\n    align: {\n      left: styles[\"container-align-left\"],\n      center: styles[\"container-align-center\"],\n      right: styles[\"container-align-right\"],\n    }\n  },\n  defaultVariants: {\n    size: \"none\",\n    align: \"center\",\n  },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n  HTMLAttributes<HTMLElement> & {\n    \"aria-label\"?: string;\n    \"aria-labelledby\"?: string;\n  };\n\nexport function Container({\n  children,\n  size,\n  align,\n  className,\n  role = \"region\",\n  ...props\n}: ContainerProps) {\n  return (\n    <div \n      className={container({ size, align, className })} \n      role={role}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n} "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,0BAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,wBAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAEA,wBAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAEA,wBAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEC,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
+{"version":3,"file":"container.cjs","sources":["../../../components/container/container.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport styles from \"./container.module.css\";\n\nconst container = cva(styles.container, {\n  variants: {\n    size: {\n      small: styles[\"container-small\"],\n      medium: styles[\"container-medium\"],\n      large: styles[\"container-large\"],\n      none: styles[\"container-none\"],\n    },\n    align: {\n      left: styles[\"container-align-left\"],\n      center: styles[\"container-align-center\"],\n      right: styles[\"container-align-right\"],\n    }\n  },\n  defaultVariants: {\n    size: \"none\",\n    align: \"center\",\n  },\n});\n\ntype ContainerProps = PropsWithChildren<VariantProps<typeof container>> &\n  HTMLAttributes<HTMLElement> & {\n    \"aria-label\"?: string;\n    \"aria-labelledby\"?: string;\n  };\n\nexport function Container({\n  children,\n  size,\n  align,\n  className,\n  role = \"region\",\n  ...props\n}: ContainerProps) {\n  return (\n    <div \n      className={container({ size, align, className })} \n      role={role}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n} "],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAKA,MAAM,SAAS,GAAGA,SAAG,CAACC,wBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,MAAM,EAAEA,wBAAM,CAAC,kBAAkB,CAAC;AAClC,YAAA,KAAK,EAAEA,wBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,IAAI,EAAEA,wBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAEA,wBAAM,CAAC,sBAAsB,CAAC;AACpC,YAAA,MAAM,EAAEA,wBAAM,CAAC,wBAAwB,CAAC;AACxC,YAAA,KAAK,EAAEA,wBAAM,CAAC,uBAAuB,CAAC;AACvC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,MAAM;AACZ,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;SAQa,SAAS,CAAC,EACxB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACO,EAAA;IACf,QACEC,cACE,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,EAAA,GACN,KAAK,EAER,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}

package/dist/components/container/container.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
+import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './container.module.css.js';
 
 const container = cva(styles.container, {