@atelier-ui/react 0.1.10 → 0.1.12

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

@@ -0,0 +1,174 @@
+/* ── Native <dialog> reset + base ──────────────────────────────────────────── */
+.llm-dialog {
+  all: unset;
+  position: fixed;
+  inset: 0;
+  margin: auto;
+  width: fit-content;
+  height: fit-content;
+  display: none; /* hidden by default; showModal() moves to top layer */
+  flex-direction: column;
+  max-width: 100vw;
+  max-height: calc(100dvh - var(--ui-spacing-8));
+  border-radius: var(--ui-radius-lg);
+  background: var(--ui-color-surface);
+  box-shadow: var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, 0.3));
+  color: var(--ui-color-text);
+  overflow: hidden;
+
+  /* Open/close animation */
+  opacity: 0;
+  transform: scale(0.95);
+  transition:
+    opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),
+    transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),
+    display var(--ui-duration-slow) allow-discrete,
+    overlay var(--ui-duration-slow) allow-discrete;
+}
+
+.llm-dialog[open] {
+  display: flex;
+  opacity: 1;
+  transform: scale(1);
+}
+
+@starting-style {
+  .llm-dialog[open] {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+}
+
+/* ── Backdrop ────────────────────────────────────────────────────────────── */
+.llm-dialog::backdrop {
+  background: var(--ui-color-overlay);
+  backdrop-filter: blur(2px);
+  transition:
+    opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),
+    display var(--ui-duration-slow) allow-discrete,
+    overlay var(--ui-duration-slow) allow-discrete;
+}
+
+@starting-style {
+  .llm-dialog[open]::backdrop {
+    opacity: 0;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .llm-dialog::backdrop {
+    background: var(--ui-color-overlay);
+  }
+}
+
+[data-theme='dark'] .llm-dialog::backdrop {
+  background: var(--ui-color-overlay);
+}
+
+/* ── Panel (inner wrapper) ───────────────────────────────────────────────── */
+.panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-height: inherit;
+  overflow: hidden;
+}
+
+/* ── Size variants ───────────────────────────────────────────────────────────
+ * Scoped to the dialog. React applies size-* on the <dialog class="llm-dialog">
+ * itself; Angular/Vue apply it on the inner .panel — hence the selector pair
+ * (`dialog > .panel` covers both, including Angular's emulated-scoped template,
+ * which never carries the `llm-dialog` class). Bare `.size-*` selectors leaked
+ * globally and resized unrelated elements (e.g. `llm-button size-md`). */
+.llm-dialog.size-sm,
+dialog > .panel.size-sm {
+  width: min(24rem, 90vw);
+}
+
+.llm-dialog.size-md,
+dialog > .panel.size-md {
+  width: min(36rem, 90vw);
+}
+
+.llm-dialog.size-lg,
+dialog > .panel.size-lg {
+  width: min(48rem, 90vw);
+}
+
+.llm-dialog.size-xl,
+dialog > .panel.size-xl {
+  width: min(64rem, 90vw);
+}
+
+.llm-dialog.size-full,
+dialog > .panel.size-full {
+  width: 100vw;
+  height: 100dvh;
+  max-width: 100vw;
+  max-height: 100dvh;
+  border-radius: 0;
+  margin: 0;
+}
+
+/* ── Sub-components ──────────────────────────────────────────────────────── */
+.llm-dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--ui-spacing-5) var(--ui-spacing-6);
+  border-bottom: 1px solid var(--ui-color-border);
+  font-size: var(--ui-font-size-xl);
+  font-weight: 600;
+  letter-spacing: var(--ui-letter-spacing-tight);
+  color: var(--ui-color-text);
+  flex-shrink: 0;
+}
+
+.llm-dialog-content {
+  display: block;
+  padding: var(--ui-spacing-6);
+  overflow-y: auto;
+  flex: 1;
+  color: var(--ui-color-text);
+}
+
+.llm-dialog-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--ui-spacing-3);
+  padding: var(--ui-spacing-5) var(--ui-spacing-6);
+  border-top: 1px solid var(--ui-color-border);
+  flex-shrink: 0;
+}
+
+/* ── Close button ──────────────────────────────────────────────────────────── */
+.close-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  margin-left: var(--ui-spacing-3);
+  background: transparent;
+  border: none;
+  border-radius: var(--ui-radius-sm);
+  cursor: pointer;
+  color: var(--ui-color-text-muted);
+  transition:
+    background-color var(--ui-transition-fast),
+    color var(--ui-transition-fast);
+  line-height: 1;
+}
+
+.close-btn:hover {
+  background-color: var(--ui-color-surface-sunken);
+  color: var(--ui-color-text);
+}
+
+.close-btn:focus-visible {
+  outline: none;
+  box-shadow: var(--ui-focus-ring);
+}

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

