@particle-academy/react-fancy 5.30.0 → 5.32.0

package/dist/switch.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
 require('./chunk-OYZDSMNP.cjs');
-var chunkB5KK7NYP_cjs = require('./chunk-B5KK7NYP.cjs');
+var chunkY52NXM73_cjs = require('./chunk-Y52NXM73.cjs');
 require('./chunk-YLGTDBB2.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
-require('./chunk-OUOEQZHY.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkB5KK7NYP_cjs.Switch; }
+  get: function () { return chunkY52NXM73_cjs.Switch; }
 });
 //# sourceMappingURL=switch.cjs.map
 //# sourceMappingURL=switch.cjs.map

package/dist/switch.js

@@ -1,9 +1,9 @@
 import './chunk-NW3GJWJ7.js';
-export { Switch } from './chunk-6ZDXG5VC.js';
+export { Switch } from './chunk-NBAHXZHJ.js';
 import './chunk-GFYSELJF.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';
-import './chunk-6FQGMVF2.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=switch.js.map
 //# sourceMappingURL=switch.js.map

package/dist/table.cjs

@@ -1,50 +1,50 @@
 'use strict';
 
-var chunkPWLBHNOA_cjs = require('./chunk-PWLBHNOA.cjs');
-require('./chunk-OUOEQZHY.cjs');
+var chunkZ3NSPDTW_cjs = require('./chunk-Z3NSPDTW.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.Table; }
+  get: function () { return chunkZ3NSPDTW_cjs.Table; }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableBody; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableBody; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableCell; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableCell; }
 });
 Object.defineProperty(exports, "TableColumn", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableColumn; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableColumn; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableHead; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableHead; }
 });
 Object.defineProperty(exports, "TablePagination", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TablePagination; }
+  get: function () { return chunkZ3NSPDTW_cjs.TablePagination; }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableRow; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableRow; }
 });
 Object.defineProperty(exports, "TableRowTray", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableRowTray; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableRowTray; }
 });
 Object.defineProperty(exports, "TableSearch", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableSearch; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableSearch; }
 });
 Object.defineProperty(exports, "TableTray", {
   enumerable: true,
-  get: function () { return chunkPWLBHNOA_cjs.TableTray; }
+  get: function () { return chunkZ3NSPDTW_cjs.TableTray; }
 });
 //# sourceMappingURL=table.cjs.map
 //# sourceMappingURL=table.cjs.map

package/dist/table.js

@@ -1,5 +1,5 @@
-export { Table, TableBody, TableCell, TableColumn, TableHead, TablePagination, TableRow, TableRowTray, TableSearch, TableTray } from './chunk-XXBW4EUO.js';
-import './chunk-6FQGMVF2.js';
+export { Table, TableBody, TableCell, TableColumn, TableHead, TablePagination, TableRow, TableRowTray, TableSearch, TableTray } from './chunk-P7Q2YIIS.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=table.js.map
 //# sourceMappingURL=table.js.map

package/dist/tabs.cjs

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunk3EIB7RPD_cjs = require('./chunk-3EIB7RPD.cjs');
-require('./chunk-OUOEQZHY.cjs');
+var chunk3Q4NSAEA_cjs = require('./chunk-3Q4NSAEA.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk3EIB7RPD_cjs.Tabs; }
+  get: function () { return chunk3Q4NSAEA_cjs.Tabs; }
 });
 Object.defineProperty(exports, "useTabs", {
   enumerable: true,
-  get: function () { return chunk3EIB7RPD_cjs.useTabs; }
+  get: function () { return chunk3Q4NSAEA_cjs.useTabs; }
 });
 //# sourceMappingURL=tabs.cjs.map
 //# sourceMappingURL=tabs.cjs.map

package/dist/tabs.js

@@ -1,5 +1,5 @@
-export { Tabs, useTabs } from './chunk-VME5743O.js';
-import './chunk-6FQGMVF2.js';
+export { Tabs, useTabs } from './chunk-FNEPZ33A.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=tabs.js.map
 //# sourceMappingURL=tabs.js.map

