@fayz-ai/ui 0.40.0 → 0.42.0

package/dist/layout/index.js

@@ -1,6 +1,6 @@
 export { AppShellSkeleton, ContentSplit, ContentSplitTrigger, Takeover, useTakeoverClose } from '../chunk-BJNV7RJQ.js';
 import '../chunk-N6LNCYOT.js';
-export { AppShell, BackStyleProvider, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeaderActions, PageRail, PageSubNav, PageTrail, PageTransition, PageViewBar, RailColumn, RailNavItem, SUB_NAV_STYLE, SaveBar, SaveBarProvider, ShellSearch, Sidebar, SubpageHeader, Topbar, bottomNavReachesAll, isCreateRoute, navigateToCrumb, useBackHandler, useBackStyle, useCurrentRouteHref, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition, usePageTrail, usePageTrailParent, useRailRow, useSaveBar, useTrailBack } from '../chunk-TP4YGQY7.js';
+export { AppShell, BackStyleProvider, ModuleLayoutProvider, ModulePage, NavTransitionProvider, PageHeaderActions, PageRail, PageSubNav, PageTrail, PageTransition, PageViewBar, RailColumn, RailNavItem, SUB_NAV_STYLE, SaveBar, SaveBarProvider, ShellSearch, Sidebar, SubpageHeader, Topbar, bottomNavReachesAll, isCreateRoute, navigateToCrumb, useBackHandler, useBackStyle, useCurrentRouteHref, useModuleHeaderActionsSlot, useModuleHeaderSlot, useModuleLayout, useNavTransition, usePageTrail, usePageTrailParent, useRailRow, useSaveBar, useTrailBack } from '../chunk-UKMRHO5B.js';
 import '../chunk-FKYFYGAS.js';
 export { ICON_MAP } from '../chunk-ZTS5S6BZ.js';
 //# sourceMappingURL=index.js.map

package/dist/primitives/index.js

@@ -1,7 +1,7 @@
-export { AdaptiveFilter, AiActionButton, Badge, Breadcrumb, BulkActionBar, CHOICE_SEARCH_THRESHOLD, ChevronPager, ChoiceList, ChoiceSelect, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, INLINE_LINK_TONE, InlineLink, Input, ListFilterBar, ListView, ManageRow, Markdown, MarkdownEditor, MiniCalendar, ModalFlow, ModalFlowEntry, ModalTask, ModalTaskHeader, ModalTaskHost, MultiSelect, NestedPane, PageActionBar, PersonAvatar, PersonMultiPicker, PersonPicker, PhoneField, PhoneLink, PickerDialog, PickerList, RailWorkspace, RefreshButton, RequiredFilter, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, StatTiles, StockEntryForm, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, WHATSAPP_BRAND_COLOR, WhatsAppIcon, WizardSteps, badgeVariants, formatPhone, normalizePhone, personInitials, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, toast, useFilterDraft, useInModalTaskHost, useRowSelection } from '../chunk-DC6NZZ55.js';
+export { AdaptiveFilter, AiActionButton, Badge, Breadcrumb, BulkActionBar, CHOICE_SEARCH_THRESHOLD, ChevronPager, ChoiceList, ChoiceSelect, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, INLINE_LINK_TONE, InlineLink, Input, ListFilterBar, ListView, ManageRow, Markdown, MarkdownEditor, MiniCalendar, ModalFlow, ModalFlowEntry, ModalTask, ModalTaskHeader, ModalTaskHost, MultiSelect, NestedPane, PageActionBar, PersonAvatar, PersonMultiPicker, PersonPicker, PhoneField, PhoneLink, PickerDialog, PickerList, RailWorkspace, RefreshButton, RequiredFilter, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, StatTiles, StockEntryForm, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, WHATSAPP_BRAND_COLOR, WhatsAppIcon, WizardSteps, badgeVariants, formatPhone, normalizePhone, personInitials, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, toast, useFilterDraft, useInModalTaskHost, useRowSelection } from '../chunk-47B6ISJ6.js';
 export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../chunk-N6LNCYOT.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DataTable, Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownLabel, DropdownPortal, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, FilterMenu, FilterMenuRow, PageToolbar, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RangeControl, Skeleton, TableSkeleton, ToolbarAction, ToolbarButton, useToolbarPanelClose, useToolbarSurface } from '../chunk-KVYT76DD.js';
