@fayz-ai/ui 0.8.0 → 0.8.2

package/dist/primitives/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk7PTRAWHO_cjs = require('../chunk-7PTRAWHO.cjs');
+var chunkIEYCOJTY_cjs = require('../chunk-IEYCOJTY.cjs');
 var chunkOW73RZOU_cjs = require('../chunk-OW73RZOU.cjs');
 var chunkODY3GZ3Y_cjs = require('../chunk-ODY3GZ3Y.cjs');
 var chunkH6OULCHF_cjs = require('../chunk-H6OULCHF.cjs');
@@ -9,207 +9,211 @@ var chunkH6OULCHF_cjs = require('../chunk-H6OULCHF.cjs');
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Badge; }
+  get: function () { return chunkIEYCOJTY_cjs.Badge; }
 });
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Breadcrumb; }
+  get: function () { return chunkIEYCOJTY_cjs.Breadcrumb; }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Checkbox; }
+  get: function () { return chunkIEYCOJTY_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "ConfirmDialog", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ConfirmDialog; }
+  get: function () { return chunkIEYCOJTY_cjs.ConfirmDialog; }
 });
 Object.defineProperty(exports, "CurrencyInput", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.CurrencyInput; }
+  get: function () { return chunkIEYCOJTY_cjs.CurrencyInput; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.DatePicker; }
+  get: function () { return chunkIEYCOJTY_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Input; }
+  get: function () { return chunkIEYCOJTY_cjs.Input; }
 });
 Object.defineProperty(exports, "ListView", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ListView; }
+  get: function () { return chunkIEYCOJTY_cjs.ListView; }
 });
 Object.defineProperty(exports, "Markdown", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Markdown; }
+  get: function () { return chunkIEYCOJTY_cjs.Markdown; }
 });
 Object.defineProperty(exports, "MarkdownEditor", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.MarkdownEditor; }
+  get: function () { return chunkIEYCOJTY_cjs.MarkdownEditor; }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Modal; }
+  get: function () { return chunkIEYCOJTY_cjs.Modal; }
 });
 Object.defineProperty(exports, "ModalBody", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalBody; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalBody; }
 });
 Object.defineProperty(exports, "ModalClose", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalClose; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalClose; }
 });
 Object.defineProperty(exports, "ModalContent", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalContent; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalContent; }
 });
 Object.defineProperty(exports, "ModalDescription", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalDescription; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalDescription; }
 });
 Object.defineProperty(exports, "ModalFooter", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalFooter; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalFooter; }
 });
 Object.defineProperty(exports, "ModalHeader", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalHeader; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalHeader; }
 });
 Object.defineProperty(exports, "ModalOverlay", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalOverlay; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalOverlay; }
 });
 Object.defineProperty(exports, "ModalPortal", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalPortal; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalPortal; }
 });
 Object.defineProperty(exports, "ModalTitle", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalTitle; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalTitle; }
 });
 Object.defineProperty(exports, "ModalTrigger", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ModalTrigger; }
+  get: function () { return chunkIEYCOJTY_cjs.ModalTrigger; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Popover; }
+  get: function () { return chunkIEYCOJTY_cjs.Popover; }
 });
 Object.defineProperty(exports, "PopoverContent", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.PopoverContent; }
+  get: function () { return chunkIEYCOJTY_cjs.PopoverContent; }
 });
 Object.defineProperty(exports, "PopoverTrigger", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.PopoverTrigger; }
+  get: function () { return chunkIEYCOJTY_cjs.PopoverTrigger; }
+});
+Object.defineProperty(exports, "SearchCombobox", {
+  enumerable: true,
+  get: function () { return chunkIEYCOJTY_cjs.SearchCombobox; }
 });
 Object.defineProperty(exports, "SearchSelect", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SearchSelect; }
