@mieweb/ui 0.7.3-dev.9 → 0.8.0-dev.0

package/dist/{collabKit-QZL4P5T5.js → collabKit-A643VH2I.js}

@@ -12,18 +12,21 @@ function defaultWsUrl() {
   return `${protocol}//${host}/yjs`;
 }
 var HuddleYjsKit = class {
-  constructor(url, params, WebSocketImpl) {
+  constructor(url, params, WebSocketImpl, user) {
     this.url = url;
     this.params = params;
     this.WebSocketImpl = WebSocketImpl;
+    this.user = user;
   }
   url;
   params;
   WebSocketImpl;
+  user;
   name = "yjs-editor";
   getExtensions() {
     const url = this.url;
     const params = this.params;
+    const user = this.user;
     const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;
     const createYjsProvider = (roomId) => {
       const ydoc = new Y.Doc({ gc: false });
@@ -37,6 +40,7 @@ var HuddleYjsKit = class {
         maxBackoffTime: 2500,
         disableBc: false
       });
+      if (user) provider.awareness.setLocalStateField("kerebron:user", user);
       return [provider, ydoc];
     };
     return [new MarkYChange(), new ExtensionYjs({ createYjsProvider })];
@@ -44,5 +48,5 @@ var HuddleYjsKit = class {
 };
 
 export { HuddleYjsKit, defaultWsUrl };
-//# sourceMappingURL=collabKit-QZL4P5T5.js.map
-//# sourceMappingURL=collabKit-QZL4P5T5.js.map
+//# sourceMappingURL=collabKit-A643VH2I.js.map
+//# sourceMappingURL=collabKit-A643VH2I.js.map

package/dist/collabKit-A643VH2I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RichEditor/collabKit.ts"],"names":[],"mappings":";;;;;;;AAsBO,SAAS,YAAA,GAAuB;AACrC,EAAA,MAAM,MAAM,UAAA,CAAW,QAAA;AACvB,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,GAAA,CAAI,QAAA,KAAa,WAAW,MAAA,GAAS,KAAA;AAC7D,EAAA,MAAM,IAAA,GAAO,GAAA,GAAM,GAAA,CAAI,IAAA,GAAO,WAAA;AAC9B,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,IAAA,CAAA;AAC7B;AAGO,IAAM,eAAN,MAAwC;AAAA,EAE7C,WAAA,CACmB,GAAA,EACA,MAAA,EACA,aAAA,EACA,IAAA,EACjB;AAJiB,IAAA,IAAA,CAAA,GAAA,GAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,aAAA,GAAA,aAAA;AACA,IAAA,IAAA,CAAA,IAAA,GAAA,IAAA;AAAA,EAChB;AAAA,EAJgB,GAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,IAAA;AAAA,EALnB,IAAA,GAAO,YAAA;AAAA,EAQP,aAAA,GAAgB;AACd,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA;AACjB,IAAA,MAAM,SAAS,IAAA,CAAK,MAAA;AACpB,IAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,aAAA,IAAiB,UAAA,CAAW,SAAA;AACvD,IAAA,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAA+C;AACxE,MAAA,MAAM,OAAO,IAAM,CAAA,CAAA,GAAA,CAAI,EAAE,EAAA,EAAI,OAAO,CAAA;AAGpC,MAAA,MAAM,QAAA,GAAW,IAAI,iBAAA,CAAkB,GAAA,EAAK,QAAQ,IAAA,EAAM;AAAA,QACxD,OAAA,EAAS,IAAA;AAAA,QACT,SAAA,EAAW,IAAsB,iBAAA,CAAA,SAAA,CAAU,IAAI,CAAA;AAAA,QAC/C,MAAA;AAAA,QACA,WAAW,EAAC;AAAA,QACZ,iBAAA,EAAmB,aAAA;AAAA,QACnB,cAAA,EAAgB,EAAA;AAAA,QAChB,cAAA,EAAgB,IAAA;AAAA,QAChB,SAAA,EAAW;AAAA,OACZ,CAAA;AAED,MAAA,IAAI,IAAA,EAAM,QAAA,CAAS,SAAA,CAAU,kBAAA,CAAmB,iBAAiB,IAAI,CAAA;AACrE,MAAA,OAAO,CAAC,UAAU,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,OAAO,CAAC,IAAI,WAAA,EAAY,EAAG,IAAI,YAAA,CAAa,EAAE,iBAAA,EAAmB,CAAC,CAAA;AAAA,EACpE;AACF","file":"collabKit-A643VH2I.js","sourcesContent":["/**\n * Collaborative (Yjs) editor kit for {@link RichEditor}.\n *\n * Kept in its own module — loaded via dynamic `import()` from `editorKits.ts`\n * only when a `collab` config is passed — so `@kerebron/extension-yjs`, `yjs`\n * and `y-protocols` stay truly optional peers: plain-mode consumers never load\n * them and don't need them installed.\n *\n * We deliberately do not use `@kerebron/editor-kits`' own `YjsEditorKit`: it\n * constructs the `WebsocketProvider` with no query params, leaving no way to\n * authenticate the socket. Here we thread caller-supplied `params` (e.g. an\n * auth token) into the provider so the backend `/yjs` route can authorize the\n * room.\n */\nimport type { EditorKit } from '@kerebron/editor';\nimport { ExtensionYjs } from '@kerebron/extension-yjs';\nimport { WebsocketProvider } from '@kerebron/extension-yjs/WebsocketProvider';\nimport { MarkYChange } from '@kerebron/extension-yjs/MarkYChange';\nimport * as awarenessProtocol from 'y-protocols/awareness';\nimport * as Y from 'yjs';\n\n/** Derive the default `/yjs` websocket URL from the current page origin. */\nexport function defaultWsUrl(): string {\n  const loc = globalThis.location;\n  const protocol = loc && loc.protocol === 'https:' ? 'wss:' : 'ws:';\n  const host = loc ? loc.host : 'localhost';\n  return `${protocol}//${host}/yjs`;\n}\n\n/** MarkYChange + ExtensionYjs, with an authenticated websocket provider. */\nexport class HuddleYjsKit implements EditorKit {\n  name = 'yjs-editor';\n  constructor(\n    private readonly url: string,\n    private readonly params: Record<string, string>,\n    private readonly WebSocketImpl?: typeof globalThis.WebSocket,\n    private readonly user?: { id: string; name: string; color?: string }\n  ) {}\n\n  getExtensions() {\n    const url = this.url;\n    const params = this.params;\n    const user = this.user;\n    const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;\n    const createYjsProvider = (roomId: string): [WebsocketProvider, Y.Doc] => {\n      const ydoc = new Y.Doc({ gc: false });\n      // The provider's opts default is a *default parameter*, not a merge, so we\n      // must pass every field when we want to set `params`.\n      const provider = new WebsocketProvider(url, roomId, ydoc, {\n        connect: true,\n        awareness: new awarenessProtocol.Awareness(ydoc),\n        params,\n        protocols: [],\n        WebSocketPolyfill: WebSocketImpl,\n        resyncInterval: -1,\n        maxBackoffTime: 2500,\n        disableBc: false,\n      });\n      // Named cursors: the position plugin skips states with no user field.\n      if (user) provider.awareness.setLocalStateField('kerebron:user', user);\n      return [provider, ydoc];\n    };\n    return [new MarkYChange(), new ExtensionYjs({ createYjsProvider })];\n  }\n}\n"]}

package/dist/{collabKit-UF7E6V3N.cjs → collabKit-Q4A36LDA.cjs}

@@ -35,18 +35,21 @@ function defaultWsUrl() {
   return `${protocol}//${host}/yjs`;
 }
 var HuddleYjsKit = class {
-  constructor(url, params, WebSocketImpl) {
+  constructor(url, params, WebSocketImpl, user) {
     this.url = url;
     this.params = params;
     this.WebSocketImpl = WebSocketImpl;
+    this.user = user;
   }
   url;
   params;
   WebSocketImpl;
+  user;
   name = "yjs-editor";
   getExtensions() {
     const url = this.url;
     const params = this.params;
+    const user = this.user;
     const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;
     const createYjsProvider = (roomId) => {
       const ydoc = new Y__namespace.Doc({ gc: false });
@@ -60,6 +63,7 @@ var HuddleYjsKit = class {
         maxBackoffTime: 2500,
         disableBc: false
       });
+      if (user) provider.awareness.setLocalStateField("kerebron:user", user);
       return [provider, ydoc];
     };
     return [new MarkYChange.MarkYChange(), new extensionYjs.ExtensionYjs({ createYjsProvider })];
@@ -68,5 +72,5 @@ var HuddleYjsKit = class {
 
 exports.HuddleYjsKit = HuddleYjsKit;
 exports.defaultWsUrl = defaultWsUrl;
-//# sourceMappingURL=collabKit-UF7E6V3N.cjs.map
-//# sourceMappingURL=collabKit-UF7E6V3N.cjs.map
+//# sourceMappingURL=collabKit-Q4A36LDA.cjs.map
+//# sourceMappingURL=collabKit-Q4A36LDA.cjs.map

package/dist/collabKit-Q4A36LDA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RichEditor/collabKit.ts"],"names":["Y","WebsocketProvider","awarenessProtocol","MarkYChange","ExtensionYjs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,SAAS,YAAA,GAAuB;AACrC,EAAA,MAAM,MAAM,UAAA,CAAW,QAAA;AACvB,EAAA,MAAM,QAAA,GAAW,GAAA,IAAO,GAAA,CAAI,QAAA,KAAa,WAAW,MAAA,GAAS,KAAA;AAC7D,EAAA,MAAM,IAAA,GAAO,GAAA,GAAM,GAAA,CAAI,IAAA,GAAO,WAAA;AAC9B,EAAA,OAAO,CAAA,EAAG,QAAQ,CAAA,EAAA,EAAK,IAAI,CAAA,IAAA,CAAA;AAC7B;AAGO,IAAM,eAAN,MAAwC;AAAA,EAE7C,WAAA,CACmB,GAAA,EACA,MAAA,EACA,aAAA,EACA,IAAA,EACjB;AAJiB,IAAA,IAAA,CAAA,GAAA,GAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,aAAA,GAAA,aAAA;AACA,IAAA,IAAA,CAAA,IAAA,GAAA,IAAA;AAAA,EAChB;AAAA,EAJgB,GAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,IAAA;AAAA,EALnB,IAAA,GAAO,YAAA;AAAA,EAQP,aAAA,GAAgB;AACd,IAAA,MAAM,MAAM,IAAA,CAAK,GAAA;AACjB,IAAA,MAAM,SAAS,IAAA,CAAK,MAAA;AACpB,IAAA,MAAM,OAAO,IAAA,CAAK,IAAA;AAClB,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,aAAA,IAAiB,UAAA,CAAW,SAAA;AACvD,IAAA,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAA+C;AACxE,MAAA,MAAM,OAAO,IAAMA,YAAA,CAAA,GAAA,CAAI,EAAE,EAAA,EAAI,OAAO,CAAA;AAGpC,MAAA,MAAM,QAAA,GAAW,IAAIC,mCAAA,CAAkB,GAAA,EAAK,QAAQ,IAAA,EAAM;AAAA,QACxD,OAAA,EAAS,IAAA;AAAA,QACT,SAAA,EAAW,IAAsBC,4BAAA,CAAA,SAAA,CAAU,IAAI,CAAA;AAAA,QAC/C,MAAA;AAAA,QACA,WAAW,EAAC;AAAA,QACZ,iBAAA,EAAmB,aAAA;AAAA,QACnB,cAAA,EAAgB,EAAA;AAAA,QAChB,cAAA,EAAgB,IAAA;AAAA,QAChB,SAAA,EAAW;AAAA,OACZ,CAAA;AAED,MAAA,IAAI,IAAA,EAAM,QAAA,CAAS,SAAA,CAAU,kBAAA,CAAmB,iBAAiB,IAAI,CAAA;AACrE,MAAA,OAAO,CAAC,UAAU,IAAI,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,OAAO,CAAC,IAAIC,uBAAA,EAAY,EAAG,IAAIC,yBAAA,CAAa,EAAE,iBAAA,EAAmB,CAAC,CAAA;AAAA,EACpE;AACF","file":"collabKit-Q4A36LDA.cjs","sourcesContent":["/**\n * Collaborative (Yjs) editor kit for {@link RichEditor}.\n *\n * Kept in its own module — loaded via dynamic `import()` from `editorKits.ts`\n * only when a `collab` config is passed — so `@kerebron/extension-yjs`, `yjs`\n * and `y-protocols` stay truly optional peers: plain-mode consumers never load\n * them and don't need them installed.\n *\n * We deliberately do not use `@kerebron/editor-kits`' own `YjsEditorKit`: it\n * constructs the `WebsocketProvider` with no query params, leaving no way to\n * authenticate the socket. Here we thread caller-supplied `params` (e.g. an\n * auth token) into the provider so the backend `/yjs` route can authorize the\n * room.\n */\nimport type { EditorKit } from '@kerebron/editor';\nimport { ExtensionYjs } from '@kerebron/extension-yjs';\nimport { WebsocketProvider } from '@kerebron/extension-yjs/WebsocketProvider';\nimport { MarkYChange } from '@kerebron/extension-yjs/MarkYChange';\nimport * as awarenessProtocol from 'y-protocols/awareness';\nimport * as Y from 'yjs';\n\n/** Derive the default `/yjs` websocket URL from the current page origin. */\nexport function defaultWsUrl(): string {\n  const loc = globalThis.location;\n  const protocol = loc && loc.protocol === 'https:' ? 'wss:' : 'ws:';\n  const host = loc ? loc.host : 'localhost';\n  return `${protocol}//${host}/yjs`;\n}\n\n/** MarkYChange + ExtensionYjs, with an authenticated websocket provider. */\nexport class HuddleYjsKit implements EditorKit {\n  name = 'yjs-editor';\n  constructor(\n    private readonly url: string,\n    private readonly params: Record<string, string>,\n    private readonly WebSocketImpl?: typeof globalThis.WebSocket,\n    private readonly user?: { id: string; name: string; color?: string }\n  ) {}\n\n  getExtensions() {\n    const url = this.url;\n    const params = this.params;\n    const user = this.user;\n    const WebSocketImpl = this.WebSocketImpl ?? globalThis.WebSocket;\n    const createYjsProvider = (roomId: string): [WebsocketProvider, Y.Doc] => {\n      const ydoc = new Y.Doc({ gc: false });\n      // The provider's opts default is a *default parameter*, not a merge, so we\n      // must pass every field when we want to set `params`.\n      const provider = new WebsocketProvider(url, roomId, ydoc, {\n        connect: true,\n        awareness: new awarenessProtocol.Awareness(ydoc),\n        params,\n        protocols: [],\n        WebSocketPolyfill: WebSocketImpl,\n        resyncInterval: -1,\n        maxBackoffTime: 2500,\n        disableBc: false,\n      });\n      // Named cursors: the position plugin skips states with no user field.\n      if (user) provider.awareness.setLocalStateField('kerebron:user', user);\n      return [provider, ydoc];\n    };\n    return [new MarkYChange(), new ExtensionYjs({ createYjsProvider })];\n  }\n}\n"]}

package/dist/components/Accordion/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkHK3AMH3Q_cjs = require('../../chunk-HK3AMH3Q.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkHK3AMH3Q_cjs.Accordion; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/Accordion/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/Accordion/index.d.cts

@@ -0,0 +1,50 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const accordionVariants: (props?: ({
+    variant?: "separated" | "joined" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionItem {
+    /** Stable id used for open state and aria wiring. */
+    id: string;
+    /** Header label (e.g. an FAQ question). */
+    title: React.ReactNode;
+    /** Panel content (e.g. the answer). */
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof accordionVariants> {
+    items: AccordionItem[];
+    /** `single` keeps at most one panel open; `multiple` allows any number. */
+    type?: 'single' | 'multiple';
+    /** Ids open initially (uncontrolled). */
+    defaultOpenIds?: string[];
+    /** Controlled open ids. Changes reported via `onOpenChange`. */
+    openIds?: string[];
+    onOpenChange?: (openIds: string[]) => void;
+    /** In `single` mode, allow closing the open panel (default true). */
+    collapsible?: boolean;
+    /** Heading level wrapping each trigger for document outline (default h3). */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+/**
+ * A vertically stacked set of expandable panels — FAQ lists, settings
+ * groups, progressive disclosure. Panels animate open to their natural
+ * height (CSS grid rows, no max-height clipping), and headers are real
+ * buttons inside headings with full `aria-expanded`/`aria-controls` wiring.
+ *
+ * @example
+ * ```tsx
+ * <Accordion
+ *   type="single"
+ *   items={[
+ *     { id: 'pricing', title: 'How is pricing calculated?', content: <p>…</p> },
+ *     { id: 'billing', title: 'When am I billed?', content: <p>…</p> },
+ *   ]}
+ * />
+ * ```
+ */
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, type AccordionItem, type AccordionProps };

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1,50 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const accordionVariants: (props?: ({
+    variant?: "separated" | "joined" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AccordionItem {
+    /** Stable id used for open state and aria wiring. */
+    id: string;
+    /** Header label (e.g. an FAQ question). */
+    title: React.ReactNode;
+    /** Panel content (e.g. the answer). */
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof accordionVariants> {
+    items: AccordionItem[];
+    /** `single` keeps at most one panel open; `multiple` allows any number. */
+    type?: 'single' | 'multiple';
+    /** Ids open initially (uncontrolled). */
+    defaultOpenIds?: string[];
+    /** Controlled open ids. Changes reported via `onOpenChange`. */
+    openIds?: string[];
+    onOpenChange?: (openIds: string[]) => void;
+    /** In `single` mode, allow closing the open panel (default true). */
+    collapsible?: boolean;
+    /** Heading level wrapping each trigger for document outline (default h3). */
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+/**
+ * A vertically stacked set of expandable panels — FAQ lists, settings
+ * groups, progressive disclosure. Panels animate open to their natural
+ * height (CSS grid rows, no max-height clipping), and headers are real
+ * buttons inside headings with full `aria-expanded`/`aria-controls` wiring.
+ *
+ * @example
+ * ```tsx
+ * <Accordion
+ *   type="single"
+ *   items={[
+ *     { id: 'pricing', title: 'How is pricing calculated?', content: <p>…</p> },
+ *     { id: 'billing', title: 'When am I billed?', content: <p>…</p> },
+ *   ]}
+ * />
+ * ```
+ */
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, type AccordionItem, type AccordionProps };

package/dist/components/Accordion/index.js

@@ -0,0 +1,4 @@
+export { Accordion } from '../../chunk-Y6YSJPVC.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/Alert/index.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "info" | "warning" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Icon to display in the alert */

package/dist/components/Alert/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "danger" | "default" | "success" | "info" | "warning" | null | undefined;
+    variant?: "danger" | "default" | "warning" | "success" | "info" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
     /** Icon to display in the alert */

package/dist/components/Autocomplete/index.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk6J7UGYT5_cjs = require('../../chunk-6J7UGYT5.cjs');
-require('../../chunk-6ECKH4DJ.cjs');
+var chunkJHGMZX4I_cjs = require('../../chunk-JHGMZX4I.cjs');
+require('../../chunk-I44YNYI6.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-FSGEDDF2.cjs');
 require('../../chunk-MYFZYUPR.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -10,7 +11,7 @@ require('../../chunk-S5RVSXDV.cjs');
 
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
-  get: function () { return chunk6J7UGYT5_cjs.Autocomplete; }
+  get: function () { return chunkJHGMZX4I_cjs.Autocomplete; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Autocomplete/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { inputVariants } from '../Input/index.cjs';
+import { inputVariants, RequiredMarkVariant } from '../Input/index.cjs';
 import 'class-variance-authority/types';
 
 interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>, 'size'> {
@@ -41,6 +41,23 @@ interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>,
     clearOnSelect?: boolean;
     /** Disable the input. */
     disabled?: boolean;
+    /** Label for the input. */
+    label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field when focused or filled. Ignores `placeholder`.
+     */
+    labelVariant?: 'stacked' | 'floating';
+    /** Whether the input is required. */
+    required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
     /** Accessible label for the combobox input. */
     'aria-label'?: string;
     /** Class applied to the outer wrapper. */
@@ -50,7 +67,7 @@ interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>,
     /** Forwarded ref to the underlying input. */
     inputRef?: React.Ref<HTMLInputElement>;
     /** Additional props forwarded to the input element. */
-    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'placeholder' | 'disabled' | 'aria-label'>;
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'placeholder' | 'disabled' | 'required' | 'aria-label'>;
 }
 /**
  * A data-agnostic, presentational combobox. It renders a search input with a
@@ -69,7 +86,7 @@ interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>,
  * />
  * ```
  */
-declare function Autocomplete<T>({ items, onSelect, getItemKey, renderItem, filter, value: controlledValue, defaultValue, onValueChange, placeholder, emptyMessage, createLabel, onCreate, minQueryLength, clearOnSelect, disabled, size, className, inputClassName, inputRef, inputProps, 'aria-label': ariaLabel, }: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
+declare function Autocomplete<T>({ items, onSelect, getItemKey, renderItem, filter, value: controlledValue, defaultValue, onValueChange, placeholder, emptyMessage, createLabel, onCreate, minQueryLength, clearOnSelect, disabled, label, labelVariant, required, requiredVariant, size, className, inputClassName, inputRef, inputProps, 'aria-label': ariaLabel, }: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Autocomplete {
     var displayName: string;
 }

package/dist/components/Autocomplete/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { inputVariants } from '../Input/index.js';
+import { inputVariants, RequiredMarkVariant } from '../Input/index.js';
 import 'class-variance-authority/types';
 
 interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>, 'size'> {
@@ -41,6 +41,23 @@ interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>,
     clearOnSelect?: boolean;
     /** Disable the input. */
     disabled?: boolean;
+    /** Label for the input. */
+    label?: string;
+    /**
+     * How the label is rendered.
+     * - `stacked` (default): label above the input.
+     * - `floating`: label rests inside the input like a placeholder and floats
+     *   to the top of the field when focused or filled. Ignores `placeholder`.
+     */
+    labelVariant?: 'stacked' | 'floating';
+    /** Whether the input is required. */
+    required?: boolean;
+    /**
+     * Color of the required asterisk.
+     * - `default`: destructive (hard requirement).
+     * - `warning`: warning color (soft requirement / recommended).
+     */
+    requiredVariant?: RequiredMarkVariant;
     /** Accessible label for the combobox input. */
     'aria-label'?: string;
     /** Class applied to the outer wrapper. */
@@ -50,7 +67,7 @@ interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>,
     /** Forwarded ref to the underlying input. */
     inputRef?: React.Ref<HTMLInputElement>;
     /** Additional props forwarded to the input element. */
-    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'placeholder' | 'disabled' | 'aria-label'>;
+    inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'size' | 'placeholder' | 'disabled' | 'required' | 'aria-label'>;
 }
 /**
  * A data-agnostic, presentational combobox. It renders a search input with a
@@ -69,7 +86,7 @@ interface AutocompleteProps<T> extends Pick<VariantProps<typeof inputVariants>,
  * />
  * ```
  */
-declare function Autocomplete<T>({ items, onSelect, getItemKey, renderItem, filter, value: controlledValue, defaultValue, onValueChange, placeholder, emptyMessage, createLabel, onCreate, minQueryLength, clearOnSelect, disabled, size, className, inputClassName, inputRef, inputProps, 'aria-label': ariaLabel, }: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
+declare function Autocomplete<T>({ items, onSelect, getItemKey, renderItem, filter, value: controlledValue, defaultValue, onValueChange, placeholder, emptyMessage, createLabel, onCreate, minQueryLength, clearOnSelect, disabled, label, labelVariant, required, requiredVariant, size, className, inputClassName, inputRef, inputProps, 'aria-label': ariaLabel, }: AutocompleteProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Autocomplete {
     var displayName: string;
 }

package/dist/components/Autocomplete/index.js

@@ -1,5 +1,6 @@
-export { Autocomplete } from '../../chunk-P6L74SKG.js';
-import '../../chunk-YXCE2HSK.js';
+export { Autocomplete } from '../../chunk-QGZC43L7.js';
+import '../../chunk-6NZXWKUE.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-62ZOA6PX.js';
 import '../../chunk-BOOJDRJO.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/Badge/index.d.cts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "secondary" | "outline" | "danger" | "default" | "success" | "warning" | null | undefined;
+    variant?: "secondary" | "outline" | "danger" | "default" | "warning" | "success" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {

package/dist/components/Badge/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "secondary" | "outline" | "danger" | "default" | "success" | "warning" | null | undefined;
+    variant?: "secondary" | "outline" | "danger" | "default" | "warning" | "success" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {

package/dist/components/Card/index.d.cts

@@ -10,7 +10,7 @@ declare const cardVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const cardAccentVariants: (props?: ({
-    color?: "primary" | "success" | "info" | "warning" | "destructive" | null | undefined;
+    color?: "primary" | "warning" | "success" | "info" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     /** Semantic HTML element to render as */

package/dist/components/Card/index.d.ts

@@ -10,7 +10,7 @@ declare const cardVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const cardAccentVariants: (props?: ({
-    color?: "primary" | "success" | "info" | "warning" | "destructive" | null | undefined;
+    color?: "primary" | "warning" | "success" | "info" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
     /** Semantic HTML element to render as */

package/dist/components/Checkbox/index.cjs

@@ -1,21 +1,22 @@
 'use strict';
 
-var chunkS3MKIDYG_cjs = require('../../chunk-S3MKIDYG.cjs');
+var chunk7AECNMYV_cjs = require('../../chunk-7AECNMYV.cjs');
+require('../../chunk-Z5S5JEJD.cjs');
 require('../../chunk-S5RVSXDV.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkS3MKIDYG_cjs.Checkbox; }
+  get: function () { return chunk7AECNMYV_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
-  get: function () { return chunkS3MKIDYG_cjs.CheckboxGroup; }
+  get: function () { return chunk7AECNMYV_cjs.CheckboxGroup; }
 });
 Object.defineProperty(exports, "checkboxVariants", {
   enumerable: true,
-  get: function () { return chunkS3MKIDYG_cjs.checkboxVariants; }
+  get: function () { return chunk7AECNMYV_cjs.checkboxVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.d.cts

@@ -32,6 +32,14 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 interface CheckboxGroupProps {
     /** Group label */
     label?: string;
+    /**
+     * How the group label is rendered.
+     * - `stacked` (default): label above the options.
+     * - `floating`: renders the group as a bordered field matching floating
+     *   inputs, with the label fixed in the floated position so mixed forms
+     *   stay vertically aligned.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Description for the group */
     description?: string;
     /** Error message for the group */
@@ -55,7 +63,7 @@ interface CheckboxGroupProps {
  * </CheckboxGroup>
  * ```
  */
-declare function CheckboxGroup({ label, description, error, orientation, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroup({ label, labelVariant, description, error, orientation, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace CheckboxGroup {
     var displayName: string;
 }

package/dist/components/Checkbox/index.d.ts

@@ -32,6 +32,14 @@ declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.Re
 interface CheckboxGroupProps {
     /** Group label */
     label?: string;
+    /**
+     * How the group label is rendered.
+     * - `stacked` (default): label above the options.
+     * - `floating`: renders the group as a bordered field matching floating
+     *   inputs, with the label fixed in the floated position so mixed forms
+     *   stay vertically aligned.
+     */
+    labelVariant?: 'stacked' | 'floating';
     /** Description for the group */
     description?: string;
     /** Error message for the group */
@@ -55,7 +63,7 @@ interface CheckboxGroupProps {
  * </CheckboxGroup>
  * ```
  */
-declare function CheckboxGroup({ label, description, error, orientation, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxGroup({ label, labelVariant, description, error, orientation, children, className, }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 declare namespace CheckboxGroup {
     var displayName: string;
 }

package/dist/components/Checkbox/index.js

@@ -1,4 +1,5 @@
-export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-KFLDXJEE.js';
+export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-753Z3NXL.js';
+import '../../chunk-3IMM2PM4.js';
 import '../../chunk-TQONQSJO.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/ClampedText/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkN5O47VGS_cjs = require('../../chunk-N5O47VGS.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "ClampedText", {
+  enumerable: true,
+  get: function () { return chunkN5O47VGS_cjs.ClampedText; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/ClampedText/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/ClampedText/index.d.cts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {
+    /** The long text to clamp. */
+    text: string;
+    /** Lines visible while collapsed (2–8, default 6). */
+    lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    /** Skip the clamp entirely below this character count (default 280). */
+    threshold?: number;
+    /** Toggle labels, overridable for i18n. */
+    showMoreLabel?: string;
+    showLessLabel?: string;
+    /**
+     * Gradient start for the fade at the clamp edge — match it to the
+     * surface behind the text (default `from-card`).
+     */
+    fadeClassName?: string;
+}
+/**
+ * Clamps long text to N lines with a fade-out gradient and a
+ * Show more / Show less toggle. Short text renders inline with no
+ * toggle, so brief values stay flat. Pure presentation — ideal for
+ * free-text fields (messages, notes, descriptions) inside detail
+ * panels and modals.
+ *
+ * @example
+ * ```tsx
+ * <ClampedText text={note.body} lines={4} />
+ * ```
+ */
+declare const ClampedText: React.ForwardRefExoticComponent<ClampedTextProps & React.RefAttributes<HTMLElement>>;
+
+export { ClampedText, type ClampedTextProps };

package/dist/components/ClampedText/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+
+interface ClampedTextProps extends React.HTMLAttributes<HTMLElement> {
+    /** The long text to clamp. */
+    text: string;
+    /** Lines visible while collapsed (2–8, default 6). */
+    lines?: 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    /** Skip the clamp entirely below this character count (default 280). */
+    threshold?: number;
+    /** Toggle labels, overridable for i18n. */
+    showMoreLabel?: string;
+    showLessLabel?: string;
+    /**
+     * Gradient start for the fade at the clamp edge — match it to the
+     * surface behind the text (default `from-card`).
+     */
+    fadeClassName?: string;
+}
+/**
+ * Clamps long text to N lines with a fade-out gradient and a
+ * Show more / Show less toggle. Short text renders inline with no
+ * toggle, so brief values stay flat. Pure presentation — ideal for
+ * free-text fields (messages, notes, descriptions) inside detail
+ * panels and modals.
+ *
+ * @example
+ * ```tsx
+ * <ClampedText text={note.body} lines={4} />
+ * ```
+ */
+declare const ClampedText: React.ForwardRefExoticComponent<ClampedTextProps & React.RefAttributes<HTMLElement>>;
+
+export { ClampedText, type ClampedTextProps };

package/dist/components/ClampedText/index.js

@@ -0,0 +1,4 @@
+export { ClampedText } from '../../chunk-L6MDULYB.js';
+import '../../chunk-TQONQSJO.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ClampedText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/CopyButton/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkNGSDBWKA_cjs = require('../../chunk-NGSDBWKA.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+
+
+
+Object.defineProperty(exports, "CopyButton", {
+  enumerable: true,
+  get: function () { return chunkNGSDBWKA_cjs.CopyButton; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/CopyButton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}