-export { BottomSheet, HeaderTabs, Hint, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PageHeader, PageHeaderCrumb, PageTabs, SheetCard, SheetRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, ViewTabs, useModalHost, useSheetClose, useSheetDrag } from '../chunk-TP4YGQY7.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, DataTable, Dropdown, DropdownCheckboxItem, DropdownContent, DropdownGroup, DropdownItem, DropdownLabel, DropdownPortal, DropdownRadioGroup, DropdownRadioItem, DropdownSeparator, DropdownShortcut, DropdownSub, DropdownSubContent, DropdownSubTrigger, DropdownTrigger, FilterMenu, FilterMenuRow, PageToolbar, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RangeControl, Skeleton, TableSkeleton, ToolbarAction, ToolbarButton, useToolbarPanelClose, useToolbarSurface } from '../chunk-GG5XY6SF.js';
+export { BottomSheet, HeaderTabs, Hint, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PageHeader, PageHeaderCrumb, PageTabs, SheetCard, SheetRow, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, ViewTabs, useModalHost, useSheetClose, useSheetDrag } from '../chunk-UKMRHO5B.js';
 export { ColorPalette, ImageDrop, OptionCards, OptionChips, StepProgress, Switch, normalizeHex } from '../chunk-ZJ7C2P64.js';
 export { Button, ConfirmDialog, buttonVariants } from '../chunk-FKYFYGAS.js';
 import '../chunk-ZTS5S6BZ.js';

package/dist/primitives/modal.d.ts