+  get: function () { return chunkIEYCOJTY_cjs.SearchSelect; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Select; }
+  get: function () { return chunkIEYCOJTY_cjs.Select; }
 });
 Object.defineProperty(exports, "SelectContent", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectContent; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectContent; }
 });
 Object.defineProperty(exports, "SelectGroup", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectGroup; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectGroup; }
 });
 Object.defineProperty(exports, "SelectItem", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectItem; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectItem; }
 });
 Object.defineProperty(exports, "SelectLabel", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectLabel; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectLabel; }
 });
 Object.defineProperty(exports, "SelectScrollDownButton", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectScrollDownButton; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectScrollDownButton; }
 });
 Object.defineProperty(exports, "SelectScrollUpButton", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectScrollUpButton; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectScrollUpButton; }
 });
 Object.defineProperty(exports, "SelectSeparator", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectSeparator; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectSeparator; }
 });
 Object.defineProperty(exports, "SelectTrigger", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectTrigger; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectTrigger; }
 });
 Object.defineProperty(exports, "SelectValue", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.SelectValue; }
+  get: function () { return chunkIEYCOJTY_cjs.SelectValue; }
 });
 Object.defineProperty(exports, "Separator", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Separator; }
+  get: function () { return chunkIEYCOJTY_cjs.Separator; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Skeleton; }
+  get: function () { return chunkIEYCOJTY_cjs.Skeleton; }
 });
 Object.defineProperty(exports, "TableSkeleton", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TableSkeleton; }
+  get: function () { return chunkIEYCOJTY_cjs.TableSkeleton; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Tabs; }
+  get: function () { return chunkIEYCOJTY_cjs.Tabs; }
 });
 Object.defineProperty(exports, "TabsContent", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TabsContent; }
+  get: function () { return chunkIEYCOJTY_cjs.TabsContent; }
 });
 Object.defineProperty(exports, "TabsList", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TabsList; }
+  get: function () { return chunkIEYCOJTY_cjs.TabsList; }
 });
 Object.defineProperty(exports, "TabsTrigger", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TabsTrigger; }
+  get: function () { return chunkIEYCOJTY_cjs.TabsTrigger; }
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TimePicker; }
+  get: function () { return chunkIEYCOJTY_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "ToastProvider", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.ToastProvider; }
+  get: function () { return chunkIEYCOJTY_cjs.ToastProvider; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.Tooltip; }
+  get: function () { return chunkIEYCOJTY_cjs.Tooltip; }
 });
 Object.defineProperty(exports, "TooltipContent", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TooltipContent; }
+  get: function () { return chunkIEYCOJTY_cjs.TooltipContent; }
 });
 Object.defineProperty(exports, "TooltipProvider", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TooltipProvider; }
+  get: function () { return chunkIEYCOJTY_cjs.TooltipProvider; }
 });
 Object.defineProperty(exports, "TooltipTrigger", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.TooltipTrigger; }
+  get: function () { return chunkIEYCOJTY_cjs.TooltipTrigger; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.badgeVariants; }
+  get: function () { return chunkIEYCOJTY_cjs.badgeVariants; }
 });
 Object.defineProperty(exports, "renderMarkdown", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.renderMarkdown; }
+  get: function () { return chunkIEYCOJTY_cjs.renderMarkdown; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunk7PTRAWHO_cjs.toast; }
+  get: function () { return chunkIEYCOJTY_cjs.toast; }
 });
 Object.defineProperty(exports, "Sheet", {
   enumerable: true,

package/dist/primitives/index.d.ts

@@ -24,4 +24,5 @@ export { Popover, PopoverTrigger, PopoverContent } from './popover';
 export { SegmentedControl, type SegmentedControlProps, type SegmentedOption } from './segmented-control';
 export { Markdown, renderMarkdown, type MarkdownProps } from './markdown';
 export { MarkdownEditor, type MarkdownEditorProps } from './markdown-editor';
+export { SearchCombobox, type ComboboxOption } from './SearchCombobox';
 //# sourceMappingURL=index.d.ts.map

package/dist/primitives/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACZ,MAAM,QAAQ,CAAA;AACf,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,KAAK,SAAS,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/primitives/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAC/D,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACZ,MAAM,QAAQ,CAAA;AACf,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,KAAK,SAAS,GACf,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC7E,OAAO,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,SAAS,EACT,WAAW,EACX,UAAU,EACV,gBAAgB,GACjB,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAC/F,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxG,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAC5E,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/primitives/index.js

@@ -1,4 +1,4 @@
-export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, Popover, PopoverContent, PopoverTrigger, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, renderMarkdown, toast } from '../chunk-OTUH4K4B.js';
+export { Badge, Breadcrumb, Checkbox, ConfirmDialog, CurrencyInput, DatePicker, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, Popover, PopoverContent, PopoverTrigger, SearchCombobox, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, renderMarkdown, toast } from '../chunk-J3IUFUNR.js';
 export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../chunk-75EFDLST.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, DataTable, Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownLabel, DropdownPortal, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, SegmentedControl } from '../chunk-FY7OZNKU.js';
 export { Button, buttonVariants } from '../chunk-YRVE4FOD.js';

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "beta"
   },
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "Fayz SDK UI — Radix + Tailwind component library with CRUD engine and layout shells",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -84,8 +84,8 @@
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.4.0",
     "zustand": "^4.5.0",
