@atelier-ui/react 0.1.10 → 0.1.12

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

@@ -21,19 +21,19 @@ export interface LlmChatProps {
  * (embedded card). Compose with `LlmChatHeader`, `LlmChatMessages`,
  * `LlmChatMessage`, `LlmChatTyping`, `LlmChatSuggestion`, `LlmChatInput`.
  */
-export declare function LlmChat({ variant, status, open, onOpenChange, children, }: LlmChatProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChat({ variant, status, open, onOpenChange, children, }: LlmChatProps): import("react").JSX.Element;
 /**
  * Header slot for `LlmChat`. Holds the title block; the close button
  * is rendered automatically (hidden on the inline variant via CSS).
  */
-export declare function LlmChatHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChatHeader({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 /**
  * Scrollable message list. Project `LlmChatMessage`, `LlmChatTyping`, or
  * `LlmChatSuggestion` children inside. Auto-scrolls to the bottom whenever
  * children are added or content changes — important for streaming responses
  * where new tokens are appended live.
  */
-export declare function LlmChatMessages({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChatMessages({ children, className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
 /**
  * A single chat message. Role drives bubble alignment and color.
  */
@@ -43,7 +43,7 @@ export interface LlmChatMessageProps extends HTMLAttributes<HTMLDivElement> {
     /** Marks the message as failed (red dashed border). */
     failed?: boolean;
 }
-export declare function LlmChatMessage({ role, failed, children, className, ...rest }: LlmChatMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChatMessage({ role, failed, children, className, ...rest }: LlmChatMessageProps): import("react").JSX.Element;
 /**
  * Typing indicator (three animated dots).
  *
@@ -58,7 +58,7 @@ export interface LlmChatTypingProps extends HTMLAttributes<HTMLDivElement> {
     /** When true, renders as an inline cursor without bubble chrome. */
     inline?: boolean;
 }
-export declare function LlmChatTyping({ inline, className, ...rest }: LlmChatTypingProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChatTyping({ inline, className, ...rest }: LlmChatTypingProps): import("react").JSX.Element;
 /**
  * Tappable suggestion chip used in the empty state to seed a conversation.
  */
@@ -71,7 +71,7 @@ export interface LlmChatSuggestionProps {
     onSelected?: (label: string) => void;
     className?: string;
 }
-export declare function LlmChatSuggestion({ label, hint, onSelected, className, }: LlmChatSuggestionProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChatSuggestion({ label, hint, onSelected, className, }: LlmChatSuggestionProps): import("react").JSX.Element;
 /**
  * Composable input footer for `LlmChat`. Wraps a textarea and emits
  * `onSend` (or `onStop` when the chat status is `'streaming'`).
@@ -87,5 +87,5 @@ export interface LlmChatInputProps extends Omit<TextareaHTMLAttributes<HTMLTextA
     /** Accessible label for the input field. */
     ariaLabel?: string;
 }
-export declare function LlmChatInput({ value, onValueChange, onSend, onStop, placeholder, ariaLabel, ...rest }: LlmChatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmChatInput({ value, onValueChange, onSend, onStop, placeholder, ariaLabel, ...rest }: LlmChatInputProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-chat.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-chat.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/chat/llm-chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAGd,SAAS,EACT,sBAAsB,EAOvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAgBxB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAkB,EAClB,MAAe,EACf,IAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,2CAuHd;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,2CAiChC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,2CAoBhC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAkB,EAClB,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAcrB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAcpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE,sBAAsB,2CAexB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAuC,EACvC,GAAG,IAAI,EACR,EAAE,iBAAiB,2CAuEnB"}
+{"version":3,"file":"llm-chat.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/chat/llm-chat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,cAAc,EAGd,SAAS,EACT,sBAAsB,EAOvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,cAAc,EACf,MAAM,SAAS,CAAC;AACjB,OAAO,gBAAgB,CAAC;AAgBxB;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,sBAAsB;IACtB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,oCAAoC;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAkB,EAClB,MAAe,EACf,IAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,YAAY,+BAuHd;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,+BAiChC;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,+BAoBhC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,6BAA6B;IAC7B,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAkB,EAClB,MAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,+BAcrB;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,+BAcpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,UAAU,EACV,SAAS,GACV,EAAE,sBAAsB,+BAexB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,aAAa,EACb,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAuC,EACvC,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAuEnB"}

package/src/lib/checkbox/llm-checkbox.css

@@ -0,0 +1,123 @@
+.llm-checkbox {
+  display: block;
+  font-family: var(--ui-font-family);
+  font-size: var(--ui-font-size-md);
+}
+
+.llm-checkbox label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ui-spacing-3);
+  cursor: pointer;
+  user-select: none;
+  color: var(--ui-color-text);
+  line-height: var(--ui-line-height-normal);
+  min-height: 1.5rem;
+}
+
+.llm-checkbox input[type='checkbox'] {
+  appearance: none;
+  -webkit-appearance: none;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  border: 1.5px solid var(--ui-color-border-strong);
+  border-radius: var(--ui-radius-sm);
+  background-color: var(--ui-color-input-bg);
+  cursor: pointer;
+  position: relative;
+  transition: border-color var(--ui-transition-fast),
+              background-color var(--ui-transition-fast),
+              box-shadow var(--ui-transition-fast);
+  outline: none;
+}
+
+.llm-checkbox input[type='checkbox']:hover:not(:disabled) {
+  border-color: var(--ui-color-primary);
+  background-color: var(--ui-color-primary-light);
+}
+
+.llm-checkbox input[type='checkbox']:focus-visible {
+  box-shadow: var(--ui-focus-ring);
+  border-color: var(--ui-color-primary);
+}
+
+/* Checked state */
+.llm-checkbox input[type='checkbox']:checked {
+  background-color: var(--ui-color-primary);
+  border-color: var(--ui-color-primary);
+}
+
+.llm-checkbox input[type='checkbox']:checked::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  margin: auto;
+  width: 0.35rem;
+  height: 0.6rem;
+  border: 2px solid var(--ui-color-text-on-primary);
+  border-top: none;
+  border-left: none;
+  transform: rotate(45deg) translate(-1px, -1px);
+  animation: llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring);
+}
+
+/* Indeterminate state */
+.llm-checkbox input[type='checkbox']:indeterminate {
+  background-color: var(--ui-color-primary);
+  border-color: var(--ui-color-primary);
+}
+
+.llm-checkbox input[type='checkbox']:indeterminate::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  margin: auto;
+  width: 0.5rem;
+  height: 2px;
+  background-color: var(--ui-color-text-on-primary);
+  animation: llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring);
+}
+
+/* Invalid state */
+.llm-checkbox.is-invalid input[type='checkbox'] {
+  border-color: var(--ui-color-input-border-invalid);
+}
+
+.llm-checkbox.is-invalid input[type='checkbox']:focus-visible {
+  border-color: var(--ui-color-input-border-invalid);
+  box-shadow: 0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger);
+}
+
+/* Disabled state */
+.llm-checkbox.is-disabled {
+  opacity: var(--ui-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.llm-checkbox.is-disabled label {
+  cursor: not-allowed;
+}
+
+.llm-checkbox.is-disabled input[type='checkbox'] {
+  cursor: not-allowed;
+}
+
+/* Error messages */
+.llm-checkbox .errors {
+  margin-top: var(--ui-spacing-2);
+}
+
+.llm-checkbox .error-message {
+  margin: 0;
+  font-size: var(--ui-font-size-sm);
+  color: var(--ui-color-error-text);
+  line-height: var(--ui-line-height-normal);
+}
+
+/* Animation */
+@keyframes llm-check-pop {
+  0% { transform: rotate(45deg) translate(-1px, -1px) scale(0); }
+  60% { transform: rotate(45deg) translate(-1px, -1px) scale(1.15); }
+  100% { transform: rotate(45deg) translate(-1px, -1px) scale(1); }
+}

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

@@ -37,5 +37,5 @@ export interface LlmCheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElem
 /**
  * A checkbox component for selecting one or more options.
  */
-export declare function LlmCheckbox({ checked, onCheckedChange, indeterminate, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, children, className, id, name, ...rest }: LlmCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmCheckbox({ checked, onCheckedChange, indeterminate, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, children, className, id, name, ...rest }: LlmCheckboxProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-checkbox.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/checkbox/llm-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CACvD,EACD,eAAe;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAe,EACf,eAAe,EACf,aAAqB,EACrB,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAsDlB"}
+{"version":3,"file":"llm-checkbox.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/checkbox/llm-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,oBAAoB,CAAC;AAE5B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CACR,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CACvD,EACD,eAAe;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,OAAe,EACf,eAAe,EACf,aAAqB,EACrB,OAAe,EACf,MAAW,EACX,QAAgB,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,EAAE,EACF,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,gBAAgB,+BAsDlB"}

package/src/lib/code-block/llm-code-block.css

@@ -0,0 +1,112 @@
+/* ============================================================
+   llm-code-block.css
+   ============================================================ */
+
+.llm-code-block {
+  display: block;
+  border: 1px solid var(--ui-color-border);
+  border-radius: var(--ui-radius-lg);
+  overflow: hidden;
+  font-family: var(--ui-font-family);
+}
+
+/* ---------------------------------------------------------------------------
+   Header
+   --------------------------------------------------------------------------- */
+
+.code-block-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--ui-spacing-3) var(--ui-spacing-4);
+  background: var(--ui-color-surface-raised);
+  border-bottom: 1px solid var(--ui-color-border);
+  min-height: 2.5rem;
+}
+
+.code-block-label {
+  font-family: var(--ui-font-mono, 'Menlo', 'Monaco', 'Courier New', monospace);
+  font-size: 0.72rem;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  color: var(--ui-color-text-muted);
+  text-transform: lowercase;
+  user-select: none;
+}
+
+/* ---------------------------------------------------------------------------
+   Copy button
+   --------------------------------------------------------------------------- */
+
+.code-block-copy {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0.2rem 0.55rem;
+  border: 1px solid var(--ui-color-border);
+  border-radius: var(--ui-radius-sm);
+  background: transparent;
+  color: var(--ui-color-text-muted);
+  font-family: inherit;
+  font-size: 0.72rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: color var(--ui-transition-fast), background var(--ui-transition-fast), border-color var(--ui-transition-fast);
+  white-space: nowrap;
+}
+
+.code-block-copy:hover {
+  color: var(--ui-color-text);
+  background: var(--ui-color-surface);
+  border-color: var(--ui-color-input-border);
+}
+
+.code-block-copy:focus-visible {
+  outline: none;
+  box-shadow: var(--ui-focus-ring);
+}
+
+/* ---------------------------------------------------------------------------
+   Code body
+   --------------------------------------------------------------------------- */
+
+.code-block-body {
+  background: var(--ui-color-surface);
+  overflow-x: auto;
+}
+
+.code-block-pre {
+  margin: 0;
+  padding: var(--ui-spacing-4);
+  font-family: var(--ui-font-mono, 'Menlo', 'Monaco', 'Courier New', monospace);
+  font-size: var(--ui-font-size-sm);
+  line-height: 1.65;
+  color: var(--ui-color-text);
+  white-space: pre;
+  tab-size: 2;
+}
+
+/* ---------------------------------------------------------------------------
+   Line numbers
+   --------------------------------------------------------------------------- */
+
+.code-line {
+  display: flex;
+}
+
+.code-line-number {
+  display: inline-block;
+  min-width: 2rem;
+  padding-right: var(--ui-spacing-3);
+  color: var(--ui-color-text-muted);
+  text-align: right;
+  user-select: none;
+  border-right: 1px solid var(--ui-color-border);
+  margin-right: var(--ui-spacing-3);
+  flex-shrink: 0;
+  opacity: 0.6;
+}
+
+.code-line-text {
+  flex: 1;
+}

package/src/lib/code-block/llm-code-block.d.ts

@@ -11,5 +11,5 @@ export interface LlmCodeBlockProps {
     /** Whether to display line numbers alongside the code. */
     showLineNumbers?: boolean;
 }
-export declare function LlmCodeBlock({ code, language, filename, copyable, showLineNumbers, }: LlmCodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmCodeBlock({ code, language, filename, copyable, showLineNumbers, }: LlmCodeBlockProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-code-block.d.ts.map

package/src/lib/code-block/llm-code-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"llm-code-block.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/code-block/llm-code-block.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAiB,EACjB,QAAQ,EACR,QAAe,EACf,eAAuB,GACxB,EAAE,iBAAiB,2CA2DnB"}
+{"version":3,"file":"llm-code-block.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/code-block/llm-code-block.tsx"],"names":[],"mappings":"AACA,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAiB,EACjB,QAAQ,EACR,QAAe,EACf,eAAuB,GACxB,EAAE,iBAAiB,+BA2DnB"}

package/src/lib/combobox/llm-combobox.css

@@ -0,0 +1,169 @@
+/* ============================================================
+   llm-combobox.css
+   ============================================================ */
+
+.llm-combobox {
+  display: block;
+  position: relative;
+  font-family: var(--ui-font-family);
+  font-size: var(--ui-font-size-md);
+}
+
+/* ---------------------------------------------------------------------------
+   Input wrapper
+   --------------------------------------------------------------------------- */
+.llm-combobox-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+
+.llm-combobox-input {
+  width: 100%;
+  min-height: 2.5rem;
+  box-sizing: border-box;
+  padding: 0.625rem var(--ui-spacing-8) 0.625rem var(--ui-spacing-4);
+  font-family: inherit;
+  font-size: inherit;
+  color: var(--ui-color-text);
+  background-color: var(--ui-color-input-bg);
+  border: 1px solid var(--ui-color-input-border);
+  border-radius: var(--ui-radius-md);
+  outline: none;
+  transition:
+    border-color var(--ui-transition-fast),
+    box-shadow var(--ui-transition-fast),
+    background-color var(--ui-transition-fast);
+  cursor: text;
+}
+
+.llm-combobox-input::placeholder {
+  color: var(--ui-color-placeholder);
+}
+
+.llm-combobox-input:hover:not(:disabled) {
+  border-color: var(--ui-color-input-border-hover);
+}
+
+.llm-combobox-input:focus-visible,
+.llm-combobox.is-open .llm-combobox-input {
+  border-color: var(--ui-color-input-border-focus);
+  box-shadow: var(--ui-focus-ring);
+}
+
+.llm-combobox.is-invalid .llm-combobox-input {
+  border-color: var(--ui-color-input-border-invalid);
+}
+
+.llm-combobox.is-invalid .llm-combobox-input:focus-visible {
+  border-color: var(--ui-color-input-border-invalid);
+  box-shadow: 0 0 0 2px var(--ui-color-surface), 0 0 0 4px var(--ui-color-danger);
+}
+
+.llm-combobox.is-disabled {
+  opacity: var(--ui-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.llm-combobox.is-disabled .llm-combobox-input {
+  cursor: not-allowed;
+}
+
+/* ---------------------------------------------------------------------------
+   Chevron icon
+   --------------------------------------------------------------------------- */
+.llm-combobox-icon {
+  position: absolute;
+  right: var(--ui-spacing-4);
+  pointer-events: none;
+  color: var(--ui-color-text-muted);
+  transition: transform var(--ui-transition-fast);
+  display: flex;
+  align-items: center;
+}
+
+.llm-combobox.is-open .llm-combobox-icon {
+  transform: rotate(180deg);
+}
+
+/* ---------------------------------------------------------------------------
+   Panel
+   --------------------------------------------------------------------------- */
+.llm-combobox-panel {
+  position: absolute;
+  left: 0;
+  top: calc(100% + var(--ui-spacing-2));
+  width: 100%;
+  max-height: 16rem;
+  overflow-y: auto;
+  margin: 0;
+  padding: var(--ui-spacing-2) 0;
+  background-color: var(--ui-color-surface-raised);
+  border: 1px solid var(--ui-color-border);
+  border-radius: var(--ui-radius-md);
+  box-shadow: var(--ui-shadow-lg);
+  z-index: 100;
+  list-style: none;
+}
+
+/* ---------------------------------------------------------------------------
+   Options
+   --------------------------------------------------------------------------- */
+.llm-combobox-option {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 2.25rem;
+  padding: var(--ui-spacing-2) var(--ui-spacing-4);
+  cursor: pointer;
+  color: var(--ui-color-text);
+  font-size: var(--ui-font-size-md);
+  transition: background-color var(--ui-transition-fast);
+}
+
+.llm-combobox-option:hover:not(.is-disabled) {
+  background-color: var(--ui-color-surface-sunken);
+}
+
+.llm-combobox-option.is-active {
+  background-color: var(--ui-color-primary-light);
+  color: var(--ui-color-primary);
+}
+
+.llm-combobox-option.is-selected {
+  font-weight: var(--ui-font-weight-semibold);
+}
+
+.llm-combobox-option.is-disabled {
+  opacity: var(--ui-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.llm-combobox-check {
+  color: var(--ui-color-primary);
+  flex-shrink: 0;
+}
+
+/* ---------------------------------------------------------------------------
+   No results
+   --------------------------------------------------------------------------- */
+.llm-combobox-no-results {
+  padding: var(--ui-spacing-4);
+  text-align: center;
+  color: var(--ui-color-text-muted);
+  font-size: var(--ui-font-size-sm);
+}
+
+/* ---------------------------------------------------------------------------
+   Errors
+   --------------------------------------------------------------------------- */
+.llm-combobox-errors {
+  margin-top: var(--ui-spacing-2);
+}
+
+.llm-combobox-error-message {
+  margin: 0;
+  font-size: var(--ui-font-size-sm);
+  color: var(--ui-color-error-text);
+  line-height: var(--ui-line-height-normal);
+}

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

@@ -21,5 +21,5 @@ export interface LlmComboboxProps extends LlmComboboxSpec {
  * />
  * ```
  */
-export declare function LlmCombobox({ value, onValueChange, options, placeholder, disabled, readonly, invalid, required, name, errors, }: LlmComboboxProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmCombobox({ value, onValueChange, options, placeholder, disabled, readonly, invalid, required, name, errors, }: LlmComboboxProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-combobox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-combobox.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/combobox/llm-combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,oBAAoB,CAAC;AAE5B,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,aAAa,EACb,OAAY,EACZ,WAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,IAAI,EACJ,MAAW,GACZ,EAAE,gBAAgB,2CA2MlB"}
+{"version":3,"file":"llm-combobox.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/combobox/llm-combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,oBAAoB,CAAC;AAE5B,YAAY,EAAE,iBAAiB,EAAE,CAAC;AAElC,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;CACnB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAU,EACV,aAAa,EACb,OAAY,EACZ,WAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,IAAI,EACJ,MAAW,GACZ,EAAE,gBAAgB,+BA2MlB"}