@@ -26,7 +26,16 @@ declare const ModalContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive
 } & React.RefAttributes<HTMLDivElement>>;
 declare function ModalHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 declare function ModalBody({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
-declare function ModalFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * `bar`: the edge-to-edge strip of a `noPadding` modal (the agenda's look) —
+     * divider on top, one row at every width, actions on the right.
+     */
+    variant?: 'inline' | 'bar';
+    /** Left side of a `bar`: the discard/destructive action or a status line. */
+    start?: React.ReactNode;
+}
+declare function ModalFooter({ className, variant, start, children, ...props }: ModalFooterProps): React.JSX.Element;
 declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Modal, ModalPortal, ModalOverlay, ModalClose, ModalTrigger, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalDescription, };

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/primitives/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAezD,QAAA,MAAM,QAAQ;;;;;;;;;;CAaJ,CAAA;AAEV,KAAK,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAA;AAMtC,QAAA,MAAM,KAAK,uCAAuB,CAAA;AAClC,QAAA,MAAM,YAAY,8GAA0B,CAAA;AAC5C,QAAA,MAAM,UAAU,4GAAwB,CAAA;AACxC,QAAA,MAAM,WAAW,6CAAyB,CAAA;AAkB1C,wEAAwE;AACxE,wBAAgB,YAAY,IAAI,WAAW,GAAG,IAAI,CAEjD;AAMD,QAAA,MAAM,YAAY,8JAahB,CAAA;AAOF,QAAA,MAAM,YAAY;WAGP,SAAS;gBACJ,OAAO;gBACP,OAAO;wCAgErB,CAAA;AAOF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAEjF;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAgB/E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAOjF;AAED,QAAA,MAAM,UAAU,oKAKd,CAAA;AAGF,QAAA,MAAM,gBAAgB,8KAKpB,CAAA;AAGF,OAAO,EACL,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAC1D,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,GAChF,CAAA;AACD,YAAY,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/primitives/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAezD,QAAA,MAAM,QAAQ;;;;;;;;;;CAaJ,CAAA;AAEV,KAAK,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAA;AAMtC,QAAA,MAAM,KAAK,uCAAuB,CAAA;AAClC,QAAA,MAAM,YAAY,8GAA0B,CAAA;AAC5C,QAAA,MAAM,UAAU,4GAAwB,CAAA;AACxC,QAAA,MAAM,WAAW,6CAAyB,CAAA;AAkB1C,wEAAwE;AACxE,wBAAgB,YAAY,IAAI,WAAW,GAAG,IAAI,CAEjD;AAMD,QAAA,MAAM,YAAY,8JAahB,CAAA;AAOF,QAAA,MAAM,YAAY;WAGP,SAAS;gBACJ,OAAO;gBACP,OAAO;wCAgErB,CAAA;AAOF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAEjF;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,qBAgB/E;AAED,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,OAAkB,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAsBlG;AAED,QAAA,MAAM,UAAU,oKAKd,CAAA;AAGF,QAAA,MAAM,gBAAgB,8KAKpB,CAAA;AAGF,OAAO,EACL,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAC1D,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,GAChF,CAAA;AACD,YAAY,EAAE,SAAS,EAAE,CAAA"}

package/dist/styles.css

@@ -11,8 +11,8 @@
    --------------------------------------------------------------------------- */
 .fz-liquid-glass {
   background-color: color-mix(in srgb, var(--page-surface, hsl(var(--background))) 55%, transparent);
-  backdrop-filter: blur(22px);
   -webkit-backdrop-filter: blur(22px);
+  backdrop-filter: blur(22px);
 }
 
 /* ---------------------------------------------------------------------------
@@ -278,8 +278,8 @@
 .scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }
 
 .fayz-glass-surface {
-  backdrop-filter: var(--surface-backdrop-filter);
   -webkit-backdrop-filter: var(--surface-backdrop-filter);
+  backdrop-filter: var(--surface-backdrop-filter);
   background-clip: padding-box;
   transform: translateZ(0);
 }
@@ -323,15 +323,15 @@
 }
 
 .bg-popover {
-  backdrop-filter: var(--surface-backdrop-filter);
   -webkit-backdrop-filter: var(--surface-backdrop-filter);
+  backdrop-filter: var(--surface-backdrop-filter);
   background-clip: padding-box;
 }
 
 .fayz-modal-overlay {
   background: var(--modal-overlay-bg);
-  backdrop-filter: var(--modal-overlay-backdrop-filter);
   -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);
+  backdrop-filter: var(--modal-overlay-backdrop-filter);
 }
 
 .fayz-modal-content {
@@ -369,8 +369,8 @@
   position: relative;
   /* The blur is what makes the fill work: it turns whatever is underneath into
      a wash, so the fill can be thin without the content reading through it. */
-  backdrop-filter: blur(40px) saturate(1.8);
   -webkit-backdrop-filter: blur(40px) saturate(1.8);
+  backdrop-filter: blur(40px) saturate(1.8);
   background-clip: padding-box;
   transition: box-shadow 200ms ease-out, transform 200ms cubic-bezier(0.22, 1, 0.36, 1);
 }
@@ -505,8 +505,8 @@
   z-index: -1;
   border-radius: inherit;
   pointer-events: none;
-  backdrop-filter: blur(32px) saturate(1.8);
   -webkit-backdrop-filter: blur(32px) saturate(1.8);
+  backdrop-filter: blur(32px) saturate(1.8);
   /* Thin on purpose. The blur is what keeps a label legible over a fill this
      transparent — drop the blur and this has to go back to opaque. */
   background-color: hsl(var(--card) / 0.72);

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "beta"
   },
-  "version": "0.40.0",
+  "version": "0.42.0",
   "description": "Fayz SDK UI — Radix + Tailwind component library with CRUD engine and layout shells",
   "type": "module",
   "sideEffects": [