-    "@fayz-ai/core": "^0.8.0",
-    "@fayz-ai/auth": "^0.8.0"
+    "@fayz-ai/core": "^0.8.1",
+    "@fayz-ai/auth": "^0.8.1"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",

package/src/index.ts

@@ -103,6 +103,8 @@ export {
   type MarkdownProps,
   MarkdownEditor,
   type MarkdownEditorProps,
+  SearchCombobox,
+  type ComboboxOption,
 } from './primitives'
 
 // Layout

package/src/layout/Topbar.tsx

@@ -16,6 +16,7 @@ import {
   Activity,
   BarChart3,
   Clapperboard,
+  Newspaper,
   FileText,
   Mail,
   DollarSign,
@@ -207,7 +208,7 @@ export const ICON_MAP: Record<string, LucideIcon> = {
   Contact, Building2, ChevronDown, Filter, Plus, Shield, List, ListChecks, FolderOpen, Dog, Cat, PawPrint, Heart, LayoutTemplate, LeafyGreen, Apple, Egg, Wheat,
   ArrowDownCircle, ArrowUpCircle, ArrowLeftRight, Plug, SlidersHorizontal, TableProperties, Landmark, Receipt, TrendingUp, CircleDollarSign, Clock, AlertTriangle, Sparkles, Wallet, Warehouse, Ruler, ArrowUpRight, ArrowDownRight, UserPlus, UserX, TreePalm,
   Boxes, Box, FileCheck2, PartyPopper, Radio, CalendarDays, BadgeDollarSign, Banknote, Layers, Music, Eye, ListMusic, Disc3, UsersRound, Mic,
-  CalendarCheck2, CalendarX, ListPlus, Map, Ban, Clock3, Inbox, UserCheck, Star, Zap, Clapperboard,
+  CalendarCheck2, CalendarX, ListPlus, Map, Ban, Clock3, Inbox, UserCheck, Star, Zap, Clapperboard, Newspaper,
 }
 
 function getIcon(name: string): LucideIcon {

package/src/primitives/SearchCombobox.tsx

@@ -0,0 +1,216 @@
+import React, { useState, useEffect, useRef, useCallback } from 'react'
+import { createPortal } from 'react-dom'
+import { Search, Plus } from 'lucide-react'
+
+// ---------------------------------------------------------------------------
+// Reusable search combobox with keyboard navigation + optional create
+// ---------------------------------------------------------------------------
+
+export interface ComboboxOption {
+  id: string
+  label: string
+  subtitle?: string
+  price?: number
+  data?: Record<string, unknown>
+}
+
+interface SearchComboboxProps {
+  value: string
+  onChange: (value: string) => void
+  onSelect: (option: ComboboxOption) => void
+  options: ComboboxOption[]
+  placeholder?: string
+  autoFocus?: boolean
+  onBlurEmpty?: () => void
+  renderRight?: (option: ComboboxOption) => React.ReactNode
+  /** Show a "+ Create ..." option when search has no exact match */
+  allowCreate?: boolean
+  /** Called when user clicks the create option. Receives the current search text. */
+  onCreateNew?: (searchText: string) => void
+  /** Label for the create option (default: 'Create') */
+  createLabel?: string
+  className?: string
+  /** Minimal style — no border/bg, just underline on focus. For inline use. */
+  minimal?: boolean
+  /** Inline label shown when collapsed. Click reveals the search input. */
+  inlineLabel?: string
+  /** Icon for the inline label: 'search' (default) or 'plus' (for "add" actions) */
+  inlineIcon?: 'search' | 'plus'
+  /** Show a loading skeleton in the dropdown while results are being fetched */
+  loading?: boolean
+  /** Called when the input gains focus */
+  onFocus?: () => void
+}
+
+export function SearchCombobox({
+  value, onChange, onSelect, options, placeholder, autoFocus, onBlurEmpty,
+  renderRight, allowCreate, onCreateNew, createLabel = 'Create', className, minimal, inlineLabel, inlineIcon = 'search',
+  loading, onFocus: onFocusProp,
+}: SearchComboboxProps) {
+  const [open, setOpen] = useState(false)
+  const [activeIndex, setActiveIndex] = useState(-1)
+  const [expanded, setExpanded] = useState(!inlineLabel)
+  const [dropRect, setDropRect] = useState<DOMRect | null>(null)
+  const inputRef = useRef<HTMLInputElement>(null)
+  const wrapperRef = useRef<HTMLDivElement>(null)
+  const listRef = useRef<HTMLDivElement>(null)
+
+  // When value is set externally (e.g. edit mode), auto-expand; collapse when cleared
+  useEffect(() => {
+    if (value && inlineLabel) setExpanded(true)
+    if (!value && inlineLabel && !open) setExpanded(false)
+  }, [value, open])
+
+  function updateRect() {
+    if (wrapperRef.current) setDropRect(wrapperRef.current.getBoundingClientRect())
+  }
+
+  // Show create option only when dropdown is open, has text, and no exact match
+  const showCreate = open && allowCreate && onCreateNew && value.trim().length > 0 &&
+    !options.some((o) => o.label.toLowerCase() === value.trim().toLowerCase())
+
+  const totalItems = options.length + (showCreate ? 1 : 0)
+
+  useEffect(() => { setActiveIndex(-1) }, [options])
+  useEffect(() => {
+    if ((options.length > 0 || showCreate || loading) && document.activeElement === inputRef.current) setOpen(true)
+  }, [options, showCreate, loading])
+
+  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {
+    if (!open || totalItems === 0) {
+      if (e.key === 'ArrowDown' && totalItems > 0) {
+        e.preventDefault()
+        setOpen(true)
+        setActiveIndex(0)
+      }
+      return
+    }
+
+    switch (e.key) {
+      case 'ArrowDown':
+        e.preventDefault()
+        setActiveIndex((prev) => (prev + 1) % totalItems)
+        break
+      case 'ArrowUp':
+        e.preventDefault()
+        setActiveIndex((prev) => (prev <= 0 ? totalItems - 1 : prev - 1))
+        break
+      case 'Enter':
+        e.preventDefault()
+        if (activeIndex >= 0 && activeIndex < options.length) {
+          onSelect(options[activeIndex])
+          setOpen(false)
+          setActiveIndex(-1)
+        } else if (showCreate && activeIndex === options.length) {
+          onCreateNew?.(value.trim())
+          setOpen(false)
+          setActiveIndex(-1)
+        }
+        break
+      case 'Escape':
+        e.preventDefault()
+        setOpen(false)
+        setActiveIndex(-1)
+        break
+    }
+  }, [open, options, totalItems, activeIndex, onSelect, showCreate, onCreateNew, value])
+
+  useEffect(() => {
+    if (activeIndex < 0 || !listRef.current) return
+    const items = listRef.current.children
+    if (items[activeIndex]) (items[activeIndex] as HTMLElement).scrollIntoView({ block: 'nearest' })
+  }, [activeIndex])
+
+  function handleBlur() {
+    setTimeout(() => {
+      setOpen(false)
+      setActiveIndex(-1)
+      if (!value && onBlurEmpty) onBlurEmpty()
+      if (!value && inlineLabel) setExpanded(false)
+    }, 200)
+  }
+
+  const hasDropdown = open && (options.length > 0 || showCreate || loading)
+
+  // Collapsed inline label — click to expand
+  if (!expanded && inlineLabel) {
+    const isPlus = inlineIcon === 'plus'
+    return (
+      <button type="button" onClick={() => { setExpanded(true); setTimeout(() => inputRef.current?.focus(), 50) }}
+        className={`flex items-center gap-1.5 w-full text-left text-sm py-1.5 pl-2 transition-colors ${
+          isPlus ? 'text-primary hover:text-primary/80' : 'text-muted-foreground hover:text-foreground'
+        } ${className ?? ''}`}>
+        {isPlus && <Plus className="h-3.5 w-3.5 shrink-0" />}
+        {inlineLabel}
+      </button>
+    )
+  }
+
+  return (
+    <div ref={wrapperRef} className={`relative ${className ?? ''}`}>
+      {!minimal && (
+        <Search className="absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none" />
+      )}
+      <input
+        ref={inputRef}
+        type="text"
+        value={value}
+        onChange={(e) => { onChange(e.target.value); updateRect(); setOpen(true) }}
+        onFocus={() => { updateRect(); onFocusProp?.(); if (options.length > 0 || showCreate || loading) setOpen(true) }}
+        onBlur={handleBlur}
+        onKeyDown={handleKeyDown}
+        placeholder={placeholder}
+        autoFocus={autoFocus}
+        className={minimal
+          ? 'w-full bg-transparent pl-2 pr-3 py-1.5 text-sm placeholder:text-muted-foreground focus:outline-none border-b border-transparent hover:border-border focus:border-foreground transition-colors'
+          : 'w-full rounded-lg border bg-background pl-8 pr-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring'
+        }
+        role="combobox"
+        aria-expanded={hasDropdown}
+        aria-autocomplete="list"
+        aria-activedescendant={activeIndex >= 0 ? `combobox-opt-${activeIndex}` : undefined}
+      />
+      {hasDropdown && dropRect && createPortal(
+        <div ref={listRef} role="listbox" data-modal-passthrough
+          style={{ position: 'fixed', left: dropRect.left, top: dropRect.bottom + 4, width: dropRect.width, zIndex: 9999, pointerEvents: 'auto' }}
+          className="fayz-glass-surface max-h-52 overflow-y-auto rounded-lg border bg-popover shadow-lg py-0.5 animate-in fade-in zoom-in-95 duration-100">
+          {loading && options.length === 0 && (
+            <div className="flex items-center gap-2 px-3 py-2 text-sm text-muted-foreground">
+              <svg className="h-3.5 w-3.5 animate-spin shrink-0" viewBox="0 0 16 16" fill="none">
+                <circle cx="8" cy="8" r="6.5" stroke="currentColor" strokeWidth="1.5" opacity="0.25" />
+                <path d="M14.5 8a6.5 6.5 0 00-6.5-6.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
+              </svg>
+              <span>Buscando…</span>
+            </div>
+          )}
+          {options.map((opt, i) => (
+            <div key={opt.id} id={`combobox-opt-${i}`} role="option" aria-selected={i === activeIndex}
+              onMouseDown={(e) => { e.preventDefault(); onSelect(opt); setOpen(false) }}
+              onMouseEnter={() => setActiveIndex(i)}
+              className={`flex w-full items-center gap-2 px-3 py-2 text-sm cursor-pointer transition-colors ${
+                i === activeIndex ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50'
+              }`}>
+              <div className="flex-1 min-w-0">
+                <p className="truncate font-medium">{opt.label}</p>
+                {opt.subtitle && <p className="truncate text-[11px] text-muted-foreground">{opt.subtitle}</p>}
+              </div>
+              {renderRight && <div className="shrink-0">{renderRight(opt)}</div>}
+            </div>
+          ))}
+          {showCreate && (
+            <div id={`combobox-opt-${options.length}`} role="option" aria-selected={activeIndex === options.length}
+              onMouseDown={(e) => { e.preventDefault(); onCreateNew?.(value.trim()); setOpen(false) }}
+              onMouseEnter={() => setActiveIndex(options.length)}
+              className={`flex w-full items-center gap-2 px-3 py-2 text-sm cursor-pointer transition-colors border-t ${
+                activeIndex === options.length ? 'bg-primary/10 text-primary' : 'hover:bg-muted/50'
+              }`}>
+              <Plus className="h-3.5 w-3.5 shrink-0" />
+              <span>{createLabel} &ldquo;<span className="font-medium">{value.trim()}</span>&rdquo;</span>
+            </div>
+          )}
+        </div>,
+        document.body,
+      )}
+    </div>
+  )
+}

package/src/primitives/index.ts

@@ -83,3 +83,4 @@ export { Popover, PopoverTrigger, PopoverContent } from './popover'
 export { SegmentedControl, type SegmentedControlProps, type SegmentedOption } from './segmented-control'
 export { Markdown, renderMarkdown, type MarkdownProps } from './markdown'
 export { MarkdownEditor, type MarkdownEditorProps } from './markdown-editor'
+export { SearchCombobox, type ComboboxOption } from './SearchCombobox'