@atelier-ui/react 0.0.13 → 0.0.15

package/src/lib/drawer/llm-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-drawer.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/llm-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useRef,\n  useId,\n  createContext,\n  useContext,\n  ReactNode,\n  HTMLAttributes,\n  MouseEvent,\n} from 'react';\nimport type { LlmDrawerSpec } from '@atelier-ui/spec';\nimport './llm-drawer.css';\n\ninterface DrawerContextValue {\n  headerId: string;\n  close: () => void;\n}\n\nconst DrawerContext = createContext<DrawerContextValue>({\n  headerId: '',\n  close: () => undefined,\n});\n\n/**\n * Properties for the LlmDrawer component.\n */\nexport interface LlmDrawerProps extends LlmDrawerSpec {\n  /**\n   * Whether the drawer is open.\n   */\n  open?: boolean;\n  /**\n   * Callback triggered when the open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The position of the drawer on the screen.\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * The size of the drawer.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Whether to close the drawer when clicking on the backdrop.\n   */\n  closeOnBackdrop?: boolean;\n  /**\n   * The content of the drawer.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A drawer component that slides in from the edge of the screen.\n */\nexport function LlmDrawer({\n  open = false,\n  onOpenChange,\n  position = 'right',\n  size = 'md',\n  closeOnBackdrop = true,\n  children,\n}: LlmDrawerProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const headerId = useId();\n  const triggerElRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open) {\n      triggerElRef.current = document.activeElement;\n      if (!dialog.open) dialog.showModal();\n    } else {\n      if (dialog.open) dialog.close();\n      (triggerElRef.current as HTMLElement | null)?.focus();\n      triggerElRef.current = null;\n    }\n  }, [open]);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    const onClose = () => onOpenChange?.(false);\n    const onCancel = (e: Event) => {\n      e.preventDefault();\n      onOpenChange?.(false);\n    };\n    dialog.addEventListener('close', onClose);\n    dialog.addEventListener('cancel', onCancel);\n    return () => {\n      dialog.removeEventListener('close', onClose);\n      dialog.removeEventListener('cancel', onCancel);\n    };\n  }, [onOpenChange]);\n\n  const handleBackdropClick = (e: MouseEvent<HTMLDialogElement>) => {\n    if (!closeOnBackdrop) return;\n    if (e.target === dialogRef.current) {\n      onOpenChange?.(false);\n    }\n  };\n\n  const hostClass = [\n    'llm-drawer-host',\n    `position-${position}`,\n    `size-${size}`,\n    open && 'is-open',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <DrawerContext.Provider value={{ headerId, close: () => onOpenChange?.(false) }}>\n      <div className={hostClass}>\n        <dialog\n          ref={dialogRef}\n          aria-labelledby={headerId}\n          aria-modal=\"true\"\n          onClick={handleBackdropClick}\n        >\n          <div className=\"panel\" onClick={(e) => e.stopPropagation()}>\n            {children}\n          </div>\n        </dialog>\n      </div>\n    </DrawerContext.Provider>\n  );\n}\n\n/**\n * The header component for an LlmDrawer.\n */\nexport function LlmDrawerHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer header.\n   */\n  children?: ReactNode;\n}) {\n  const ctx = useContext(DrawerContext);\n  return (\n    <div\n      id={ctx.headerId}\n      className={['llm-drawer-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n      <button\n        className=\"close-btn\"\n        type=\"button\"\n        aria-label=\"Close drawer\"\n        onClick={ctx.close}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\n/**\n * The main content component for an LlmDrawer.\n */\nexport function LlmDrawerContent({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The main content of the drawer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['llm-drawer-content', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * The footer component for an LlmDrawer.\n */\nexport function LlmDrawerFooter({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer footer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['llm-drawer-footer', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"llm-drawer.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/llm-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useEffect,\n  useRef,\n  useId,\n  createContext,\n  useContext,\n  ReactNode,\n  HTMLAttributes,\n  MouseEvent,\n} from 'react';\nimport type { LlmDrawerSpec } from '../spec';\nimport './llm-drawer.css';\n\ninterface DrawerContextValue {\n  headerId: string;\n  close: () => void;\n}\n\nconst DrawerContext = createContext<DrawerContextValue>({\n  headerId: '',\n  close: () => undefined,\n});\n\n/**\n * Properties for the LlmDrawer component.\n */\nexport interface LlmDrawerProps extends LlmDrawerSpec {\n  /**\n   * Whether the drawer is open.\n   */\n  open?: boolean;\n  /**\n   * Callback triggered when the open state changes.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * The position of the drawer on the screen.\n   */\n  position?: 'left' | 'right' | 'top' | 'bottom';\n  /**\n   * The size of the drawer.\n   */\n  size?: 'sm' | 'md' | 'lg' | 'full';\n  /**\n   * Whether to close the drawer when clicking on the backdrop.\n   */\n  closeOnBackdrop?: boolean;\n  /**\n   * The content of the drawer.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A drawer component that slides in from the edge of the screen.\n */\nexport function LlmDrawer({\n  open = false,\n  onOpenChange,\n  position = 'right',\n  size = 'md',\n  closeOnBackdrop = true,\n  children,\n}: LlmDrawerProps) {\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  const headerId = useId();\n  const triggerElRef = useRef<Element | null>(null);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    if (open) {\n      triggerElRef.current = document.activeElement;\n      if (!dialog.open) dialog.showModal();\n    } else {\n      if (dialog.open) dialog.close();\n      (triggerElRef.current as HTMLElement | null)?.focus();\n      triggerElRef.current = null;\n    }\n  }, [open]);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n    const onClose = () => onOpenChange?.(false);\n    const onCancel = (e: Event) => {\n      e.preventDefault();\n      onOpenChange?.(false);\n    };\n    dialog.addEventListener('close', onClose);\n    dialog.addEventListener('cancel', onCancel);\n    return () => {\n      dialog.removeEventListener('close', onClose);\n      dialog.removeEventListener('cancel', onCancel);\n    };\n  }, [onOpenChange]);\n\n  const handleBackdropClick = (e: MouseEvent<HTMLDialogElement>) => {\n    if (!closeOnBackdrop) return;\n    if (e.target === dialogRef.current) {\n      onOpenChange?.(false);\n    }\n  };\n\n  const hostClass = [\n    'llm-drawer-host',\n    `position-${position}`,\n    `size-${size}`,\n    open && 'is-open',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <DrawerContext.Provider value={{ headerId, close: () => onOpenChange?.(false) }}>\n      <div className={hostClass}>\n        <dialog\n          ref={dialogRef}\n          aria-labelledby={headerId}\n          aria-modal=\"true\"\n          onClick={handleBackdropClick}\n        >\n          <div className=\"panel\" onClick={(e) => e.stopPropagation()}>\n            {children}\n          </div>\n        </dialog>\n      </div>\n    </DrawerContext.Provider>\n  );\n}\n\n/**\n * The header component for an LlmDrawer.\n */\nexport function LlmDrawerHeader({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer header.\n   */\n  children?: ReactNode;\n}) {\n  const ctx = useContext(DrawerContext);\n  return (\n    <div\n      id={ctx.headerId}\n      className={['llm-drawer-header', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n      <button\n        className=\"close-btn\"\n        type=\"button\"\n        aria-label=\"Close drawer\"\n        onClick={ctx.close}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"14\"\n          height=\"14\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2.5\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n          <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\n/**\n * The main content component for an LlmDrawer.\n */\nexport function LlmDrawerContent({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The main content of the drawer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['llm-drawer-content', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * The footer component for an LlmDrawer.\n */\nexport function LlmDrawerFooter({\n  children,\n  className,\n  ...rest\n}: HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The content of the drawer footer.\n   */\n  children?: ReactNode;\n}) {\n  return (\n    <div\n      className={['llm-drawer-footer', className].filter(Boolean).join(' ')}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"]}