package/dist/time-picker.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkNR346SKH_cjs = require('./chunk-NR346SKH.cjs');
+var chunkYMDYDUBH_cjs = require('./chunk-YMDYDUBH.cjs');
 require('./chunk-KJ22KE56.cjs');
 require('./chunk-L3V3BYVS.cjs');
-require('./chunk-OUOEQZHY.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkNR346SKH_cjs.TimePicker; }
+  get: function () { return chunkYMDYDUBH_cjs.TimePicker; }
 });
 //# sourceMappingURL=time-picker.cjs.map
 //# sourceMappingURL=time-picker.cjs.map

package/dist/time-picker.js

@@ -1,7 +1,7 @@
-export { TimePicker } from './chunk-GKEWT3DW.js';
+export { TimePicker } from './chunk-OTCLBINT.js';
 import './chunk-OL53XYHF.js';
 import './chunk-NRXK42LO.js';
-import './chunk-6FQGMVF2.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=time-picker.js.map
 //# sourceMappingURL=time-picker.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.30.0",
+  "version": "5.32.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",
@@ -928,7 +928,8 @@
   "files": [
     "dist",
     "docs",
-    "README.md"
+    "README.md",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "build": "node --max-old-space-size=8192 ./node_modules/tsup/dist/cli-default.js",
@@ -979,7 +980,9 @@
     "**/*.css"
   ],
   "overrides": {
-    "esbuild": "^0.28.1"
+    "esbuild": "^0.28.1",
+    "brace-expansion": "^5.0.12",
+    "undici": "^7.29.1"
   },
   "engines": {
     "node": ">=22"

package/dist/chunk-6FQGMVF2.js

@@ -1,25 +0,0 @@
-import { useState, useRef, useCallback } from 'react';
-
-// src/hooks/use-controllable-state.ts
-function useControllableState(controlledValue, defaultValue, onChange) {
-  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = useCallback(
-    (next) => {
-      const nextValue = typeof next === "function" ? next(value) : next;
-      if (!isControlled) {
-        setUncontrolledValue(nextValue);
-      }
-      onChangeRef.current?.(nextValue);
-    },
-    [isControlled, value]
-  );
-  return [value, setValue];
-}
-
-export { useControllableState };
-//# sourceMappingURL=chunk-6FQGMVF2.js.map
-//# sourceMappingURL=chunk-6FQGMVF2.js.map

package/dist/chunk-6FQGMVF2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-controllable-state.ts"],"names":[],"mappings":";;;AAEO,SAAS,oBAAA,CACd,eAAA,EACA,YAAA,EACA,QAAA,EAC4C;AAC5C,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,YAAY,CAAA;AACvE,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,eAAe,eAAA,GAAkB,iBAAA;AAC/C,EAAA,MAAM,WAAA,GAAc,OAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAEtB,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,IAAA,KAA+B;AAC9B,MAAA,MAAM,YACJ,OAAO,IAAA,KAAS,UAAA,GAAc,IAAA,CAAwB,KAAK,CAAA,GAAI,IAAA;AAEjE,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,SAAS,CAAA;AAAA,MAChC;AAEA,MAAA,WAAA,CAAY,UAAU,SAAS,CAAA;AAAA,IACjC,CAAA;AAAA,IACA,CAAC,cAAc,KAAK;AAAA,GACtB;AAEA,EAAA,OAAO,CAAC,OAAO,QAAQ,CAAA;AACzB","file":"chunk-6FQGMVF2.js","sourcesContent":["import { useCallback, useRef, useState } from \"react\";\n\nexport function useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n): [T, (value: T | ((prev: T) => T)) => void] {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const setValue = useCallback(\n    (next: T | ((prev: T) => T)) => {\n      const nextValue =\n        typeof next === \"function\" ? (next as (prev: T) => T)(value) : next;\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n\n      onChangeRef.current?.(nextValue);\n    },\n    [isControlled, value],\n  );\n\n  return [value, setValue];\n}\n"]}

package/dist/chunk-OGEE23SP.cjs