@@ -37,7 +37,7 @@ export interface LlmDialogProps extends LlmDialogSpec {
 /**
  * A dialog (modal) component for displaying content on top of the main UI.
  */
-export declare function LlmDialog({ open, onOpenChange, closeOnBackdrop, size, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, children, }: LlmDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmDialog({ open, onOpenChange, closeOnBackdrop, size, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, children, }: LlmDialogProps): import("react").JSX.Element;
 /**
  * The header component for an LlmDialog.
  */
@@ -46,7 +46,7 @@ export declare function LlmDialogHeader({ children, className, ...rest }: HTMLAt
      * The content of the dialog header.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * The main content component for an LlmDialog.
  */
@@ -55,7 +55,7 @@ export declare function LlmDialogContent({ children, className, ...rest }: HTMLA
      * The main content of the dialog.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * The footer component for an LlmDialog.
  */
@@ -64,5 +64,5 @@ export declare function LlmDialogFooter({ children, className, ...rest }: HTMLAt
      * The content of the dialog footer.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=llm-dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-dialog.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/dialog/llm-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAY1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,eAAsB,EACtB,IAAW,EACX,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,GACT,EAAE,cAAc,2CA2DhB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA"}
+{"version":3,"file":"llm-dialog.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/dialog/llm-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAY1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,eAAsB,EACtB,IAAW,EACX,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,QAAQ,GACT,EAAE,cAAc,+BA2DhB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA"}

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

@@ -0,0 +1,228 @@
+/* ── Host wrapper ──────────────────────────────────────────────────────────── */
+.llm-drawer-host {
+  display: contents;
+}
+
+/* ── Native <dialog> base ──────────────────────────────────────────────────── */
+.llm-drawer-host dialog {
+  all: unset;
+  position: fixed;
+  display: none;
+  flex-direction: column;
+  background: var(--ui-color-surface);
+  box-shadow: var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, 0.3));
+  color: var(--ui-color-text);
+  overflow: hidden;
+  transition:
+    transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),
+    display var(--ui-duration-slow) allow-discrete,
+    overlay var(--ui-duration-slow) allow-discrete;
+}
+
+.llm-drawer-host dialog[open] {
+  display: flex;
+  transform: translate(0, 0) !important;
+}
+
+/* ── Backdrop ──────────────────────────────────────────────────────────────── */
+.llm-drawer-host dialog::backdrop {
+  background: var(--ui-color-overlay);
+  backdrop-filter: blur(2px);
+  transition:
+    opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),
+    display var(--ui-duration-slow) allow-discrete,
+    overlay var(--ui-duration-slow) allow-discrete;
+}
+
+@starting-style {
+  .llm-drawer-host dialog[open]::backdrop {
+    opacity: 0;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .llm-drawer-host dialog::backdrop {
+    background: var(--ui-color-overlay);
+  }
+}
+
+[data-theme='dark'] .llm-drawer-host dialog::backdrop {
+  background: var(--ui-color-overlay);
+}
+
+/* ── Panel (inner wrapper) ─────────────────────────────────────────────────── */
+.llm-drawer-host .panel {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════════ */
+/* POSITION VARIANTS                                                           */
+/* ═══════════════════════════════════════════════════════════════════════════ */
+
+/* ── Right ─────────────────────────────────────────────────────────────────── */
+.llm-drawer-host.position-right dialog {
+  inset: 0 0 0 auto;
+  height: 100dvh;
+  transform: translateX(100%);
+}
+
+@starting-style {
+  .llm-drawer-host.position-right dialog[open] {
+    transform: translateX(100%);
+  }
+}
+
+/* ── Left ──────────────────────────────────────────────────────────────────── */
+.llm-drawer-host.position-left dialog {
+  inset: 0 auto 0 0;
+  height: 100dvh;
+  transform: translateX(-100%);
+}
+
+@starting-style {
+  .llm-drawer-host.position-left dialog[open] {
+    transform: translateX(-100%);
+  }
+}
+
+/* ── Top ───────────────────────────────────────────────────────────────────── */
+.llm-drawer-host.position-top dialog {
+  inset: 0 0 auto 0;
+  width: 100vw;
+  transform: translateY(-100%);
+}
+
+@starting-style {
+  .llm-drawer-host.position-top dialog[open] {
+    transform: translateY(-100%);
+  }
+}
+
+/* ── Bottom ────────────────────────────────────────────────────────────────── */
+.llm-drawer-host.position-bottom dialog {
+  inset: auto 0 0 0;
+  width: 100vw;
+  transform: translateY(100%);
+}
+
+@starting-style {
+  .llm-drawer-host.position-bottom dialog[open] {
+    transform: translateY(100%);
+  }
+}
+
+/* ═══════════════════════════════════════════════════════════════════════════ */
+/* SIZE VARIANTS (left/right = width; top/bottom = height)                    */
+/* ═══════════════════════════════════════════════════════════════════════════ */
+
+/* Left / Right widths */
+.llm-drawer-host.position-right.size-sm dialog,
+.llm-drawer-host.position-left.size-sm dialog {
+  width: 20rem;
+}
+
+.llm-drawer-host.position-right.size-md dialog,
+.llm-drawer-host.position-left.size-md dialog {
+  width: 28rem;
+}
+
+.llm-drawer-host.position-right.size-lg dialog,
+.llm-drawer-host.position-left.size-lg dialog {
+  width: 40rem;
+}
+
+.llm-drawer-host.position-right.size-full dialog,
+.llm-drawer-host.position-left.size-full dialog {
+  width: 100vw;
+}
+
+/* Top / Bottom heights */
+.llm-drawer-host.position-top.size-sm dialog,
+.llm-drawer-host.position-bottom.size-sm dialog {
+  height: 12rem;
+}
+
+.llm-drawer-host.position-top.size-md dialog,
+.llm-drawer-host.position-bottom.size-md dialog {
+  height: 20rem;
+}
+
+.llm-drawer-host.position-top.size-lg dialog,
+.llm-drawer-host.position-bottom.size-lg dialog {
+  height: 32rem;
+}
+
+.llm-drawer-host.position-top.size-full dialog,
+.llm-drawer-host.position-bottom.size-full dialog {
+  height: 100dvh;
+}
+
+/* ═══════════════════════════════════════════════════════════════════════════ */
+/* SUB-COMPONENTS                                                              */
+/* ═══════════════════════════════════════════════════════════════════════════ */
+
+.llm-drawer-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--ui-spacing-5) var(--ui-spacing-6);
+  border-bottom: 1px solid var(--ui-color-border);
+  font-size: var(--ui-font-size-xl);
+  font-weight: 600;
+  letter-spacing: var(--ui-letter-spacing-tight);
+  color: var(--ui-color-text);
+  flex-shrink: 0;
+}
+
+.llm-drawer-content {
+  display: block;
+  padding: var(--ui-spacing-6);
+  overflow-y: auto;
+  flex: 1;
+  color: var(--ui-color-text);
+}
+
+.llm-drawer-footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: var(--ui-spacing-3);
+  padding: var(--ui-spacing-5) var(--ui-spacing-6);
+  border-top: 1px solid var(--ui-color-border);
+  flex-shrink: 0;
+}
+
+/* ── Close button ──────────────────────────────────────────────────────────── */
+.close-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 2rem;
+  height: 2rem;
+  padding: 0;
+  margin-left: var(--ui-spacing-3);
+  background: transparent;
+  border: none;
+  border-radius: var(--ui-radius-sm);
+  cursor: pointer;
+  color: var(--ui-color-text-muted);
+  transition:
+    background-color var(--ui-transition-fast),
+    color var(--ui-transition-fast);
+  line-height: 1;
+}
+
+.close-btn:hover {
+  background-color: var(--ui-color-surface-sunken);
+  color: var(--ui-color-text);
+}
+
+.close-btn:focus-visible {
+  outline: none;
+  box-shadow: var(--ui-focus-ring);
+}

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