package/src/lib/input/llm-input.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-import type { LlmInputSpec } from '@atelier-ui/spec';
+import type { LlmInputSpec } from '../spec';
 import './llm-input.css';
 /**
  * Properties for the LlmInput component.

package/src/lib/input/llm-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-input.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/llm-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACtE,YAAY;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,aAAa,2CAgDf"}
+{"version":3,"file":"llm-input.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/llm-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,EACtE,YAAY;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAa,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,aAAa,2CAgDf"}

package/src/lib/input/llm-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-input.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/llm-input.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAsCzB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACO;IACd,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,OAAO,GACX,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG;QACd,WAAW;QACX,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,KAAK,IAAI,gBAAO,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EAClD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,sBAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACrD,IAAI,GACR,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,eAAY,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { InputHTMLAttributes } from 'react';\nimport type { LlmInputSpec } from '@atelier-ui/spec';\nimport './llm-input.css';\n\n/**\n * Properties for the LlmInput component.\n */\nexport interface LlmInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'>,\n    LlmInputSpec {\n  /**\n   * The type of input to render.\n   */\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  /**\n   * The current value of the input.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Whether the input is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The label for the input.\n   */\n  label?: string;\n  /**\n   * Whether the input is read-only.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * A versatile input component for text entry.\n */\nexport function LlmInput({\n  type = 'text',\n  value,\n  onChange,\n  onValueChange,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  label,\n  className,\n  id,\n  ...rest\n}: LlmInputProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const inputId =\n    id || (label ? `input-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n  const classes = [\n    'llm-input',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e);\n    onValueChange?.(e.target.value);\n  };\n\n  const errorId = inputId ? `${inputId}-errors` : undefined;\n\n  return (\n    <div className={classes}>\n      {label && <label htmlFor={inputId}>{label}</label>}\n      <input\n        id={inputId}\n        type={type}\n        value={value}\n        onChange={handleChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={invalid || undefined}\n        aria-required={required || undefined}\n        aria-describedby={errors.length > 0 ? errorId : undefined}\n        {...rest}\n      />\n      {errors.length > 0 && (\n        <div className=\"errors\" id={errorId} aria-live=\"polite\">\n          {errors.map((err, i) => (\n            <p key={i} className=\"error-message\">\n              {err}\n            </p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"llm-input.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/input/llm-input.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAsCzB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACO;IACd,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,OAAO,GACX,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAClF,MAAM,OAAO,GAAG;QACd,WAAW;QACX,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC;QACd,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,KAAK,IAAI,gBAAO,OAAO,EAAE,OAAO,YAAG,KAAK,GAAS,EAClD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,sBAClB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,KACrD,IAAI,GACR,EACD,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,OAAO,eAAY,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { InputHTMLAttributes } from 'react';\nimport type { LlmInputSpec } from '../spec';\nimport './llm-input.css';\n\n/**\n * Properties for the LlmInput component.\n */\nexport interface LlmInputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'readOnly'>,\n    LlmInputSpec {\n  /**\n   * The type of input to render.\n   */\n  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n  /**\n   * The current value of the input.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Whether the input is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The label for the input.\n   */\n  label?: string;\n  /**\n   * Whether the input is read-only.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * A versatile input component for text entry.\n */\nexport function LlmInput({\n  type = 'text',\n  value,\n  onChange,\n  onValueChange,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  label,\n  className,\n  id,\n  ...rest\n}: LlmInputProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const inputId =\n    id || (label ? `input-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n  const classes = [\n    'llm-input',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange?.(e);\n    onValueChange?.(e.target.value);\n  };\n\n  const errorId = inputId ? `${inputId}-errors` : undefined;\n\n  return (\n    <div className={classes}>\n      {label && <label htmlFor={inputId}>{label}</label>}\n      <input\n        id={inputId}\n        type={type}\n        value={value}\n        onChange={handleChange}\n        disabled={disabled}\n        readOnly={readOnly}\n        required={required}\n        aria-invalid={invalid || undefined}\n        aria-required={required || undefined}\n        aria-describedby={errors.length > 0 ? errorId : undefined}\n        {...rest}\n      />\n      {errors.length > 0 && (\n        <div className=\"errors\" id={errorId} aria-live=\"polite\">\n          {errors.map((err, i) => (\n            <p key={i} className=\"error-message\">\n              {err}\n            </p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/src/lib/menu/llm-menu.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes, RefObject } from 'react';
-import type { LlmMenuSpec, LlmMenuItemSpec } from '@atelier-ui/spec';
+import type { LlmMenuSpec, LlmMenuItemSpec } from '../spec';
 import './llm-menu.css';
 /**
  * Properties for the LlmMenu component.

package/src/lib/menu/llm-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAQxB;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAO1F;AAED;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACvC,eAAe;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAE/B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACpC,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4CrE"}
+{"version":3,"file":"llm-menu.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,eAAe,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAQxB;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW;IAC/E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAO1F;AAED;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACvC,eAAe;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyBlB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,4CAE/B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;KACpC,KAAK,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA4CrE"}

package/src/lib/menu/llm-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-menu.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useRef,\n  useState,\n  useEffect,\n  ReactNode,\n  HTMLAttributes,\n  RefObject,\n} from 'react';\nimport type {\n  LlmMenuSpec,\n  LlmMenuItemSpec,\n} from '@atelier-ui/spec';\nimport './llm-menu.css';\n\ninterface MenuContextValue {\n  close: () => void;\n}\n\nconst MenuContext = createContext<MenuContextValue>({ close: () => undefined });\n\n/**\n * Properties for the LlmMenu component.\n */\nexport interface LlmMenuProps extends HTMLAttributes<HTMLDivElement>, LlmMenuSpec {\n  /**\n   * The visual style variant of the menu.\n   */\n  variant?: 'default' | 'compact';\n  /**\n   * The menu items to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A menu component for displaying a list of choices.\n */\nexport function LlmMenu({ variant = 'default', children, className, ...rest }: LlmMenuProps) {\n  const classes = ['llm-menu', `variant-${variant}`, className].filter(Boolean).join(' ');\n  return (\n    <div className={classes} role=\"menu\" {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Properties for the LlmMenuItem component.\n */\nexport interface LlmMenuItemProps\n  extends HTMLAttributes<HTMLButtonElement>,\n    LlmMenuItemSpec {\n  /**\n   * Whether the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Callback triggered when the item is selected.\n   */\n  onTriggered?: () => void;\n  /**\n   * The content of the menu item.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual item within a menu.\n */\nexport function LlmMenuItem({\n  disabled = false,\n  onTriggered,\n  children,\n  className,\n  onClick,\n  ...rest\n}: LlmMenuItemProps) {\n  const ctx = useContext(MenuContext);\n  const classes = ['llm-menu-item', disabled && 'is-disabled', className]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n      onTriggered?.();\n      ctx.close();\n      onClick?.(e);\n    }\n  };\n\n  return (\n    <button\n      className={classes}\n      role=\"menuitem\"\n      disabled={disabled}\n      onClick={handleClick}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\n/**\n * A separator for dividing groups of menu items.\n */\nexport function LlmMenuSeparator() {\n  return <hr className=\"llm-menu-separator\" />;\n}\n\n/**\n * Properties for the LlmMenuTrigger component.\n */\nexport interface LlmMenuTriggerProps {\n  /**\n   * The menu to be displayed.\n   */\n  menu: ReactNode;\n  /**\n   * Render prop that provides trigger functionality.\n   */\n  children: (props: {\n    onClick: () => void;\n    ref: RefObject<HTMLElement | null>;\n  }) => ReactNode;\n}\n\n/**\n * A component that manages the state of a menu and its trigger.\n */\nexport function LlmMenuTrigger({ menu, children }: LlmMenuTriggerProps) {\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n\n    const handleOutsideClick = (e: MouseEvent) => {\n      if (\n        !menuRef.current?.contains(e.target as Node) &&\n        !triggerRef.current?.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    const handleKeyDown = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n\n    document.addEventListener('mousedown', handleOutsideClick);\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [open]);\n\n  return (\n    <MenuContext.Provider value={{ close: () => setOpen(false) }}>\n      <div\n        className=\"llm-menu-trigger-wrapper\"\n        style={{ position: 'relative', display: 'inline-block' }}\n      >\n        {children({ onClick: () => setOpen((v) => !v), ref: triggerRef })}\n        {open && (\n          <div ref={menuRef} className=\"llm-menu-panel\">\n            {menu}\n          </div>\n        )}\n      </div>\n    </MenuContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"llm-menu.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/menu/llm-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useContext,\n  useRef,\n  useState,\n  useEffect,\n  ReactNode,\n  HTMLAttributes,\n  RefObject,\n} from 'react';\nimport type {\n  LlmMenuSpec,\n  LlmMenuItemSpec,\n} from '../spec';\nimport './llm-menu.css';\n\ninterface MenuContextValue {\n  close: () => void;\n}\n\nconst MenuContext = createContext<MenuContextValue>({ close: () => undefined });\n\n/**\n * Properties for the LlmMenu component.\n */\nexport interface LlmMenuProps extends HTMLAttributes<HTMLDivElement>, LlmMenuSpec {\n  /**\n   * The visual style variant of the menu.\n   */\n  variant?: 'default' | 'compact';\n  /**\n   * The menu items to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A menu component for displaying a list of choices.\n */\nexport function LlmMenu({ variant = 'default', children, className, ...rest }: LlmMenuProps) {\n  const classes = ['llm-menu', `variant-${variant}`, className].filter(Boolean).join(' ');\n  return (\n    <div className={classes} role=\"menu\" {...rest}>\n      {children}\n    </div>\n  );\n}\n\n/**\n * Properties for the LlmMenuItem component.\n */\nexport interface LlmMenuItemProps\n  extends HTMLAttributes<HTMLButtonElement>,\n    LlmMenuItemSpec {\n  /**\n   * Whether the menu item is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Callback triggered when the item is selected.\n   */\n  onTriggered?: () => void;\n  /**\n   * The content of the menu item.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual item within a menu.\n */\nexport function LlmMenuItem({\n  disabled = false,\n  onTriggered,\n  children,\n  className,\n  onClick,\n  ...rest\n}: LlmMenuItemProps) {\n  const ctx = useContext(MenuContext);\n  const classes = ['llm-menu-item', disabled && 'is-disabled', className]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    if (!disabled) {\n      onTriggered?.();\n      ctx.close();\n      onClick?.(e);\n    }\n  };\n\n  return (\n    <button\n      className={classes}\n      role=\"menuitem\"\n      disabled={disabled}\n      onClick={handleClick}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\n/**\n * A separator for dividing groups of menu items.\n */\nexport function LlmMenuSeparator() {\n  return <hr className=\"llm-menu-separator\" />;\n}\n\n/**\n * Properties for the LlmMenuTrigger component.\n */\nexport interface LlmMenuTriggerProps {\n  /**\n   * The menu to be displayed.\n   */\n  menu: ReactNode;\n  /**\n   * Render prop that provides trigger functionality.\n   */\n  children: (props: {\n    onClick: () => void;\n    ref: RefObject<HTMLElement | null>;\n  }) => ReactNode;\n}\n\n/**\n * A component that manages the state of a menu and its trigger.\n */\nexport function LlmMenuTrigger({ menu, children }: LlmMenuTriggerProps) {\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLElement>(null);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!open) return;\n\n    const handleOutsideClick = (e: MouseEvent) => {\n      if (\n        !menuRef.current?.contains(e.target as Node) &&\n        !triggerRef.current?.contains(e.target as Node)\n      ) {\n        setOpen(false);\n      }\n    };\n\n    const handleKeyDown = (e: globalThis.KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n\n    document.addEventListener('mousedown', handleOutsideClick);\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [open]);\n\n  return (\n    <MenuContext.Provider value={{ close: () => setOpen(false) }}>\n      <div\n        className=\"llm-menu-trigger-wrapper\"\n        style={{ position: 'relative', display: 'inline-block' }}\n      >\n        {children({ onClick: () => setOpen((v) => !v), ref: triggerRef })}\n        {open && (\n          <div ref={menuRef} className=\"llm-menu-panel\">\n            {menu}\n          </div>\n        )}\n      </div>\n    </MenuContext.Provider>\n  );\n}\n"]}

package/src/lib/pagination/llm-pagination.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import type { LlmPaginationSpec } from '@atelier-ui/spec';
+import type { LlmPaginationSpec } from '../spec';
 import './llm-pagination.css';
 /**
  * Properties for the LlmPagination component.

package/src/lib/pagination/llm-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-pagination.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/pagination/llm-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,sBAAsB,CAAC;AAsC9B;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,EACnD,iBAAiB;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAQ,EACR,SAAa,EACb,YAAgB,EAChB,aAAoB,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAmGpB"}
+{"version":3,"file":"llm-pagination.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/pagination/llm-pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,sBAAsB,CAAC;AAsC9B;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,EACnD,iBAAiB;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAQ,EACR,SAAa,EACb,YAAgB,EAChB,aAAoB,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAmGpB"}

package/src/lib/pagination/llm-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-pagination.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/pagination/llm-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HTMLAttributes, useMemo } from 'react';\nimport type { LlmPaginationSpec } from '@atelier-ui/spec';\nimport './llm-pagination.css';\n\ntype PageItem =\n  | { type: 'page'; page: number }\n  | { type: 'ellipsis'; key: string };\n\nfunction buildPageItems(page: number, pageCount: number, siblingCount: number): PageItem[] {\n  if (pageCount <= 1) return [{ type: 'page', page: 1 }];\n\n  const items: PageItem[] = [];\n\n  // Always include first page\n  items.push({ type: 'page', page: 1 });\n\n  const left = Math.max(2, page - siblingCount);\n  const right = Math.min(pageCount - 1, page + siblingCount);\n\n  // Left ellipsis\n  if (left > 2) {\n    items.push({ type: 'ellipsis', key: 'ellipsis-start' });\n  }\n\n  // Middle pages\n  for (let p = left; p <= right; p++) {\n    items.push({ type: 'page', page: p });\n  }\n\n  // Right ellipsis\n  if (right < pageCount - 1) {\n    items.push({ type: 'ellipsis', key: 'ellipsis-end' });\n  }\n\n  // Always include last page\n  items.push({ type: 'page', page: pageCount });\n\n  return items;\n}\n\n/**\n * Properties for the LlmPagination component.\n */\nexport interface LlmPaginationProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>,\n    LlmPaginationSpec {\n  /**\n   * The currently active page.\n   */\n  page?: number;\n  /**\n   * The total number of pages.\n   */\n  pageCount?: number;\n  /**\n   * The number of pages to show on either side of the current page.\n   */\n  siblingCount?: number;\n  /**\n   * Whether to show buttons for first and last pages.\n   */\n  showFirstLast?: boolean;\n  /**\n   * Callback triggered when the page changes.\n   */\n  onPageChange?: (page: number) => void;\n}\n\n/**\n * A pagination component for navigating through paged content.\n */\nexport function LlmPagination({\n  page = 1,\n  pageCount = 1,\n  siblingCount = 1,\n  showFirstLast = true,\n  onPageChange,\n  className,\n  ...rest\n}: LlmPaginationProps) {\n  const classes = ['llm-pagination', className].filter(Boolean).join(' ');\n\n  const pageItems = useMemo(\n    () => buildPageItems(page, pageCount, siblingCount),\n    [page, pageCount, siblingCount]\n  );\n\n  const goTo = (p: number) => {\n    const clamped = Math.min(Math.max(p, 1), pageCount);\n    if (clamped !== page) {\n      onPageChange?.(clamped);\n    }\n  };\n\n  return (\n    <nav className={classes} aria-label=\"Pagination\" {...rest}>\n      <ul className=\"page-list\">\n        {showFirstLast && (\n          <li>\n            <button\n              className={['page-btn', page <= 1 ? 'is-disabled' : ''].filter(Boolean).join(' ')}\n              disabled={page <= 1}\n              aria-label=\"First page\"\n              onClick={() => goTo(1)}\n            >\n              «\n            </button>\n          </li>\n        )}\n        <li>\n          <button\n            className={['page-btn', page <= 1 ? 'is-disabled' : ''].filter(Boolean).join(' ')}\n            disabled={page <= 1}\n            aria-label=\"Previous page\"\n            onClick={() => goTo(page - 1)}\n          >\n            ‹\n          </button>\n        </li>\n\n        {pageItems.map((item, index) =>\n          item.type === 'page' ? (\n            <li key={item.page}>\n              <button\n                className={['page-btn', item.page === page ? 'is-active' : '']\n                  .filter(Boolean)\n                  .join(' ')}\n                aria-current={item.page === page ? 'page' : undefined}\n                aria-label={`Page ${item.page}`}\n                onClick={() => goTo(item.page)}\n              >\n                {item.page}\n              </button>\n            </li>\n          ) : (\n            <li key={item.key}>\n              <span className=\"ellipsis\" aria-hidden=\"true\">\n                …\n              </span>\n            </li>\n          )\n        )}\n\n        <li>\n          <button\n            className={[\n              'page-btn',\n              page >= pageCount ? 'is-disabled' : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            disabled={page >= pageCount}\n            aria-label=\"Next page\"\n            onClick={() => goTo(page + 1)}\n          >\n            ›\n          </button>\n        </li>\n        {showFirstLast && (\n          <li>\n            <button\n              className={[\n                'page-btn',\n                page >= pageCount ? 'is-disabled' : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              disabled={page >= pageCount}\n              aria-label=\"Last page\"\n              onClick={() => goTo(pageCount)}\n            >\n              »\n            </button>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}
+{"version":3,"file":"llm-pagination.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/pagination/llm-pagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HTMLAttributes, useMemo } from 'react';\nimport type { LlmPaginationSpec } from '../spec';\nimport './llm-pagination.css';\n\ntype PageItem =\n  | { type: 'page'; page: number }\n  | { type: 'ellipsis'; key: string };\n\nfunction buildPageItems(page: number, pageCount: number, siblingCount: number): PageItem[] {\n  if (pageCount <= 1) return [{ type: 'page', page: 1 }];\n\n  const items: PageItem[] = [];\n\n  // Always include first page\n  items.push({ type: 'page', page: 1 });\n\n  const left = Math.max(2, page - siblingCount);\n  const right = Math.min(pageCount - 1, page + siblingCount);\n\n  // Left ellipsis\n  if (left > 2) {\n    items.push({ type: 'ellipsis', key: 'ellipsis-start' });\n  }\n\n  // Middle pages\n  for (let p = left; p <= right; p++) {\n    items.push({ type: 'page', page: p });\n  }\n\n  // Right ellipsis\n  if (right < pageCount - 1) {\n    items.push({ type: 'ellipsis', key: 'ellipsis-end' });\n  }\n\n  // Always include last page\n  items.push({ type: 'page', page: pageCount });\n\n  return items;\n}\n\n/**\n * Properties for the LlmPagination component.\n */\nexport interface LlmPaginationProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange'>,\n    LlmPaginationSpec {\n  /**\n   * The currently active page.\n   */\n  page?: number;\n  /**\n   * The total number of pages.\n   */\n  pageCount?: number;\n  /**\n   * The number of pages to show on either side of the current page.\n   */\n  siblingCount?: number;\n  /**\n   * Whether to show buttons for first and last pages.\n   */\n  showFirstLast?: boolean;\n  /**\n   * Callback triggered when the page changes.\n   */\n  onPageChange?: (page: number) => void;\n}\n\n/**\n * A pagination component for navigating through paged content.\n */\nexport function LlmPagination({\n  page = 1,\n  pageCount = 1,\n  siblingCount = 1,\n  showFirstLast = true,\n  onPageChange,\n  className,\n  ...rest\n}: LlmPaginationProps) {\n  const classes = ['llm-pagination', className].filter(Boolean).join(' ');\n\n  const pageItems = useMemo(\n    () => buildPageItems(page, pageCount, siblingCount),\n    [page, pageCount, siblingCount]\n  );\n\n  const goTo = (p: number) => {\n    const clamped = Math.min(Math.max(p, 1), pageCount);\n    if (clamped !== page) {\n      onPageChange?.(clamped);\n    }\n  };\n\n  return (\n    <nav className={classes} aria-label=\"Pagination\" {...rest}>\n      <ul className=\"page-list\">\n        {showFirstLast && (\n          <li>\n            <button\n              className={['page-btn', page <= 1 ? 'is-disabled' : ''].filter(Boolean).join(' ')}\n              disabled={page <= 1}\n              aria-label=\"First page\"\n              onClick={() => goTo(1)}\n            >\n              «\n            </button>\n          </li>\n        )}\n        <li>\n          <button\n            className={['page-btn', page <= 1 ? 'is-disabled' : ''].filter(Boolean).join(' ')}\n            disabled={page <= 1}\n            aria-label=\"Previous page\"\n            onClick={() => goTo(page - 1)}\n          >\n            ‹\n          </button>\n        </li>\n\n        {pageItems.map((item, index) =>\n          item.type === 'page' ? (\n            <li key={item.page}>\n              <button\n                className={['page-btn', item.page === page ? 'is-active' : '']\n                  .filter(Boolean)\n                  .join(' ')}\n                aria-current={item.page === page ? 'page' : undefined}\n                aria-label={`Page ${item.page}`}\n                onClick={() => goTo(item.page)}\n              >\n                {item.page}\n              </button>\n            </li>\n          ) : (\n            <li key={item.key}>\n              <span className=\"ellipsis\" aria-hidden=\"true\">\n                …\n              </span>\n            </li>\n          )\n        )}\n\n        <li>\n          <button\n            className={[\n              'page-btn',\n              page >= pageCount ? 'is-disabled' : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            disabled={page >= pageCount}\n            aria-label=\"Next page\"\n            onClick={() => goTo(page + 1)}\n          >\n            ›\n          </button>\n        </li>\n        {showFirstLast && (\n          <li>\n            <button\n              className={[\n                'page-btn',\n                page >= pageCount ? 'is-disabled' : '',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n              disabled={page >= pageCount}\n              aria-label=\"Last page\"\n              onClick={() => goTo(pageCount)}\n            >\n              »\n            </button>\n          </li>\n        )}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/src/lib/progress/llm-progress.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import type { LlmProgressSpec } from '@atelier-ui/spec';
+import type { LlmProgressSpec } from '../spec';
 import './llm-progress.css';
 /**
  * Properties for the LlmProgress component.

package/src/lib/progress/llm-progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-progress.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/progress/llm-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAS,EACT,GAAS,EACT,OAAmB,EACnB,IAAW,EACX,aAAqB,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA0BlB"}
+{"version":3,"file":"llm-progress.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/progress/llm-progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACvD;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAS,EACT,GAAS,EACT,OAAmB,EACnB,IAAW,EACX,aAAqB,EACrB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA0BlB"}

package/src/lib/progress/llm-progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-progress.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/progress/llm-progress.tsx"],"names":[],"mappings":";AAEA,OAAO,oBAAoB,CAAC;AA8B5B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,GAAG,IAAI,EACU;IACjB,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;IAE5E,MAAM,OAAO,GAAG;QACd,cAAc;QACd,WAAW,OAAO,EAAE;QACpB,QAAQ,IAAI,EAAE;QACd,aAAa,IAAI,kBAAkB;QACnC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,cACE,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,mBACxC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAC1C,IAAI,YAER,cAAK,SAAS,EAAC,OAAO,YACpB,cAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,GACjD,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes } from 'react';\nimport type { LlmProgressSpec } from '@atelier-ui/spec';\nimport './llm-progress.css';\n\n/**\n * Properties for the LlmProgress component.\n */\nexport interface LlmProgressProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmProgressSpec {\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The maximum progress value.\n   */\n  max?: number;\n  /**\n   * The visual style variant of the progress bar.\n   */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /**\n   * The size of the progress bar.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Whether the progress bar is in an indeterminate state.\n   */\n  indeterminate?: boolean;\n}\n\n/**\n * A progress bar component for displaying task progress.\n */\nexport function LlmProgress({\n  value = 0,\n  max = 100,\n  variant = 'default',\n  size = 'md',\n  indeterminate = false,\n  className,\n  ...rest\n}: LlmProgressProps) {\n  const clampedValue = Math.min(Math.max(value, 0), max);\n  const fillWidth = indeterminate ? '100%' : `${(clampedValue / max) * 100}%`;\n\n  const classes = [\n    'llm-progress',\n    `variant-${variant}`,\n    `size-${size}`,\n    indeterminate && 'is-indeterminate',\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : clampedValue}\n      aria-valuemax={indeterminate ? undefined : max}\n      {...rest}\n    >\n      <div className=\"track\">\n        <div className=\"fill\" style={{ width: fillWidth }} />\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"llm-progress.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/progress/llm-progress.tsx"],"names":[],"mappings":";AAEA,OAAO,oBAAoB,CAAC;AA8B5B;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,KAAK,EACrB,SAAS,EACT,GAAG,IAAI,EACU;IACjB,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;IAE5E,MAAM,OAAO,GAAG;QACd,cAAc;QACd,WAAW,OAAO,EAAE;QACpB,QAAQ,IAAI,EAAE;QACd,aAAa,IAAI,kBAAkB;QACnC,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,cACE,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,CAAC,mBACD,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,mBACxC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAC1C,IAAI,YAER,cAAK,SAAS,EAAC,OAAO,YACpB,cAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,GACjD,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { HTMLAttributes } from 'react';\nimport type { LlmProgressSpec } from '../spec';\nimport './llm-progress.css';\n\n/**\n * Properties for the LlmProgress component.\n */\nexport interface LlmProgressProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmProgressSpec {\n  /**\n   * The current progress value.\n   */\n  value?: number;\n  /**\n   * The maximum progress value.\n   */\n  max?: number;\n  /**\n   * The visual style variant of the progress bar.\n   */\n  variant?: 'default' | 'success' | 'warning' | 'danger';\n  /**\n   * The size of the progress bar.\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Whether the progress bar is in an indeterminate state.\n   */\n  indeterminate?: boolean;\n}\n\n/**\n * A progress bar component for displaying task progress.\n */\nexport function LlmProgress({\n  value = 0,\n  max = 100,\n  variant = 'default',\n  size = 'md',\n  indeterminate = false,\n  className,\n  ...rest\n}: LlmProgressProps) {\n  const clampedValue = Math.min(Math.max(value, 0), max);\n  const fillWidth = indeterminate ? '100%' : `${(clampedValue / max) * 100}%`;\n\n  const classes = [\n    'llm-progress',\n    `variant-${variant}`,\n    `size-${size}`,\n    indeterminate && 'is-indeterminate',\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={classes}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuenow={indeterminate ? undefined : clampedValue}\n      aria-valuemax={indeterminate ? undefined : max}\n      {...rest}\n    >\n      <div className=\"track\">\n        <div className=\"fill\" style={{ width: fillWidth }} />\n      </div>\n    </div>\n  );\n}\n"]}

package/src/lib/radio/llm-radio.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import type { LlmRadioSpec } from '@atelier-ui/spec';
+import type { LlmRadioSpec } from '../spec';
 import './llm-radio.css';
 /**
  * Properties for the LlmRadio component.

package/src/lib/radio/llm-radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-radio.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio/llm-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA+BjF"}
+{"version":3,"file":"llm-radio.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio/llm-radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAgB,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA+BjF"}

package/src/lib/radio/llm-radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-radio.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio/llm-radio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,iBAAiB,CAAC;AAoBzB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAiB;IAChF,MAAM,GAAG,GAAG,aAAa,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;IAC5C,MAAM,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC;IAChC,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,KAAK,UAAU,CAAC;IAE3C,MAAM,OAAO,GAAG;QACd,WAAW;QACX,UAAU,IAAI,aAAa;QAC3B,UAAU,IAAI,aAAa;QAC3B,SAAS,IAAI,YAAY;QACzB,GAAG,CAAC,OAAO,IAAI,YAAY;KAC5B;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,iBAAO,SAAS,EAAE,OAAO,aACvB,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,SAAS,EAC3B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,EACtE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAC1B,EACD,QAAQ,IAAI,eAAM,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAQ,IACrD,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { ReactNode } from 'react';\nimport type { LlmRadioSpec } from '@atelier-ui/spec';\nimport { useRadioGroup } from '../radio-group/llm-radio-group';\nimport './llm-radio.css';\n\n/**\n * Properties for the LlmRadio component.\n */\nexport interface LlmRadioProps extends LlmRadioSpec {\n  /**\n   * The value of the radio button.\n   */\n  radioValue: string;\n  /**\n   * Whether the radio button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The content to be rendered as the label for the radio button.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual radio button component, meant to be used within LlmRadioGroup.\n */\nexport function LlmRadio({ radioValue, disabled = false, children }: LlmRadioProps) {\n  const ctx = useRadioGroup();\n  const isDisabled = disabled || ctx.disabled;\n  const isReadOnly = ctx.readOnly;\n  const isChecked = ctx.value === radioValue;\n\n  const classes = [\n    'llm-radio',\n    isDisabled && 'is-disabled',\n    isReadOnly && 'is-readonly',\n    isChecked && 'is-checked',\n    ctx.invalid && 'is-invalid',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={classes}>\n      <input\n        type=\"radio\"\n        name={ctx.name || undefined}\n        value={radioValue}\n        checked={isChecked}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        onChange={() => !isDisabled && !isReadOnly && ctx.onSelect(radioValue)}\n        onBlur={() => ctx.onBlur()}\n      />\n      {children && <span className=\"radio-text\">{children}</span>}\n    </label>\n  );\n}\n"]}
+{"version":3,"file":"llm-radio.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio/llm-radio.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,iBAAiB,CAAC;AAoBzB;;GAEG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAiB;IAChF,MAAM,GAAG,GAAG,aAAa,EAAE,CAAC;IAC5B,MAAM,UAAU,GAAG,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC;IAC5C,MAAM,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC;IAChC,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,KAAK,UAAU,CAAC;IAE3C,MAAM,OAAO,GAAG;QACd,WAAW;QACX,UAAU,IAAI,aAAa;QAC3B,UAAU,IAAI,aAAa;QAC3B,SAAS,IAAI,YAAY;QACzB,GAAG,CAAC,OAAO,IAAI,YAAY;KAC5B;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,iBAAO,SAAS,EAAE,OAAO,aACvB,gBACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,GAAG,CAAC,IAAI,IAAI,SAAS,EAC3B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,EACtE,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,GAC1B,EACD,QAAQ,IAAI,eAAM,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAQ,IACrD,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { ReactNode } from 'react';\nimport type { LlmRadioSpec } from '../spec';\nimport { useRadioGroup } from '../radio-group/llm-radio-group';\nimport './llm-radio.css';\n\n/**\n * Properties for the LlmRadio component.\n */\nexport interface LlmRadioProps extends LlmRadioSpec {\n  /**\n   * The value of the radio button.\n   */\n  radioValue: string;\n  /**\n   * Whether the radio button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The content to be rendered as the label for the radio button.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual radio button component, meant to be used within LlmRadioGroup.\n */\nexport function LlmRadio({ radioValue, disabled = false, children }: LlmRadioProps) {\n  const ctx = useRadioGroup();\n  const isDisabled = disabled || ctx.disabled;\n  const isReadOnly = ctx.readOnly;\n  const isChecked = ctx.value === radioValue;\n\n  const classes = [\n    'llm-radio',\n    isDisabled && 'is-disabled',\n    isReadOnly && 'is-readonly',\n    isChecked && 'is-checked',\n    ctx.invalid && 'is-invalid',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <label className={classes}>\n      <input\n        type=\"radio\"\n        name={ctx.name || undefined}\n        value={radioValue}\n        checked={isChecked}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        onChange={() => !isDisabled && !isReadOnly && ctx.onSelect(radioValue)}\n        onBlur={() => ctx.onBlur()}\n      />\n      {children && <span className=\"radio-text\">{children}</span>}\n    </label>\n  );\n}\n"]}

package/src/lib/radio-group/llm-radio-group.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-import type { LlmRadioGroupSpec } from '@atelier-ui/spec';
+import type { LlmRadioGroupSpec } from '../spec';
 import './llm-radio-group.css';
 /**
  * Interface for the RadioGroup context.

package/src/lib/radio-group/llm-radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio-group/llm-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,iDAQ5B,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC3D,iBAAiB;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,aAAa,EACb,WAAwB,EACxB,IAAS,EACT,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAe,EACf,QAAgB,EAChB,MAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA6CpB;AAED,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD"}
+{"version":3,"file":"llm-radio-group.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio-group/llm-radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,iDAQ5B,CAAC;AAEH;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC3D,iBAAiB;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAU,EACV,aAAa,EACb,WAAwB,EACxB,IAAS,EACT,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAe,EACf,QAAgB,EAChB,MAAW,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CA6CpB;AAED,wBAAgB,aAAa,IAAI,sBAAsB,CAEtD"}

package/src/lib/radio-group/llm-radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-radio-group.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio-group/llm-radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkC,MAAM,OAAO,CAAC;AAElF,OAAO,uBAAuB,CAAC;AAoC/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IACrE,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;CACxB,CAAC,CAAC;AAkDH;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,GAAG,EAAE,EACV,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACY;IACnB,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,OAAO,GAAG;QACd,iBAAiB;QACjB,eAAe,WAAW,EAAE;QAC5B,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,KAAK;YACL,IAAI;YACJ,QAAQ;YACR,QAAQ;YACR,OAAO;YACP,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC;YAC7D,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;SACxB,YAED,eACE,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,YAAY,kBACH,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,KAChC,IAAI,aAEP,QAAQ,EACR,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,eAAW,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,GACqB,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC","sourcesContent":["import { createContext, useContext, InputHTMLAttributes, ReactNode } from 'react';\nimport type { LlmRadioGroupSpec } from '@atelier-ui/spec';\nimport './llm-radio-group.css';\n\n/**\n * Interface for the RadioGroup context.\n */\nexport interface RadioGroupContextValue {\n  /**\n   * The currently selected value.\n   */\n  value: string;\n  /**\n   * The name of the radio group.\n   */\n  name: string;\n  /**\n   * Whether the entire radio group is disabled.\n   */\n  disabled: boolean;\n  /**\n   * Whether the entire radio group is read-only.\n   */\n  readOnly: boolean;\n  /**\n   * Whether the radio group is in an invalid state.\n   */\n  invalid: boolean;\n  /**\n   * Callback to select a value.\n   */\n  onSelect: (value: string) => void;\n  /**\n   * Callback triggered on blur.\n   */\n  onBlur: () => void;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>({\n  value: '',\n  name: '',\n  disabled: false,\n  readOnly: false,\n  invalid: false,\n  onSelect: () => undefined,\n  onBlur: () => undefined,\n});\n\n/**\n * Properties for the LlmRadioGroup component.\n */\nexport interface LlmRadioGroupProps\n  extends Omit<InputHTMLAttributes<HTMLDivElement>, 'onChange'>,\n    LlmRadioGroupSpec {\n  /**\n   * The current value of the radio group.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * The layout orientation of the radio group.\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * The name of the radio group, applied to all child radio buttons.\n   */\n  name?: string;\n  /**\n   * Whether the radio group is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Whether the radio group is read-only.\n   */\n  readOnly?: boolean;\n  /**\n   * Whether the radio group is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Whether a value is required.\n   */\n  required?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The radio buttons to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A group of radio buttons.\n */\nexport function LlmRadioGroup({\n  value = '',\n  onValueChange,\n  orientation = 'vertical',\n  name = '',\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  invalid = false,\n  required = false,\n  errors = [],\n  children,\n  className,\n  ...rest\n}: LlmRadioGroupProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const classes = [\n    'llm-radio-group',\n    `orientation-${orientation}`,\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        value,\n        name,\n        disabled,\n        readOnly,\n        invalid,\n        onSelect: (v) => !disabled && !readOnly && onValueChange?.(v),\n        onBlur: () => undefined,\n      }}\n    >\n      <div\n        className={classes}\n        role=\"radiogroup\"\n        aria-invalid={invalid || undefined}\n        aria-required={required || undefined}\n        {...rest}\n      >\n        {children}\n        {errors.length > 0 && (\n          <div className=\"errors\" role=\"alert\" aria-live=\"polite\">\n            {errors.map((err, i) => (\n              <p key={i} className=\"error-message\">\n                {err}\n              </p>\n            ))}\n          </div>\n        )}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n}\n\nexport function useRadioGroup(): RadioGroupContextValue {\n  return useContext(RadioGroupContext);\n}\n"]}
+{"version":3,"file":"llm-radio-group.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/radio-group/llm-radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkC,MAAM,OAAO,CAAC;AAElF,OAAO,uBAAuB,CAAC;AAoC/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAyB;IACrE,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;IACzB,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;CACxB,CAAC,CAAC;AAkDH;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,GAAG,EAAE,EACV,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,IAAI,GAAG,EAAE,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,EAAE,EACX,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACY;IACnB,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,OAAO,GAAG;QACd,iBAAiB;QACjB,eAAe,WAAW,EAAE;QAC5B,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IACzB,KAAK,EAAE;YACL,KAAK;YACL,IAAI;YACJ,QAAQ;YACR,QAAQ;YACR,OAAO;YACP,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC;YAC7D,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;SACxB,YAED,eACE,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,YAAY,kBACH,OAAO,IAAI,SAAS,mBACnB,QAAQ,IAAI,SAAS,KAChC,IAAI,aAEP,QAAQ,EACR,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,eAAW,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,GACqB,CAC9B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACvC,CAAC","sourcesContent":["import { createContext, useContext, InputHTMLAttributes, ReactNode } from 'react';\nimport type { LlmRadioGroupSpec } from '../spec';\nimport './llm-radio-group.css';\n\n/**\n * Interface for the RadioGroup context.\n */\nexport interface RadioGroupContextValue {\n  /**\n   * The currently selected value.\n   */\n  value: string;\n  /**\n   * The name of the radio group.\n   */\n  name: string;\n  /**\n   * Whether the entire radio group is disabled.\n   */\n  disabled: boolean;\n  /**\n   * Whether the entire radio group is read-only.\n   */\n  readOnly: boolean;\n  /**\n   * Whether the radio group is in an invalid state.\n   */\n  invalid: boolean;\n  /**\n   * Callback to select a value.\n   */\n  onSelect: (value: string) => void;\n  /**\n   * Callback triggered on blur.\n   */\n  onBlur: () => void;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue>({\n  value: '',\n  name: '',\n  disabled: false,\n  readOnly: false,\n  invalid: false,\n  onSelect: () => undefined,\n  onBlur: () => undefined,\n});\n\n/**\n * Properties for the LlmRadioGroup component.\n */\nexport interface LlmRadioGroupProps\n  extends Omit<InputHTMLAttributes<HTMLDivElement>, 'onChange'>,\n    LlmRadioGroupSpec {\n  /**\n   * The current value of the radio group.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * The layout orientation of the radio group.\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * The name of the radio group, applied to all child radio buttons.\n   */\n  name?: string;\n  /**\n   * Whether the radio group is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Whether the radio group is read-only.\n   */\n  readOnly?: boolean;\n  /**\n   * Whether the radio group is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Whether a value is required.\n   */\n  required?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The radio buttons to be rendered.\n   */\n  children?: ReactNode;\n}\n\n/**\n * A group of radio buttons.\n */\nexport function LlmRadioGroup({\n  value = '',\n  onValueChange,\n  orientation = 'vertical',\n  name = '',\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  invalid = false,\n  required = false,\n  errors = [],\n  children,\n  className,\n  ...rest\n}: LlmRadioGroupProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const classes = [\n    'llm-radio-group',\n    `orientation-${orientation}`,\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <RadioGroupContext.Provider\n      value={{\n        value,\n        name,\n        disabled,\n        readOnly,\n        invalid,\n        onSelect: (v) => !disabled && !readOnly && onValueChange?.(v),\n        onBlur: () => undefined,\n      }}\n    >\n      <div\n        className={classes}\n        role=\"radiogroup\"\n        aria-invalid={invalid || undefined}\n        aria-required={required || undefined}\n        {...rest}\n      >\n        {children}\n        {errors.length > 0 && (\n          <div className=\"errors\" role=\"alert\" aria-live=\"polite\">\n            {errors.map((err, i) => (\n              <p key={i} className=\"error-message\">\n                {err}\n              </p>\n            ))}\n          </div>\n        )}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n}\n\nexport function useRadioGroup(): RadioGroupContextValue {\n  return useContext(RadioGroupContext);\n}\n"]}

package/src/lib/select/llm-select.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, SelectHTMLAttributes, OptionHTMLAttributes } from 'react';
-import type { LlmSelectSpec, LlmOptionSpec } from '@atelier-ui/spec';
+import type { LlmSelectSpec, LlmOptionSpec } from '../spec';
 import './llm-select.css';
 /**
  * Properties for the LlmSelect component.

package/src/lib/select/llm-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-select.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/select/llm-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACd,MAAM,kBAAkB,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACzE,aAAa;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,aAAa,EACb,WAAW,EACX,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,cAAc,2CAiDhB;AAED;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,aAAa;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAM3E"}
+{"version":3,"file":"llm-select.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/select/llm-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACd,MAAM,SAAS,CAAC;AACjB,OAAO,kBAAkB,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACzE,aAAa;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAU,EACV,aAAa,EACb,WAAW,EACX,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACR,EAAE,cAAc,2CAiDhB;AAED;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,aAAa;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAM3E"}

package/src/lib/select/llm-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-select.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/select/llm-select.tsx"],"names":[],"mappings":";AAKA,OAAO,kBAAkB,CAAC;AAsC1B;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAAG,EAAE,EACV,aAAa,EACb,WAAW,EACX,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACQ;IACf,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,QAAQ,GACZ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,KAAK,IAAI,gBAAO,OAAO,EAAE,QAAQ,YAAG,KAAK,GAAS,EACnD,eAAK,SAAS,EAAC,gBAAgB,aAC7B,kBACE,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,KAC9B,IAAI,aAEP,WAAW,IAAI,CACd,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,QAAC,MAAM,kBAC7B,WAAW,GACL,CACV,EACA,QAAQ,IACF,EACT,eAAM,SAAS,EAAC,cAAc,iBAAa,MAAM,uBAE1C,IACH,EACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,eAAW,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAkBD;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAC1E,OAAO,CACL,iBAAQ,KAAK,EAAE,WAAW,KAAM,IAAI,YACjC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { ReactNode, SelectHTMLAttributes, OptionHTMLAttributes } from 'react';\nimport type {\n  LlmSelectSpec,\n  LlmOptionSpec,\n} from '@atelier-ui/spec';\nimport './llm-select.css';\n\n/**\n * Properties for the LlmSelect component.\n */\nexport interface LlmSelectProps\n  extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'onChange'>,\n    LlmSelectSpec {\n  /**\n   * The current value of the select.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Placeholder text to display when no value is selected.\n   */\n  placeholder?: string;\n  /**\n   * Whether the select is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The label for the select.\n   */\n  label?: string;\n  /**\n   * Whether the select is read-only.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * A select component for choosing an option from a list.\n */\nexport function LlmSelect({\n  value = '',\n  onValueChange,\n  placeholder,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  label,\n  children,\n  className,\n  id,\n  ...rest\n}: LlmSelectProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const selectId =\n    id || (label ? `select-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n  const classes = [\n    'llm-select',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={classes}>\n      {label && <label htmlFor={selectId}>{label}</label>}\n      <div className=\"select-wrapper\">\n        <select\n          id={selectId}\n          value={value}\n          onChange={(e) => onValueChange?.(e.target.value)}\n          disabled={disabled}\n          required={required}\n          aria-invalid={invalid || undefined}\n          {...rest}\n        >\n          {placeholder && (\n            <option value=\"\" disabled hidden>\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </select>\n        <span className=\"select-arrow\" aria-hidden=\"true\">\n          ▾\n        </span>\n      </div>\n      {errors.length > 0 && (\n        <div className=\"errors\" role=\"alert\" aria-live=\"polite\">\n          {errors.map((err, i) => (\n            <p key={i} className=\"error-message\">\n              {err}\n            </p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Properties for the LlmOption component.\n */\nexport interface LlmOptionProps\n  extends OptionHTMLAttributes<HTMLOptionElement>,\n    LlmOptionSpec {\n  /**\n   * The value of the option.\n   */\n  optionValue: string;\n  /**\n   * The content to be rendered inside the option.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual option component for use within LlmSelect.\n */\nexport function LlmOption({ optionValue, children, ...rest }: LlmOptionProps) {\n  return (\n    <option value={optionValue} {...rest}>\n      {children}\n    </option>\n  );\n}\n"]}
+{"version":3,"file":"llm-select.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/select/llm-select.tsx"],"names":[],"mappings":";AAKA,OAAO,kBAAkB,CAAC;AAsC1B;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAAG,EAAE,EACV,aAAa,EACb,WAAW,EACX,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,EACF,GAAG,IAAI,EACQ;IACf,MAAM,QAAQ,GAAG,aAAa,IAAI,YAAY,IAAI,KAAK,CAAC;IACxD,MAAM,QAAQ,GACZ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnF,MAAM,OAAO,GAAG;QACd,YAAY;QACZ,OAAO,IAAI,YAAY;QACvB,QAAQ,IAAI,aAAa;QACzB,QAAQ,IAAI,aAAa;QACzB,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACpB,KAAK,IAAI,gBAAO,OAAO,EAAE,QAAQ,YAAG,KAAK,GAAS,EACnD,eAAK,SAAS,EAAC,gBAAgB,aAC7B,kBACE,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,kBACJ,OAAO,IAAI,SAAS,KAC9B,IAAI,aAEP,WAAW,IAAI,CACd,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,QAAC,MAAM,kBAC7B,WAAW,GACL,CACV,EACA,QAAQ,IACF,EACT,eAAM,SAAS,EAAC,cAAc,iBAAa,MAAM,uBAE1C,IACH,EACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,cAAK,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,eAAW,QAAQ,YACpD,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,YAAW,SAAS,EAAC,eAAe,YACjC,GAAG,IADE,CAAC,CAEL,CACL,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAkBD;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAkB;IAC1E,OAAO,CACL,iBAAQ,KAAK,EAAE,WAAW,KAAM,IAAI,YACjC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC","sourcesContent":["import { ReactNode, SelectHTMLAttributes, OptionHTMLAttributes } from 'react';\nimport type {\n  LlmSelectSpec,\n  LlmOptionSpec,\n} from '../spec';\nimport './llm-select.css';\n\n/**\n * Properties for the LlmSelect component.\n */\nexport interface LlmSelectProps\n  extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'onChange'>,\n    LlmSelectSpec {\n  /**\n   * The current value of the select.\n   */\n  value?: string;\n  /**\n   * Callback triggered when the value changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Placeholder text to display when no value is selected.\n   */\n  placeholder?: string;\n  /**\n   * Whether the select is in an invalid state.\n   */\n  invalid?: boolean;\n  /**\n   * Array of error messages to display.\n   */\n  errors?: string[];\n  /**\n   * The label for the select.\n   */\n  label?: string;\n  /**\n   * Whether the select is read-only.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * A select component for choosing an option from a list.\n */\nexport function LlmSelect({\n  value = '',\n  onValueChange,\n  placeholder,\n  invalid = false,\n  errors = [],\n  disabled = false,\n  readOnly: reactReadOnly,\n  readonly: specReadOnly,\n  required = false,\n  label,\n  children,\n  className,\n  id,\n  ...rest\n}: LlmSelectProps) {\n  const readOnly = reactReadOnly ?? specReadOnly ?? false;\n  const selectId =\n    id || (label ? `select-${label.toLowerCase().replace(/\\s+/g, '-')}` : undefined);\n  const classes = [\n    'llm-select',\n    invalid && 'is-invalid',\n    disabled && 'is-disabled',\n    readOnly && 'is-readonly',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div className={classes}>\n      {label && <label htmlFor={selectId}>{label}</label>}\n      <div className=\"select-wrapper\">\n        <select\n          id={selectId}\n          value={value}\n          onChange={(e) => onValueChange?.(e.target.value)}\n          disabled={disabled}\n          required={required}\n          aria-invalid={invalid || undefined}\n          {...rest}\n        >\n          {placeholder && (\n            <option value=\"\" disabled hidden>\n              {placeholder}\n            </option>\n          )}\n          {children}\n        </select>\n        <span className=\"select-arrow\" aria-hidden=\"true\">\n          ▾\n        </span>\n      </div>\n      {errors.length > 0 && (\n        <div className=\"errors\" role=\"alert\" aria-live=\"polite\">\n          {errors.map((err, i) => (\n            <p key={i} className=\"error-message\">\n              {err}\n            </p>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Properties for the LlmOption component.\n */\nexport interface LlmOptionProps\n  extends OptionHTMLAttributes<HTMLOptionElement>,\n    LlmOptionSpec {\n  /**\n   * The value of the option.\n   */\n  optionValue: string;\n  /**\n   * The content to be rendered inside the option.\n   */\n  children?: ReactNode;\n}\n\n/**\n * An individual option component for use within LlmSelect.\n */\nexport function LlmOption({ optionValue, children, ...rest }: LlmOptionProps) {\n  return (\n    <option value={optionValue} {...rest}>\n      {children}\n    </option>\n  );\n}\n"]}

package/src/lib/skeleton/llm-skeleton.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import type { LlmSkeletonSpec } from '@atelier-ui/spec';
+import type { LlmSkeletonSpec } from '../spec';
 import './llm-skeleton.css';
 /**
  * Properties for the LlmSkeleton component.

package/src/lib/skeleton/llm-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/skeleton/llm-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAgB,EAChB,KAAc,EACd,MAAM,EACN,QAAe,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAMlB"}
+{"version":3,"file":"llm-skeleton.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/skeleton/llm-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,eAAe;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAgB,EAChB,KAAc,EACd,MAAM,EACN,QAAe,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAMlB"}

package/src/lib/skeleton/llm-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"llm-skeleton.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/skeleton/llm-skeleton.tsx"],"names":[],"mappings":";AAEA,OAAO,oBAAoB,CAAC;AA0B5B,SAAS,aAAa,CAAC,OAAe,EAAE,KAAa,EAAE,MAAe;IACpE,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC;QACf,KAAK,UAAU;YACb,OAAO,KAAK,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACU;IACjB,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,IAAI,aAAa,EAAE,SAAS,CAAC;SACzF,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAkB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;IAC/E,OAAO,cAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,iBAAc,MAAM,KAAK,IAAI,GAAI,CAAC;AACtF,CAAC","sourcesContent":["import { CSSProperties, HTMLAttributes } from 'react';\nimport type { LlmSkeletonSpec } from '@atelier-ui/spec';\nimport './llm-skeleton.css';\n\n/**\n * Properties for the LlmSkeleton component.\n */\nexport interface LlmSkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmSkeletonSpec {\n  /**\n   * The visual style variant of the skeleton.\n   */\n  variant?: 'text' | 'circular' | 'rectangular';\n  /**\n   * The width of the skeleton.\n   */\n  width?: string;\n  /**\n   * The height of the skeleton.\n   */\n  height?: string;\n  /**\n   * Whether the skeleton should be animated.\n   */\n  animated?: boolean;\n}\n\nfunction computeHeight(variant: string, width: string, height?: string): string {\n  if (height) return height;\n  switch (variant) {\n    case 'text':\n      return '1em';\n    case 'circular':\n      return width;\n    case 'rectangular':\n      return '100px';\n    default:\n      return '1em';\n  }\n}\n\n/**\n * A placeholder component used to represent content while it's loading.\n */\nexport function LlmSkeleton({\n  variant = 'text',\n  width = '100%',\n  height,\n  animated = true,\n  className,\n  style,\n  ...rest\n}: LlmSkeletonProps) {\n  const classes = ['llm-skeleton', `variant-${variant}`, animated && 'is-animated', className]\n    .filter(Boolean).join(' ');\n  const computedHeight = computeHeight(variant, width, height);\n  const inlineStyle: CSSProperties = { ...style, width, height: computedHeight };\n  return <div className={classes} style={inlineStyle} aria-hidden=\"true\" {...rest} />;\n}\n"]}
+{"version":3,"file":"llm-skeleton.js","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/skeleton/llm-skeleton.tsx"],"names":[],"mappings":";AAEA,OAAO,oBAAoB,CAAC;AA0B5B,SAAS,aAAa,CAAC,OAAe,EAAE,KAAa,EAAE,MAAe;IACpE,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,MAAM;YACT,OAAO,KAAK,CAAC;QACf,KAAK,UAAU;YACb,OAAO,KAAK,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,OAAO,CAAC;QACjB;YACE,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,MAAM,EACd,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACU;IACjB,MAAM,OAAO,GAAG,CAAC,cAAc,EAAE,WAAW,OAAO,EAAE,EAAE,QAAQ,IAAI,aAAa,EAAE,SAAS,CAAC;SACzF,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,cAAc,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAkB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC;IAC/E,OAAO,cAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,iBAAc,MAAM,KAAK,IAAI,GAAI,CAAC;AACtF,CAAC","sourcesContent":["import { CSSProperties, HTMLAttributes } from 'react';\nimport type { LlmSkeletonSpec } from '../spec';\nimport './llm-skeleton.css';\n\n/**\n * Properties for the LlmSkeleton component.\n */\nexport interface LlmSkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    LlmSkeletonSpec {\n  /**\n   * The visual style variant of the skeleton.\n   */\n  variant?: 'text' | 'circular' | 'rectangular';\n  /**\n   * The width of the skeleton.\n   */\n  width?: string;\n  /**\n   * The height of the skeleton.\n   */\n  height?: string;\n  /**\n   * Whether the skeleton should be animated.\n   */\n  animated?: boolean;\n}\n\nfunction computeHeight(variant: string, width: string, height?: string): string {\n  if (height) return height;\n  switch (variant) {\n    case 'text':\n      return '1em';\n    case 'circular':\n      return width;\n    case 'rectangular':\n      return '100px';\n    default:\n      return '1em';\n  }\n}\n\n/**\n * A placeholder component used to represent content while it's loading.\n */\nexport function LlmSkeleton({\n  variant = 'text',\n  width = '100%',\n  height,\n  animated = true,\n  className,\n  style,\n  ...rest\n}: LlmSkeletonProps) {\n  const classes = ['llm-skeleton', `variant-${variant}`, animated && 'is-animated', className]\n    .filter(Boolean).join(' ');\n  const computedHeight = computeHeight(variant, width, height);\n  const inlineStyle: CSSProperties = { ...style, width, height: computedHeight };\n  return <div className={classes} style={inlineStyle} aria-hidden=\"true\" {...rest} />;\n}\n"]}