@@ -1,83 +0,0 @@
-'use strict';
-
-var chunkOUOEQZHY_cjs = require('./chunk-OUOEQZHY.cjs');
-var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var Composer = react.forwardRef(
-  function Composer2({
-    value: controlledValue,
-    defaultValue = "",
-    onChange,
-    onSubmit,
-    placeholder = "Type a message...",
-    actions,
-    disabled = false,
-    className
-  }, ref) {
-    const [value, setValue] = chunkOUOEQZHY_cjs.useControllableState(
-      controlledValue,
-      defaultValue,
-      onChange
-    );
-    const textareaRef = react.useRef(null);
-    const handleSubmit = react.useCallback(() => {
-      if (!value.trim() || disabled) return;
-      onSubmit?.(value);
-      setValue("");
-      textareaRef.current?.focus();
-    }, [value, disabled, onSubmit, setValue]);
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.shiftKey) {
-        e.preventDefault();
-        handleSubmit();
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        "data-react-fancy-composer": "",
-        ref,
-        className: chunkZU5Q77OT_cjs.cn(
-          "rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900",
-          disabled && "opacity-50",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "textarea",
-            {
-              ref: textareaRef,
-              value,
-              onChange: (e) => setValue(e.target.value),
-              onKeyDown: handleKeyDown,
-              placeholder,
-              disabled,
-              rows: 3,
-              className: "w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: actions }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleSubmit,
-                disabled: disabled || !value.trim(),
-                className: "rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100",
-                children: "Send"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-Composer.displayName = "Composer";
-
-exports.Composer = Composer;
-//# sourceMappingURL=chunk-OGEE23SP.cjs.map
-//# sourceMappingURL=chunk-OGEE23SP.cjs.map

package/dist/chunk-OGEE23SP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Composer/Composer.tsx"],"names":["forwardRef","Composer","useControllableState","useRef","useCallback","jsxs","cn","jsx"],"mappings":";;;;;;;AAKO,IAAM,QAAA,GAAWA,gBAAA;AAAA,EACtB,SAASC,SAAAA,CACP;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,EAAA;AAAA,IACf,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,mBAAA;AAAA,IACd,OAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,sCAAA;AAAA,MACxB,eAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,WAAA,GAAcC,aAA4B,IAAI,CAAA;AAEpD,IAAA,MAAM,YAAA,GAAeC,kBAAY,MAAM;AACrC,MAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,IAAK,QAAA,EAAU;AAC/B,MAAA,QAAA,GAAW,KAAK,CAAA;AAChB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,WAAA,CAAY,SAAS,KAAA,EAAM;AAAA,IAC7B,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,QAAQ,CAAC,CAAA;AAExC,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAgD;AACrE,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,EAAE,QAAA,EAAU;AACpC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAEA,IAAA,uBACEC,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,2BAAA,EAA0B,EAAA;AAAA,QAC1B,GAAA;AAAA,QACA,SAAA,EAAWC,oBAAA;AAAA,UACT,kFAAA;AAAA,UACA,QAAA,IAAY,YAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,WAAA;AAAA,cACL,KAAA;AAAA,cACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cACxC,SAAA,EAAW,aAAA;AAAA,cACX,WAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA,EAAM,CAAA;AAAA,cACN,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACAF,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2FAAA,EACb,QAAA,EAAA;AAAA,4BAAAE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,4BAClDA,cAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,YAAA;AAAA,gBACT,QAAA,EAAU,QAAA,IAAY,CAAC,KAAA,CAAM,IAAA,EAAK;AAAA,gBAClC,SAAA,EAAU,mLAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-OGEE23SP.cjs","sourcesContent":["import { forwardRef, useCallback, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport type { ComposerProps } from \"./Composer.types\";\n\nexport const Composer = forwardRef<HTMLDivElement, ComposerProps>(\n  function Composer(\n    {\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onSubmit,\n      placeholder = \"Type a message...\",\n      actions,\n      disabled = false,\n      className,\n    },\n    ref,\n  ) {\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onChange,\n    );\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const handleSubmit = useCallback(() => {\n      if (!value.trim() || disabled) return;\n      onSubmit?.(value);\n      setValue(\"\");\n      textareaRef.current?.focus();\n    }, [value, disabled, onSubmit, setValue]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    return (\n      <div\n        data-react-fancy-composer=\"\"\n        ref={ref}\n        className={cn(\n          \"rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n          disabled && \"opacity-50\",\n          className,\n        )}\n      >\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={3}\n          className=\"w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400\"\n        />\n        <div className=\"flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800\">\n          <div className=\"flex items-center gap-1\">{actions}</div>\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={disabled || !value.trim()}\n            className=\"rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nComposer.displayName = \"Composer\";\n"]}

package/dist/chunk-OUOEQZHY.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/hooks/use-controllable-state.ts
-function useControllableState(controlledValue, defaultValue, onChange) {
-  const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : uncontrolledValue;
-  const onChangeRef = react.useRef(onChange);
-  onChangeRef.current = onChange;
-  const setValue = react.useCallback(
-    (next) => {
-      const nextValue = typeof next === "function" ? next(value) : next;
-      if (!isControlled) {
-        setUncontrolledValue(nextValue);
-      }
-      onChangeRef.current?.(nextValue);
-    },
-    [isControlled, value]
-  );
-  return [value, setValue];
-}
-
-exports.useControllableState = useControllableState;
-//# sourceMappingURL=chunk-OUOEQZHY.cjs.map
-//# sourceMappingURL=chunk-OUOEQZHY.cjs.map

package/dist/chunk-OUOEQZHY.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-controllable-state.ts"],"names":["useState","useRef","useCallback"],"mappings":";;;;;AAEO,SAAS,oBAAA,CACd,eAAA,EACA,YAAA,EACA,QAAA,EAC4C;AAC5C,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,eAAS,YAAY,CAAA;AACvE,EAAA,MAAM,eAAe,eAAA,KAAoB,MAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,eAAe,eAAA,GAAkB,iBAAA;AAC/C,EAAA,MAAM,WAAA,GAAcC,aAAO,QAAQ,CAAA;AACnC,EAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAEtB,EAAA,MAAM,QAAA,GAAWC,iBAAA;AAAA,IACf,CAAC,IAAA,KAA+B;AAC9B,MAAA,MAAM,YACJ,OAAO,IAAA,KAAS,UAAA,GAAc,IAAA,CAAwB,KAAK,CAAA,GAAI,IAAA;AAEjE,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,oBAAA,CAAqB,SAAS,CAAA;AAAA,MAChC;AAEA,MAAA,WAAA,CAAY,UAAU,SAAS,CAAA;AAAA,IACjC,CAAA;AAAA,IACA,CAAC,cAAc,KAAK;AAAA,GACtB;AAEA,EAAA,OAAO,CAAC,OAAO,QAAQ,CAAA;AACzB","file":"chunk-OUOEQZHY.cjs","sourcesContent":["import { useCallback, useRef, useState } from \"react\";\n\nexport function useControllableState<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (value: T) => void,\n): [T, (value: T | ((prev: T) => T)) => void] {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : uncontrolledValue;\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const setValue = useCallback(\n    (next: T | ((prev: T) => T)) => {\n      const nextValue =\n        typeof next === \"function\" ? (next as (prev: T) => T)(value) : next;\n\n      if (!isControlled) {\n        setUncontrolledValue(nextValue);\n      }\n\n      onChangeRef.current?.(nextValue);\n    },\n    [isControlled, value],\n  );\n\n  return [value, setValue];\n}\n"]}

package/dist/chunk-VVL5LMLW.js

@@ -1,81 +0,0 @@
-import { useControllableState } from './chunk-6FQGMVF2.js';
-import { cn } from './chunk-MMW2JGKZ.js';
-import { forwardRef, useRef, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Composer = forwardRef(
-  function Composer2({
-    value: controlledValue,
-    defaultValue = "",
-    onChange,
-    onSubmit,
-    placeholder = "Type a message...",
-    actions,
-    disabled = false,
-    className
-  }, ref) {
-    const [value, setValue] = useControllableState(
-      controlledValue,
-      defaultValue,
-      onChange
-    );
-    const textareaRef = useRef(null);
-    const handleSubmit = useCallback(() => {
-      if (!value.trim() || disabled) return;
-      onSubmit?.(value);
-      setValue("");
-      textareaRef.current?.focus();
-    }, [value, disabled, onSubmit, setValue]);
-    const handleKeyDown = (e) => {
-      if (e.key === "Enter" && !e.shiftKey) {
-        e.preventDefault();
-        handleSubmit();
-      }
-    };
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        "data-react-fancy-composer": "",
-        ref,
-        className: cn(
-          "rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900",
-          disabled && "opacity-50",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              ref: textareaRef,
-              value,
-              onChange: (e) => setValue(e.target.value),
-              onKeyDown: handleKeyDown,
-              placeholder,
-              disabled,
-              rows: 3,
-              className: "w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400"
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: actions }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleSubmit,
-                disabled: disabled || !value.trim(),
-                className: "rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100",
-                children: "Send"
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-Composer.displayName = "Composer";
-
-export { Composer };
-//# sourceMappingURL=chunk-VVL5LMLW.js.map
-//# sourceMappingURL=chunk-VVL5LMLW.js.map

package/dist/chunk-VVL5LMLW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Composer/Composer.tsx"],"names":["Composer"],"mappings":";;;;;AAKO,IAAM,QAAA,GAAW,UAAA;AAAA,EACtB,SAASA,SAAAA,CACP;AAAA,IACE,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,EAAA;AAAA,IACf,QAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,mBAAA;AAAA,IACd,OAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX;AAAA,KAEF,GAAA,EACA;AACA,IAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,oBAAA;AAAA,MACxB,eAAA;AAAA,MACA,YAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,MAAM,WAAA,GAAc,OAA4B,IAAI,CAAA;AAEpD,IAAA,MAAM,YAAA,GAAe,YAAY,MAAM;AACrC,MAAA,IAAI,CAAC,KAAA,CAAM,IAAA,EAAK,IAAK,QAAA,EAAU;AAC/B,MAAA,QAAA,GAAW,KAAK,CAAA;AAChB,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA,WAAA,CAAY,SAAS,KAAA,EAAM;AAAA,IAC7B,GAAG,CAAC,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,QAAQ,CAAC,CAAA;AAExC,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAgD;AACrE,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAC,EAAE,QAAA,EAAU;AACpC,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,YAAA,EAAa;AAAA,MACf;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,2BAAA,EAA0B,EAAA;AAAA,QAC1B,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kFAAA;AAAA,UACA,QAAA,IAAY,YAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,WAAA;AAAA,cACL,KAAA;AAAA,cACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cACxC,SAAA,EAAW,aAAA;AAAA,cACX,WAAA;AAAA,cACA,QAAA;AAAA,cACA,IAAA,EAAM,CAAA;AAAA,cACN,SAAA,EAAU;AAAA;AAAA,WACZ;AAAA,0BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2FAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yBAAA,EAA2B,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,4BAClD,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,YAAA;AAAA,gBACT,QAAA,EAAU,QAAA,IAAY,CAAC,KAAA,CAAM,IAAA,EAAK;AAAA,gBAClC,SAAA,EAAU,mLAAA;AAAA,gBACX,QAAA,EAAA;AAAA;AAAA;AAED,WAAA,EACF;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-VVL5LMLW.js","sourcesContent":["import { forwardRef, useCallback, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport type { ComposerProps } from \"./Composer.types\";\n\nexport const Composer = forwardRef<HTMLDivElement, ComposerProps>(\n  function Composer(\n    {\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onSubmit,\n      placeholder = \"Type a message...\",\n      actions,\n      disabled = false,\n      className,\n    },\n    ref,\n  ) {\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onChange,\n    );\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n    const handleSubmit = useCallback(() => {\n      if (!value.trim() || disabled) return;\n      onSubmit?.(value);\n      setValue(\"\");\n      textareaRef.current?.focus();\n    }, [value, disabled, onSubmit, setValue]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      if (e.key === \"Enter\" && !e.shiftKey) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    return (\n      <div\n        data-react-fancy-composer=\"\"\n        ref={ref}\n        className={cn(\n          \"rounded-xl border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-900\",\n          disabled && \"opacity-50\",\n          className,\n        )}\n      >\n        <textarea\n          ref={textareaRef}\n          value={value}\n          onChange={(e) => setValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          rows={3}\n          className=\"w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400\"\n        />\n        <div className=\"flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800\">\n          <div className=\"flex items-center gap-1\">{actions}</div>\n          <button\n            type=\"button\"\n            onClick={handleSubmit}\n            disabled={disabled || !value.trim()}\n            className=\"rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nComposer.displayName = \"Composer\";\n"]}