@@ -33,7 +33,7 @@ export interface LlmDrawerProps extends LlmDrawerSpec {
 /**
  * A drawer component that slides in from the edge of the screen.
  */
-export declare function LlmDrawer({ open, onOpenChange, position, size, closeOnBackdrop, children, }: LlmDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmDrawer({ open, onOpenChange, position, size, closeOnBackdrop, children, }: LlmDrawerProps): import("react").JSX.Element;
 /**
  * The header component for an LlmDrawer.
  */
@@ -42,7 +42,7 @@ export declare function LlmDrawerHeader({ children, className, ...rest }: HTMLAt
      * The content of the drawer header.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * The main content component for an LlmDrawer.
  */
@@ -51,7 +51,7 @@ export declare function LlmDrawerContent({ children, className, ...rest }: HTMLA
      * The main content of the drawer.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 /**
  * The footer component for an LlmDrawer.
  */
@@ -60,5 +60,5 @@ export declare function LlmDrawerFooter({ children, className, ...rest }: HTMLAt
      * The content of the drawer footer.
      */
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 //# sourceMappingURL=llm-drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-drawer.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/llm-drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAY1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,QAAkB,EAClB,IAAW,EACX,eAAsB,EACtB,QAAQ,GACT,EAAE,cAAc,2CAkEhB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CASA"}
+{"version":3,"file":"llm-drawer.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/drawer/llm-drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,cAAc,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,kBAAkB,CAAC;AAY1B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC/C;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,QAAkB,EAClB,IAAW,EACX,eAAsB,EACtB,QAAQ,GACT,EAAE,cAAc,+BAkEhB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BAiCA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,+BASA"}

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

@@ -0,0 +1,29 @@
+.llm-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-family: var(--ui-font-family);
+  font-weight: var(--ui-font-weight-medium);
+  line-height: 1;
+  color: currentColor;
+  user-select: none;
+  flex-shrink: 0;
+}
+
+.llm-icon.size-sm {
+  width: 1rem;
+  height: 1rem;
+  font-size: var(--ui-font-size-sm);
+}
+
+.llm-icon.size-md {
+  width: 1.25rem;
+  height: 1.25rem;
+  font-size: var(--ui-font-size-md);
+}
+
+.llm-icon.size-lg {
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: var(--ui-font-size-lg);
+}

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

@@ -20,5 +20,5 @@ export interface LlmIconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'ari
  * component set. Decorative by default; pass `label` to announce a meaning
  * to assistive tech.
  */
-export declare function LlmIcon({ name, size, label, className, ...rest }: LlmIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmIcon({ name, size, label, className, ...rest }: LlmIconProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-icon.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"llm-icon.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/llm-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,gBAAgB,CAAC;AA0BxB;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,EACzD,WAAW;IACb,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,2CAUd"}
+{"version":3,"file":"llm-icon.d.ts","sourceRoot":"","sources":["../../../../../../libs/react/src/lib/icon/llm-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,gBAAgB,CAAC;AA0BxB;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,EACzD,WAAW;IACb,qBAAqB;IACrB,IAAI,EAAE,WAAW,CAAC;IAClB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,IAAW,EACX,KAAK,EACL,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,+BAUd"}

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

@@ -0,0 +1,94 @@
+.llm-input {
+  display: block;
+  font-family: var(--ui-font-family);
+  font-size: var(--ui-font-size-md);
+}
+
+.llm-input input {
+  display: block;
+  width: 100%;
+  min-height: 2.5rem;
+  padding: 0.625rem var(--ui-spacing-4);
+  font-size: inherit;
+  font-family: inherit;
+  line-height: var(--ui-line-height-normal);
+  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);
+  transition: border-color var(--ui-transition-fast),
+              box-shadow var(--ui-transition-fast),
+              background-color var(--ui-transition-fast);
+  outline: none;
+  box-sizing: border-box;
+}
+
+.llm-input input::placeholder {
+  color: var(--ui-color-placeholder);
+}
+
+.llm-input input:hover:not(:disabled):not(:read-only) {
+  border-color: var(--ui-color-input-border-hover);
+}
+
+.llm-input input:focus {
+  border-color: var(--ui-color-input-border-focus);
+  background-color: var(--ui-color-input-bg-focus);
+  box-shadow: var(--ui-focus-ring);
+}
+
+.llm-input .input-field {
+  position: relative;
+}
+
+/* Invalid state */
+.llm-input.is-invalid input {
+  border-color: var(--ui-color-input-border-invalid);
+  padding-right: 2.25rem;
+}
+
+.llm-input.is-invalid input:focus {
+  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);
+}
+
+/* Non-color invalid indicator (WCAG 1.4.1) */
+.llm-input.is-invalid .input-field::before {
+  content: '✕';
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 0.875rem;
+  color: var(--ui-color-danger);
+  font-weight: 700;
+  line-height: 1;
+  pointer-events: none;
+}
+
+/* Disabled state */
+.llm-input.is-disabled {
+  opacity: var(--ui-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.llm-input.is-disabled input {
+  cursor: not-allowed;
+}
+
+/* Readonly state */
+.llm-input.is-readonly input {
+  background-color: var(--ui-color-surface-sunken);
+  cursor: default;
+}
+
+/* Error messages */
+.llm-input .errors {
+  margin-top: var(--ui-spacing-2);
+}
+
+.llm-input .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/input/llm-input.d.ts

@@ -37,5 +37,5 @@ export interface LlmInputProps extends Omit<InputHTMLAttributes<HTMLInputElement
 /**
  * A versatile input component for text entry.
  */
-export declare function LlmInput({ type, value, onChange, onValueChange, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, label, className, id, ...rest }: LlmInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function LlmInput({ type, value, onChange, onValueChange, invalid, errors, disabled, readOnly: reactReadOnly, readonly: specReadOnly, required, label, className, id, ...rest }: LlmInputProps): import("react").JSX.Element;
 //# sourceMappingURL=llm-input.d.ts.map

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,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,2CAkDf"}
+{"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,+BAkDf"}