tembro 6.0.3 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/components/actions/action-menu.d.ts +11 -1
- package/dist/components/calendar/calendar-range-scheduler.cjs +1 -0
- package/dist/components/calendar/calendar-range-scheduler.d.ts +20 -0
- package/dist/components/calendar/calendar-range-scheduler.js +1 -0
- package/dist/components/calendar/date-time-picker.cjs +1 -0
- package/dist/components/calendar/date-time-picker.d.ts +15 -0
- package/dist/components/calendar/date-time-picker.js +1 -0
- package/dist/components/calendar/index.d.ts +2 -0
- package/dist/components/charts/chart-card.cjs +1 -0
- package/dist/components/charts/chart-card.d.ts +24 -0
- package/dist/components/charts/chart-card.js +1 -0
- package/dist/components/charts/index.d.ts +1 -0
- package/dist/components/command/advanced-command-menu.cjs +1 -0
- package/dist/components/command/advanced-command-menu.d.ts +25 -0
- package/dist/components/command/advanced-command-menu.js +1 -0
- package/dist/components/command/index.d.ts +1 -0
- package/dist/components/data-table/data-grid.cjs +1 -0
- package/dist/components/data-table/data-grid.d.ts +15 -0
- package/dist/components/data-table/data-grid.js +1 -0
- package/dist/components/data-table/index.d.ts +1 -0
- package/dist/components/data-table/public.d.ts +1 -0
- package/dist/components/display/index.d.ts +0 -2
- package/dist/components/feedback/async-boundary.cjs +1 -0
- package/dist/components/feedback/async-boundary.d.ts +12 -0
- package/dist/components/feedback/async-boundary.js +1 -0
- package/dist/components/feedback/index.d.ts +1 -0
- package/dist/components/filters/index.d.ts +0 -1
- package/dist/components/inputs/index.d.ts +1 -0
- package/dist/components/inputs/multi-select.cjs +1 -0
- package/dist/components/inputs/multi-select.d.ts +16 -0
- package/dist/components/inputs/multi-select.js +1 -0
- package/dist/components/inputs/public.d.ts +1 -0
- package/dist/components/inputs/time-picker.d.ts +11 -3
- package/dist/components/modern/file-manager.cjs +1 -0
- package/dist/components/modern/file-manager.d.ts +20 -0
- package/dist/components/modern/file-manager.js +1 -0
- package/dist/components/modern/index.d.ts +4 -1
- package/dist/components/modern/map.cjs +1 -0
- package/dist/components/modern/map.d.ts +29 -0
- package/dist/components/modern/map.js +1 -0
- package/dist/components/modern/media-player.cjs +1 -0
- package/dist/components/modern/media-player.d.ts +21 -0
- package/dist/components/modern/media-player.js +1 -0
- package/dist/components/modern/spreadsheet.cjs +1 -0
- package/dist/components/modern/spreadsheet.d.ts +35 -0
- package/dist/components/modern/spreadsheet.js +1 -0
- package/dist/components/notifications/action-toast.cjs +1 -0
- package/dist/components/notifications/action-toast.d.ts +16 -0
- package/dist/components/notifications/action-toast.js +1 -0
- package/dist/components/notifications/index.d.ts +1 -0
- package/dist/components/overlay/drawer.d.ts +3 -1
- package/dist/components/patterns/index.d.ts +1 -0
- package/dist/components/patterns/permissions-matrix.cjs +1 -0
- package/dist/components/patterns/permissions-matrix.d.ts +19 -0
- package/dist/components/patterns/permissions-matrix.js +1 -0
- package/dist/components/patterns/public.d.ts +1 -0
- package/dist/index.d.ts +0 -2
- package/dist/src/components/actions/action-menu.cjs +1 -1
- package/dist/src/components/actions/action-menu.js +47 -39
- package/dist/src/components/actions/copy-button.cjs +1 -1
- package/dist/src/components/actions/copy-button.js +4 -1
- package/dist/src/components/calendar/calendar-range-scheduler.cjs +1 -0
- package/dist/src/components/calendar/calendar-range-scheduler.js +75 -0
- package/dist/src/components/calendar/date-picker.cjs +1 -1
- package/dist/src/components/calendar/date-picker.js +5 -8
- package/dist/src/components/calendar/date-range-picker.cjs +1 -1
- package/dist/src/components/calendar/date-range-picker.js +12 -27
- package/dist/src/components/calendar/date-time-picker.cjs +1 -0
- package/dist/src/components/calendar/date-time-picker.js +36 -0
- package/dist/src/components/calendar/index.cjs +1 -1
- package/dist/src/components/calendar/index.js +5 -3
- package/dist/src/components/charts/chart-card.cjs +1 -0
- package/dist/src/components/charts/chart-card.js +55 -0
- package/dist/src/components/charts/index.cjs +1 -1
- package/dist/src/components/charts/index.js +3 -2
- package/dist/src/components/command/advanced-command-menu.cjs +1 -0
- package/dist/src/components/command/advanced-command-menu.js +57 -0
- package/dist/src/components/command/index.cjs +1 -1
- package/dist/src/components/command/index.js +3 -2
- package/dist/src/components/data-table/data-grid.cjs +1 -0
- package/dist/src/components/data-table/data-grid.js +32 -0
- package/dist/src/components/data-table/data-table-saved-filters.cjs +1 -1
- package/dist/src/components/data-table/data-table-saved-filters.js +11 -11
- package/dist/src/components/data-table/data-table.cjs +1 -1
- package/dist/src/components/data-table/data-table.js +175 -174
- package/dist/src/components/data-table/index.cjs +1 -1
- package/dist/src/components/data-table/index.js +15 -14
- package/dist/src/components/data-table/public.cjs +1 -1
- package/dist/src/components/data-table/public.js +3 -2
- package/dist/src/components/display/index.cjs +1 -1
- package/dist/src/components/display/index.js +9 -11
- package/dist/src/components/feedback/async-boundary.cjs +1 -0
- package/dist/src/components/feedback/async-boundary.js +22 -0
- package/dist/src/components/feedback/index.cjs +1 -1
- package/dist/src/components/feedback/index.js +2 -1
- package/dist/src/components/filters/index.cjs +1 -1
- package/dist/src/components/filters/index.js +2 -3
- package/dist/src/components/inputs/color-picker.cjs +1 -1
- package/dist/src/components/inputs/color-picker.js +63 -46
- package/dist/src/components/inputs/index.cjs +1 -1
- package/dist/src/components/inputs/index.js +13 -12
- package/dist/src/components/inputs/multi-select.cjs +1 -0
- package/dist/src/components/inputs/multi-select.js +80 -0
- package/dist/src/components/inputs/public.cjs +1 -1
- package/dist/src/components/inputs/public.js +13 -12
- package/dist/src/components/inputs/slider.cjs +1 -1
- package/dist/src/components/inputs/slider.js +3 -3
- package/dist/src/components/inputs/tag-input.cjs +1 -1
- package/dist/src/components/inputs/tag-input.js +7 -4
- package/dist/src/components/inputs/time-picker.cjs +1 -1
- package/dist/src/components/inputs/time-picker.js +90 -34
- package/dist/src/components/modern/file-manager.cjs +1 -0
- package/dist/src/components/modern/file-manager.js +75 -0
- package/dist/src/components/modern/index.cjs +1 -1
- package/dist/src/components/modern/index.js +7 -4
- package/dist/src/components/modern/map.cjs +1 -0
- package/dist/src/components/modern/map.js +158 -0
- package/dist/src/components/modern/media-player.cjs +1 -0
- package/dist/src/components/modern/media-player.js +176 -0
- package/dist/src/components/modern/resizable-panel.cjs +1 -1
- package/dist/src/components/modern/resizable-panel.js +39 -32
- package/dist/src/components/modern/spreadsheet.cjs +1 -0
- package/dist/src/components/modern/spreadsheet.js +97 -0
- package/dist/src/components/navigation/pagination.cjs +1 -1
- package/dist/src/components/navigation/pagination.js +5 -5
- package/dist/src/components/notifications/action-toast.cjs +1 -0
- package/dist/src/components/notifications/action-toast.js +49 -0
- package/dist/src/components/notifications/index.cjs +1 -1
- package/dist/src/components/notifications/index.js +3 -2
- package/dist/src/components/notifications/toast.cjs +1 -1
- package/dist/src/components/notifications/toast.js +68 -63
- package/dist/src/components/overlay/alert-dialog.cjs +1 -1
- package/dist/src/components/overlay/alert-dialog.js +8 -6
- package/dist/src/components/overlay/drawer.cjs +1 -1
- package/dist/src/components/overlay/drawer.js +38 -20
- package/dist/src/components/patterns/index.cjs +1 -1
- package/dist/src/components/patterns/index.js +2 -1
- package/dist/src/components/patterns/permissions-matrix.cjs +1 -0
- package/dist/src/components/patterns/permissions-matrix.js +43 -0
- package/dist/src/components/patterns/public.cjs +1 -1
- package/dist/src/components/patterns/public.js +2 -1
- package/dist/src/components/ui/checkbox/index.cjs +1 -1
- package/dist/src/components/ui/checkbox/index.js +2 -1
- package/dist/src/components/ui/dialog/index.cjs +1 -1
- package/dist/src/components/ui/dialog/index.js +8 -8
- package/dist/src/components/ui/dropdown-menu/index.cjs +1 -1
- package/dist/src/components/ui/dropdown-menu/index.js +21 -19
- package/dist/src/components/ui/input/group.cjs +1 -1
- package/dist/src/components/ui/input/group.js +8 -8
- package/dist/src/components/ui/popover/index.cjs +1 -1
- package/dist/src/components/ui/popover/index.js +10 -10
- package/dist/src/components/ui/tabs/index.cjs +1 -1
- package/dist/src/components/ui/tabs/index.js +6 -6
- package/dist/src/components/ui/toggle-group/index.cjs +1 -1
- package/dist/src/components/ui/toggle-group/index.js +2 -2
- package/dist/src/index.cjs +1 -1
- package/dist/src/index.js +111 -104
- package/dist/src/public-component-surface.cjs +1 -1
- package/dist/src/public-component-surface.js +59 -14
- package/package.json +1 -2
- package/packages/cli/dist/index.cjs +45 -165
- package/packages/cli/vendor/src/components/actions/action-menu.tsx +47 -19
- package/packages/cli/vendor/src/components/actions/copy-button.tsx +2 -2
- package/packages/cli/vendor/src/components/calendar/calendar-range-scheduler.tsx +72 -0
- package/packages/cli/vendor/src/components/calendar/date-picker.tsx +2 -5
- package/packages/cli/vendor/src/components/calendar/date-range-picker.tsx +5 -12
- package/packages/cli/vendor/src/components/calendar/date-time-picker.tsx +53 -0
- package/packages/cli/vendor/src/components/calendar/index.ts +5 -3
- package/packages/cli/vendor/src/components/charts/chart-card.tsx +81 -0
- package/packages/cli/vendor/src/components/charts/index.ts +1 -0
- package/packages/cli/vendor/src/components/command/advanced-command-menu.tsx +88 -0
- package/packages/cli/vendor/src/components/command/index.ts +2 -1
- package/packages/cli/vendor/src/components/data-table/data-grid.tsx +59 -0
- package/packages/cli/vendor/src/components/data-table/data-table.tsx +45 -34
- package/packages/cli/vendor/src/components/data-table/index.ts +3 -2
- package/packages/cli/vendor/src/components/data-table/public.ts +1 -0
- package/packages/cli/vendor/src/components/display/index.ts +3 -5
- package/packages/cli/vendor/src/components/feedback/async-boundary.tsx +36 -0
- package/packages/cli/vendor/src/components/feedback/index.ts +1 -0
- package/packages/cli/vendor/src/components/filters/index.ts +0 -1
- package/packages/cli/vendor/src/components/inputs/color-picker.tsx +15 -1
- package/packages/cli/vendor/src/components/inputs/index.ts +1 -0
- package/packages/cli/vendor/src/components/inputs/multi-select.tsx +75 -0
- package/packages/cli/vendor/src/components/inputs/public.ts +1 -0
- package/packages/cli/vendor/src/components/inputs/slider.tsx +3 -3
- package/packages/cli/vendor/src/components/inputs/tag-input.tsx +4 -4
- package/packages/cli/vendor/src/components/inputs/time-picker.tsx +91 -38
- package/packages/cli/vendor/src/components/modern/file-manager.tsx +79 -0
- package/packages/cli/vendor/src/components/modern/index.ts +4 -1
- package/packages/cli/vendor/src/components/modern/map.tsx +146 -0
- package/packages/cli/vendor/src/components/modern/media-player.tsx +182 -0
- package/packages/cli/vendor/src/components/modern/resizable-panel.tsx +15 -5
- package/packages/cli/vendor/src/components/modern/spreadsheet.tsx +155 -0
- package/packages/cli/vendor/src/components/navigation/pagination.tsx +9 -5
- package/packages/cli/vendor/src/components/notifications/action-toast.tsx +78 -0
- package/packages/cli/vendor/src/components/notifications/index.ts +2 -1
- package/packages/cli/vendor/src/components/notifications/toast.tsx +20 -10
- package/packages/cli/vendor/src/components/overlay/alert-dialog.tsx +3 -5
- package/packages/cli/vendor/src/components/overlay/drawer.tsx +22 -11
- package/packages/cli/vendor/src/components/patterns/index.ts +1 -0
- package/packages/cli/vendor/src/components/patterns/permissions-matrix.tsx +71 -0
- package/packages/cli/vendor/src/components/patterns/public.ts +1 -0
- package/packages/cli/vendor/src/components/ui/checkbox/index.tsx +3 -1
- package/packages/cli/vendor/src/components/ui/dialog/index.tsx +4 -4
- package/packages/cli/vendor/src/components/ui/dropdown-menu/index.tsx +18 -22
- package/packages/cli/vendor/src/components/ui/popover/index.tsx +4 -4
- package/packages/cli/vendor/src/components/ui/tabs/index.tsx +8 -3
- package/packages/cli/vendor/src/components/ui/toggle-group/index.tsx +6 -6
- package/packages/cli/vendor/src/index.ts +0 -2
- package/packages/cli/vendor/src/public-component-surface.ts +13 -4
- package/packages/cli/vendor/templates/showcase/src/showcase/data/registry.ts +6 -6
- package/packages/cli/vendor/templates/showcase/src/showcase/layout/HeroSection.tsx +23 -8
- package/packages/cli/vendor/templates/showcase/src/showcase/layout/WorkbenchSidebar.tsx +1 -1
- package/packages/cli/vendor/templates/showcase/src/showcase/sections/PatternsSection.tsx +1 -1
- package/packages/cli/vendor/templates/styles/globals.css +0 -120
- package/registry.json +3197 -2794
- package/dist/components/display/info-card.cjs +0 -1
- package/dist/components/display/info-card.d.ts +0 -51
- package/dist/components/display/info-card.js +0 -1
- package/dist/components/display/statistic.cjs +0 -1
- package/dist/components/display/statistic.d.ts +0 -25
- package/dist/components/display/statistic.js +0 -1
- package/dist/components/filters/filter-bar.cjs +0 -1
- package/dist/components/filters/filter-bar.d.ts +0 -28
- package/dist/components/filters/filter-bar.js +0 -1
- package/dist/components/modern/image-cropper.cjs +0 -1
- package/dist/components/modern/image-cropper.d.ts +0 -39
- package/dist/components/modern/image-cropper.js +0 -1
- package/dist/components/ui/number-field/index.cjs +0 -1
- package/dist/components/ui/number-field/index.d.ts +0 -18
- package/dist/components/ui/number-field/index.js +0 -1
- package/dist/components/ui/toolbar/index.cjs +0 -1
- package/dist/components/ui/toolbar/index.d.ts +0 -14
- package/dist/components/ui/toolbar/index.js +0 -1
- package/dist/src/components/display/info-card.cjs +0 -1
- package/dist/src/components/display/info-card.js +0 -124
- package/dist/src/components/display/statistic.cjs +0 -1
- package/dist/src/components/display/statistic.js +0 -104
- package/dist/src/components/filters/filter-bar.cjs +0 -1
- package/dist/src/components/filters/filter-bar.js +0 -103
- package/dist/src/components/modern/image-cropper.cjs +0 -1
- package/dist/src/components/modern/image-cropper.js +0 -143
- package/dist/src/components/ui/number-field/index.cjs +0 -1
- package/dist/src/components/ui/number-field/index.js +0 -73
- package/dist/src/components/ui/toolbar/index.cjs +0 -1
- package/dist/src/components/ui/toolbar/index.js +0 -50
- package/packages/cli/vendor/src/components/display/info-card.tsx +0 -195
- package/packages/cli/vendor/src/components/display/statistic.tsx +0 -114
- package/packages/cli/vendor/src/components/filters/filter-bar.tsx +0 -163
- package/packages/cli/vendor/src/components/modern/image-cropper.tsx +0 -226
- package/packages/cli/vendor/src/components/ui/number-field/index.tsx +0 -89
- package/packages/cli/vendor/src/components/ui/toolbar/index.tsx +0 -67
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(n.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(n.DialogContent,{children:[(0,o.jsxs)(n.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(n.DialogTitle,{children:e}),s?(0,o.jsx)(n.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(r.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(n.DialogFooter,{children:[(0,o.jsx)(n.DialogClose,{render:(
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../ui/button/index.cjs"),n=require("../ui/dialog/index.cjs"),r=require("../ui/input/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`Are you sure?`,description:s,icon:c=(0,o.jsx)(a.AlertTriangleIcon,{}),cancelLabel:l=`Cancel`,actionLabel:u=`Continue`,actionTone:d=`destructive`,cancelVariant:f=`outline`,loading:p=!1,closeOnAction:m=!0,confirmValue:h,confirmLabel:g=`Type to confirm`,confirmPlaceholder:_,confirmDescription:v,confirmCaseSensitive:y=!0,severityNote:b,errorMessage:x=`Action could not be completed. Try again.`,onActionError:S,onAction:C,children:w,preventCloseWhileLoading:T=!0,actionButtonProps:E,cancelButtonProps:D,onOpenChange:O,...k}){let[A,j]=i.useState(!1),[M,N]=i.useState(``),[P,F]=i.useState(null),I=p||A,L=!!h?.trim(),R=y?h?.trim():h?.trim().toLowerCase(),z=y?M.trim():M.trim().toLowerCase(),B=!L||z===R;i.useEffect(()=>{k.open||(N(``),F(null))},[k.open]);let V=i.useCallback((e,t)=>{!e&&T&&I||O?.(e,t)},[O,T,I]),H=()=>{V(!1,void 0)},U=async()=>{if(!(!B||I)){if(F(null),!C){m&&H();return}try{j(!0),await C(),m&&H()}catch(e){F(x),S?.(e)}finally{j(!1)}}};return(0,o.jsxs)(n.Dialog,{onOpenChange:V,...k,children:[w,(0,o.jsxs)(n.DialogContent,{children:[(0,o.jsxs)(n.DialogHeader,{children:[(0,o.jsx)(`div`,{className:`mb-3 inline-flex size-11 items-center justify-center rounded-2xl border border-destructive/20 bg-destructive/10 text-destructive [&_svg]:size-5`,children:c}),(0,o.jsx)(n.DialogTitle,{children:e}),s?(0,o.jsx)(n.DialogDescription,{children:s}):null]}),L?(0,o.jsxs)(`div`,{className:`grid gap-2.5`,children:[(0,o.jsxs)(`div`,{className:`space-y-1`,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:g}),(0,o.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:v??(0,o.jsxs)(o.Fragment,{children:[`Type `,(0,o.jsx)(`span`,{className:`font-semibold text-foreground`,children:h}),` to continue.`]})})]}),(0,o.jsx)(r.Input,{value:M,onValueChange:N,placeholder:_??h,autoComplete:`off`,autoCapitalize:`off`,spellCheck:!1,"aria-invalid":P?!0:void 0,"aria-describedby":P?`alert-dialog-error`:void 0})]}):null,b?(0,o.jsx)(`div`,{className:`rounded-2xl border border-border/70 bg-muted/35 px-3.5 py-3 text-sm leading-6 text-muted-foreground`,children:b}):null,P?(0,o.jsx)(`div`,{id:`alert-dialog-error`,role:`alert`,"aria-live":`polite`,className:`rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive`,children:P}):null,(0,o.jsxs)(n.DialogFooter,{children:[(0,o.jsx)(n.DialogClose,{render:(0,o.jsx)(t.Button,{type:`button`,variant:f,disabled:I,...D}),children:l}),(0,o.jsx)(t.Button,{type:`button`,variant:d===`destructive`?`destructive`:`default`,loading:I,disabled:!B||I,onClick:()=>void U(),...E,children:u})]})]})]})}exports.AlertDialog=s;
|
|
@@ -86,13 +86,15 @@ function m({ title: m = "Are you sure?", description: h, icon: g = /* @__PURE__
|
|
|
86
86
|
className: "rounded-2xl border border-destructive/20 bg-destructive/8 px-3.5 py-3 text-sm leading-6 text-destructive",
|
|
87
87
|
children: H
|
|
88
88
|
}) : null,
|
|
89
|
-
/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
89
|
+
/* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(n, {
|
|
90
|
+
render: /* @__PURE__ */ f(e, {
|
|
91
|
+
type: "button",
|
|
92
|
+
variant: b,
|
|
93
|
+
disabled: W,
|
|
94
|
+
...F
|
|
95
|
+
}),
|
|
94
96
|
children: _
|
|
95
|
-
})
|
|
97
|
+
}), /* @__PURE__ */ f(e, {
|
|
96
98
|
type: "button",
|
|
97
99
|
variant: y === "destructive" ? "destructive" : "default",
|
|
98
100
|
loading: W,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={right
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/dialog/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={right:`!left-auto !right-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right`,left:`!left-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left`,top:`!left-0 !top-0 !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top`,bottom:`!bottom-0 !left-0 !top-auto !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`},s={sm:`sm:max-w-sm`,md:`sm:max-w-md`,lg:`sm:max-w-lg`,xl:`sm:max-w-2xl`,full:`max-w-none sm:max-w-[min(100vw,72rem)]`},c={compact:{header:`p-4`,body:`p-4`,footer:`p-4`},default:{header:`p-5`,body:`p-5`,footer:`p-5`},comfortable:{header:`p-6`,body:`p-6`,footer:`p-6`}};function l({trigger:e,title:n,description:i,side:l=`right`,width:u=`lg`,density:d=`default`,footer:f,headerClassName:p,bodyClassName:m,footerClassName:h,contentClassName:g,showCloseButton:_=!0,children:v,...y}){return(0,a.jsxs)(r.Dialog,{...y,children:[e?(0,a.jsx)(r.DialogTrigger,{render:e}):null,(0,a.jsxs)(r.DialogContent,{size:`full`,surface:`plain`,showCloseButton:_,"data-side":l,"data-width":u,"data-density":d,className:t.cn(`fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0`,o[l],(l===`left`||l===`right`)&&s[u],g),children:[(n||i)&&(0,a.jsxs)(r.DialogHeader,{className:t.cn(`border-b border-border/70 bg-background/95 backdrop-blur`,c[d].header,p),children:[n?(0,a.jsx)(r.DialogTitle,{children:n}):null,i?(0,a.jsx)(r.DialogDescription,{children:i}):null]}),(0,a.jsx)(`div`,{"data-slot":`drawer-body`,className:t.cn(`min-h-0 flex-1 overflow-y-auto bg-background`,c[d].body,m),children:v}),f?(0,a.jsx)(`div`,{"data-slot":`drawer-footer`,className:t.cn(`border-t border-border/70 bg-background/95 backdrop-blur`,c[d].footer,h),children:f}):null]})]})}function u({children:e=`Close`,...t}){return(0,a.jsx)(r.DialogClose,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`outline`,...t}),children:e})}exports.Drawer=l,exports.DrawerCloseButton=u;
|
|
@@ -5,46 +5,64 @@ import "react";
|
|
|
5
5
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
6
6
|
//#region src/components/overlay/drawer.tsx
|
|
7
7
|
var d = {
|
|
8
|
-
right: "left-auto right-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right",
|
|
9
|
-
left: "left-0 top-0 h-dvh max-h-dvh w-full translate-x-0 translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left",
|
|
10
|
-
top: "left-0 top-0 h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top",
|
|
11
|
-
bottom: "bottom-0 left-0 top-auto h-auto max-h-[85dvh] w-full max-w-none translate-x-0 translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
|
|
8
|
+
right: "!left-auto !right-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-l-[var(--radius-3xl)] data-open:slide-in-from-right data-closed:slide-out-to-right",
|
|
9
|
+
left: "!left-0 !top-0 !h-dvh !max-h-dvh !w-full !translate-x-0 !translate-y-0 rounded-none rounded-r-[var(--radius-3xl)] data-open:slide-in-from-left data-closed:slide-out-to-left",
|
|
10
|
+
top: "!left-0 !top-0 !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-b-[var(--radius-3xl)] data-open:slide-in-from-top data-closed:slide-out-to-top",
|
|
11
|
+
bottom: "!bottom-0 !left-0 !top-auto !h-auto !max-h-[85dvh] !w-full !max-w-none !translate-x-0 !translate-y-0 rounded-none rounded-t-[var(--radius-3xl)] data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
|
|
12
12
|
}, f = {
|
|
13
13
|
sm: "sm:max-w-sm",
|
|
14
14
|
md: "sm:max-w-md",
|
|
15
15
|
lg: "sm:max-w-lg",
|
|
16
16
|
xl: "sm:max-w-2xl",
|
|
17
17
|
full: "max-w-none sm:max-w-[min(100vw,72rem)]"
|
|
18
|
+
}, p = {
|
|
19
|
+
compact: {
|
|
20
|
+
header: "p-4",
|
|
21
|
+
body: "p-4",
|
|
22
|
+
footer: "p-4"
|
|
23
|
+
},
|
|
24
|
+
default: {
|
|
25
|
+
header: "p-5",
|
|
26
|
+
body: "p-5",
|
|
27
|
+
footer: "p-5"
|
|
28
|
+
},
|
|
29
|
+
comfortable: {
|
|
30
|
+
header: "p-6",
|
|
31
|
+
body: "p-6",
|
|
32
|
+
footer: "p-6"
|
|
33
|
+
}
|
|
18
34
|
};
|
|
19
|
-
function
|
|
35
|
+
function m({ trigger: t, title: r, description: m, side: h = "right", width: g = "lg", density: _ = "default", footer: v, headerClassName: y, bodyClassName: b, footerClassName: x, contentClassName: S, showCloseButton: C = !0, children: w, ...T }) {
|
|
20
36
|
return /* @__PURE__ */ u(n, {
|
|
21
|
-
...
|
|
37
|
+
...T,
|
|
22
38
|
children: [t ? /* @__PURE__ */ l(c, { render: t }) : null, /* @__PURE__ */ u(i, {
|
|
23
39
|
size: "full",
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"data-
|
|
27
|
-
|
|
40
|
+
surface: "plain",
|
|
41
|
+
showCloseButton: C,
|
|
42
|
+
"data-side": h,
|
|
43
|
+
"data-width": g,
|
|
44
|
+
"data-density": _,
|
|
45
|
+
className: e("fixed grid grid-rows-[auto_minmax(0,1fr)_auto] gap-0 overscroll-contain p-0", d[h], (h === "left" || h === "right") && f[g], S),
|
|
28
46
|
children: [
|
|
29
|
-
(r ||
|
|
30
|
-
className: e("border-b border-border/70
|
|
31
|
-
children: [r ? /* @__PURE__ */ l(s, { children: r }) : null,
|
|
47
|
+
(r || m) && /* @__PURE__ */ u(o, {
|
|
48
|
+
className: e("border-b border-border/70 bg-background/95 backdrop-blur", p[_].header, y),
|
|
49
|
+
children: [r ? /* @__PURE__ */ l(s, { children: r }) : null, m ? /* @__PURE__ */ l(a, { children: m }) : null]
|
|
32
50
|
}),
|
|
33
51
|
/* @__PURE__ */ l("div", {
|
|
34
52
|
"data-slot": "drawer-body",
|
|
35
|
-
className: e("min-h-0 flex-1 overflow-y-auto
|
|
36
|
-
children:
|
|
53
|
+
className: e("min-h-0 flex-1 overflow-y-auto bg-background", p[_].body, b),
|
|
54
|
+
children: w
|
|
37
55
|
}),
|
|
38
|
-
|
|
56
|
+
v ? /* @__PURE__ */ l("div", {
|
|
39
57
|
"data-slot": "drawer-footer",
|
|
40
|
-
className: e("border-t border-border/70
|
|
41
|
-
children:
|
|
58
|
+
className: e("border-t border-border/70 bg-background/95 backdrop-blur", p[_].footer, x),
|
|
59
|
+
children: v
|
|
42
60
|
}) : null
|
|
43
61
|
]
|
|
44
62
|
})]
|
|
45
63
|
});
|
|
46
64
|
}
|
|
47
|
-
function
|
|
65
|
+
function h({ children: e = "Close", ...n }) {
|
|
48
66
|
return /* @__PURE__ */ l(r, {
|
|
49
67
|
render: /* @__PURE__ */ l(t, {
|
|
50
68
|
type: "button",
|
|
@@ -55,4 +73,4 @@ function m({ children: e = "Close", ...n }) {
|
|
|
55
73
|
});
|
|
56
74
|
}
|
|
57
75
|
//#endregion
|
|
58
|
-
export {
|
|
76
|
+
export { m as Drawer, h as DrawerCloseButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs"),t=require("./permissions-matrix.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState,exports.PermissionsMatrix=t.PermissionsMatrix;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/table/index.cjs"),r=require("../ui/checkbox/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({roles:e,permissions:i,value:o={},onValueChange:s,className:c,...l}){let u=(e,t)=>{let n=o[e]??[],r=n.includes(t)?n.filter(e=>e!==t):[...n,t];s?.({...o,[e]:r})};return(0,a.jsx)(`div`,{"data-slot":`permissions-matrix`,className:t.cn(`overflow-hidden rounded-lg border`,c),...l,children:(0,a.jsxs)(n.Table,{children:[(0,a.jsx)(n.TableHeader,{children:(0,a.jsxs)(n.TableRow,{children:[(0,a.jsx)(n.TableHead,{children:`Permission`}),e.map(e=>(0,a.jsx)(n.TableHead,{className:`text-center`,children:e.label},e.key))]})}),(0,a.jsx)(n.TableBody,{children:i.map(t=>(0,a.jsxs)(n.TableRow,{children:[(0,a.jsx)(n.TableCell,{children:(0,a.jsxs)(`span`,{className:`grid gap-0.5`,children:[(0,a.jsx)(`span`,{className:`font-medium`,children:t.label}),t.description?(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.description}):null]})}),e.map(e=>(0,a.jsx)(n.TableCell,{className:`text-center`,children:(0,a.jsx)(r.Checkbox,{"aria-label":`${t.label} for ${e.label}`,checked:(o[t.key]??[]).includes(e.key),onCheckedChange:()=>u(t.key,e.key)})},e.key))]},t.key))})]})})}exports.PermissionsMatrix=o;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { Table as t, TableBody as n, TableCell as r, TableHead as i, TableHeader as a, TableRow as o } from "../ui/table/index.js";
|
|
4
|
+
import { Checkbox as s } from "../ui/checkbox/index.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
7
|
+
//#region src/components/patterns/permissions-matrix.tsx
|
|
8
|
+
function u({ roles: u, permissions: d, value: f = {}, onValueChange: p, className: m, ...h }) {
|
|
9
|
+
let g = (e, t) => {
|
|
10
|
+
let n = f[e] ?? [], r = n.includes(t) ? n.filter((e) => e !== t) : [...n, t];
|
|
11
|
+
p?.({
|
|
12
|
+
...f,
|
|
13
|
+
[e]: r
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
return /* @__PURE__ */ c("div", {
|
|
17
|
+
"data-slot": "permissions-matrix",
|
|
18
|
+
className: e("overflow-hidden rounded-lg border", m),
|
|
19
|
+
...h,
|
|
20
|
+
children: /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c(a, { children: /* @__PURE__ */ l(o, { children: [/* @__PURE__ */ c(i, { children: "Permission" }), u.map((e) => /* @__PURE__ */ c(i, {
|
|
21
|
+
className: "text-center",
|
|
22
|
+
children: e.label
|
|
23
|
+
}, e.key))] }) }), /* @__PURE__ */ c(n, { children: d.map((e) => /* @__PURE__ */ l(o, { children: [/* @__PURE__ */ c(r, { children: /* @__PURE__ */ l("span", {
|
|
24
|
+
className: "grid gap-0.5",
|
|
25
|
+
children: [/* @__PURE__ */ c("span", {
|
|
26
|
+
className: "font-medium",
|
|
27
|
+
children: e.label
|
|
28
|
+
}), e.description ? /* @__PURE__ */ c("span", {
|
|
29
|
+
className: "text-xs text-muted-foreground",
|
|
30
|
+
children: e.description
|
|
31
|
+
}) : null]
|
|
32
|
+
}) }), u.map((t) => /* @__PURE__ */ c(r, {
|
|
33
|
+
className: "text-center",
|
|
34
|
+
children: /* @__PURE__ */ c(s, {
|
|
35
|
+
"aria-label": `${e.label} for ${t.label}`,
|
|
36
|
+
checked: (f[e.key] ?? []).includes(t.key),
|
|
37
|
+
onCheckedChange: () => g(e.key, t.key)
|
|
38
|
+
})
|
|
39
|
+
}, t.key))] }, e.key)) })] })
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
//#endregion
|
|
43
|
+
export { u as PermissionsMatrix };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState;
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./empty-state.cjs"),t=require("./permissions-matrix.cjs");exports.EmptyState=e.EmptyState,exports.ErrorState=e.ErrorState,exports.PermissionsMatrix=t.PermissionsMatrix;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t){return t?e===!1?`indeterminate`:e===`indeterminate`:e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,onCheckedStateChange:l,size:u=`md`,invalid:d=!1,allowIndeterminate:f=!1,disabled:p,name:m,value:h=`on`,required:g,onClick:_,children:v,...y},b)=>{let x=o!==void 0,[S,C]=n.useState(s),w=x?o:S,T=w===`indeterminate`?`indeterminate`:w?`checked`:`unchecked`;return(0,i.jsxs)(i.Fragment,{children:[m?(0,i.jsx)(`input`,{type:`checkbox`,"aria-hidden":`true`,tabIndex:-1,className:`sr-only`,name:m,value:h,checked:w===!0,required:g,disabled:p,readOnly:!0}):null,(0,i.jsx)(`button`,{ref:b,type:`button`,role:`checkbox`,"aria-checked":w===`indeterminate`?`mixed`:w,"data-state":T,"data-size":u,"data-slot":`checkbox`,disabled:p,"aria-invalid":d||void 0,className:t.cn(`peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]`,e),onClick:e=>{let t=a(w,f);x||C(t),l?.(t),c?.(t===!0),_?.(e)},...y,children:v??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:w===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):w?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})]})});o.displayName=`Checkbox`,exports.Checkbox=o;
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a(e,t){return t?e===!1?`indeterminate`:e===`indeterminate`:e!==!0}var o=n.forwardRef(({className:e,checked:o,defaultChecked:s=!1,onCheckedChange:c,onCheckedStateChange:l,size:u=`md`,invalid:d=!1,allowIndeterminate:f=!1,disabled:p,name:m,value:h=`on`,required:g,onClick:_,children:v,...y},b)=>{let x=o!==void 0,[S,C]=n.useState(s),w=x?o:S,T=w===`indeterminate`?`indeterminate`:w?`checked`:`unchecked`;return(0,i.jsxs)(i.Fragment,{children:[m?(0,i.jsx)(`input`,{type:`checkbox`,"aria-hidden":`true`,tabIndex:-1,className:`sr-only`,name:m,value:h,checked:w===!0,required:g,disabled:p,readOnly:!0}):null,(0,i.jsx)(`button`,{ref:b,type:`button`,role:`checkbox`,"aria-checked":w===`indeterminate`?`mixed`:w,"data-state":T,"data-size":u,"data-slot":`checkbox`,disabled:p,"aria-invalid":d||void 0,className:t.cn(`peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:data-[state=unchecked]:border-white/12 dark:data-[state=unchecked]:bg-white/[0.04] dark:data-[state=unchecked]:hover:bg-white/[0.08] [&_svg]:stroke-[2.6]`,e),onClick:e=>{e.preventDefault(),e.stopPropagation();let t=a(w,f);x||C(t),l?.(t),c?.(t===!0),_?.(e)},...y,children:v??(0,i.jsx)(`span`,{className:`flex items-center justify-center`,children:w===`indeterminate`?(0,i.jsx)(r.MinusIcon,{className:`size-3.5`}):w?(0,i.jsx)(r.CheckIcon,{className:`size-3.5`}):null})})]})});o.displayName=`Checkbox`,exports.Checkbox=o;
|
|
@@ -30,8 +30,9 @@ var c = t.forwardRef(({ className: c, checked: l, defaultChecked: u = !1, onChec
|
|
|
30
30
|
"data-slot": "checkbox",
|
|
31
31
|
disabled: g,
|
|
32
32
|
"aria-invalid": m || void 0,
|
|
33
|
-
className: e("peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:border-white/12 dark:bg-white/[0.04] dark:hover:bg-white/[0.08]", c),
|
|
33
|
+
className: e("peer flex shrink-0 items-center justify-center rounded-[10px] border border-input/88 bg-background text-primary-foreground shadow-[inset_0_1px_0_rgba(255,255,255,0.10)] outline-none transition-[background-color,border-color,box-shadow,color,transform] hover:border-ring/30 hover:bg-background focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/45 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/25 data-[size=sm]:size-4 data-[size=md]:size-5 data-[size=lg]:size-6 data-[state=checked]:border-primary/28 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] data-[state=indeterminate]:border-primary/28 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:shadow-[0_10px_24px_color-mix(in_oklch,var(--primary),transparent_82%)] dark:data-[state=unchecked]:border-white/12 dark:data-[state=unchecked]:bg-white/[0.04] dark:data-[state=unchecked]:hover:bg-white/[0.08] [&_svg]:stroke-[2.6]", c),
|
|
34
34
|
onClick: (e) => {
|
|
35
|
+
e.preventDefault(), e.stopPropagation();
|
|
35
36
|
let t = s(D, h);
|
|
36
37
|
w || E(t), f?.(t), d?.(t === !0), b?.(e);
|
|
37
38
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`min-w-0 shrink-0 pr-10`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-body`,className:t.cn(`min-h-0 overflow-y-auto overscroll-contain`,e),...n})}function h({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex shrink-0 flex-wrap items-center justify-end gap-2 [&_[data-slot=button]]:inline-flex [&_[data-slot=button]]:flex-row [&_[data-slot=button]]:items-center [&_[data-slot=button]]:justify-center [&_[data-slot=button]]:gap-2`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function g({className:e,...
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");function s({...e}){return(0,a.jsx)(o.Dialog.Root,{"data-slot":`dialog`,...e})}function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`dialog-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`dialog-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`dialog-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`dialog-overlay`,className:t.cn(`fixed inset-0 isolate z-50 bg-black/45 backdrop-blur-[2px] duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 dark:bg-black/62`,e),...n})}function f({className:e,children:r,showCloseButton:s=!0,size:c=`md`,surface:u=`default`,...f}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`dialog-content`,"data-size":c,"data-surface":u,role:`dialog`,"aria-modal":`true`,className:t.cn(`fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/78 bg-background p-6 text-foreground shadow-[0_32px_90px_rgba(15,23,42,0.24)] duration-100 outline-none data-[surface=plain]:overflow-visible data-[surface=plain]:border-0 data-[surface=plain]:bg-transparent data-[surface=plain]:p-0 data-[surface=plain]:shadow-none data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...f,children:[r,s&&(0,a.jsxs)(o.Dialog.Close,{"data-slot":`dialog-close`,render:(0,a.jsx)(n.Button,{variant:`ghost`,className:`absolute top-3 right-3`,size:`icon-sm`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-header`,className:t.cn(`min-w-0 shrink-0 pr-10`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`dialog-body`,className:t.cn(`min-h-0 overflow-y-auto overscroll-contain`,e),...n})}function h({className:e,showCloseButton:r=!1,children:i,...s}){return(0,a.jsxs)(`div`,{"data-slot":`dialog-footer`,className:t.cn(`flex shrink-0 flex-wrap items-center justify-end gap-2 [&_[data-slot=button]]:inline-flex [&_[data-slot=button]]:flex-row [&_[data-slot=button]]:items-center [&_[data-slot=button]]:justify-center [&_[data-slot=button]]:gap-2`,e),...s,children:[i,r&&(0,a.jsx)(o.Dialog.Close,{render:(0,a.jsx)(n.Button,{variant:`outline`}),children:`Close`})]})}function g({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`dialog-title`,className:t.cn(`text-lg font-semibold tracking-tight text-foreground`,e),...n})}function _({className:e,...n}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`dialog-description`,className:t.cn(`mt-1 text-sm leading-6 text-muted-foreground`,e),...n})}exports.Dialog=s,exports.DialogBody=m,exports.DialogClose=u,exports.DialogContent=f,exports.DialogDescription=_,exports.DialogFooter=h,exports.DialogHeader=p,exports.DialogOverlay=d,exports.DialogPortal=l,exports.DialogTitle=g,exports.DialogTrigger=c;
|
|
@@ -32,7 +32,7 @@ function l({ ...e }) {
|
|
|
32
32
|
function u({ className: t, ...n }) {
|
|
33
33
|
return /* @__PURE__ */ r(a.Backdrop, {
|
|
34
34
|
"data-slot": "dialog-overlay",
|
|
35
|
-
className: e("fixed inset-0 isolate z-50 duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
|
|
35
|
+
className: e("fixed inset-0 isolate z-50 bg-black/45 backdrop-blur-[2px] duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 dark:bg-black/62", t),
|
|
36
36
|
...n
|
|
37
37
|
});
|
|
38
38
|
}
|
|
@@ -43,7 +43,7 @@ function d({ className: o, children: s, showCloseButton: l = !0, size: d = "md",
|
|
|
43
43
|
"data-surface": f,
|
|
44
44
|
role: "dialog",
|
|
45
45
|
"aria-modal": "true",
|
|
46
|
-
className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain duration-100 outline-none data-[surface=plain]:overflow-visible data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
|
|
46
|
+
className: e("fixed top-1/2 left-1/2 z-50 grid max-h-[min(92vh,calc(100dvh-2rem))] w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 grid-rows-[auto_minmax(0,1fr)_auto] gap-5 overflow-hidden overscroll-contain rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/78 bg-background p-6 text-foreground shadow-[0_32px_90px_rgba(15,23,42,0.24)] duration-100 outline-none data-[surface=plain]:overflow-visible data-[surface=plain]:border-0 data-[surface=plain]:bg-transparent data-[surface=plain]:p-0 data-[surface=plain]:shadow-none data-[size=xs]:sm:max-w-sm data-[size=sm]:sm:max-w-md data-[size=md]:sm:max-w-lg data-[size=lg]:sm:max-w-2xl data-[size=xl]:sm:max-w-4xl data-[size=full]:h-[min(92vh,56rem)] data-[size=full]:max-w-[min(96vw,84rem)] data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", o),
|
|
47
47
|
...p,
|
|
48
48
|
children: [s, l && /* @__PURE__ */ i(a.Close, {
|
|
49
49
|
"data-slot": "dialog-close",
|
|
@@ -84,18 +84,18 @@ function m({ className: n, showCloseButton: o = !1, children: s, ...c }) {
|
|
|
84
84
|
})]
|
|
85
85
|
});
|
|
86
86
|
}
|
|
87
|
-
function h({ className:
|
|
87
|
+
function h({ className: t, ...n }) {
|
|
88
88
|
return /* @__PURE__ */ r(a.Title, {
|
|
89
89
|
"data-slot": "dialog-title",
|
|
90
|
-
className: e,
|
|
91
|
-
...
|
|
90
|
+
className: e("text-lg font-semibold tracking-tight text-foreground", t),
|
|
91
|
+
...n
|
|
92
92
|
});
|
|
93
93
|
}
|
|
94
|
-
function g({ className:
|
|
94
|
+
function g({ className: t, ...n }) {
|
|
95
95
|
return /* @__PURE__ */ r(a.Description, {
|
|
96
96
|
"data-slot": "dialog-description",
|
|
97
|
-
className: e,
|
|
98
|
-
...
|
|
97
|
+
className: e("mt-1 text-sm leading-6 text-muted-foreground", t),
|
|
98
|
+
...n
|
|
99
99
|
});
|
|
100
100
|
}
|
|
101
101
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative group/dropdown-menu-item [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime"),a=require("@base-ui/react/menu");var o=`relative group/dropdown-menu-item flex min-h-9 w-full cursor-default select-none items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-sm text-popover-foreground outline-none transition-[background-color,color] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:bg-destructive/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`;function s({...e}){return(0,i.jsx)(a.Menu.Root,{"data-slot":`dropdown-menu`,...e})}function c({...e}){return(0,i.jsx)(a.Menu.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function l({...e}){if(!(`render`in e)&&n.isValidElement(e.children)){let{children:t,...n}=e;return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,render:t,...n})}return(0,i.jsx)(a.Menu.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function u({align:e=`start`,alignOffset:n=0,side:r=`bottom`,sideOffset:o=4,className:s,...c}){return(0,i.jsx)(a.Menu.Portal,{children:(0,i.jsx)(a.Menu.Positioner,{className:`isolate z-50 outline-none`,align:e,alignOffset:n,side:r,sideOffset:o,children:(0,i.jsx)(a.Menu.Popup,{"data-slot":`dropdown-menu-content`,className:t.cn(`z-50 max-h-[min(var(--available-height),24rem)] w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-border/78 bg-popover p-1 text-popover-foreground shadow-[0_18px_50px_rgba(15,23,42,0.18)] outline-none backdrop-blur duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95`,s),...c})})})}function d({...e}){return(0,i.jsx)(a.Menu.Group,{"data-slot":`dropdown-menu-group`,...e})}function f({className:e,inset:n,...r}){return(0,i.jsx)(`div`,{"data-slot":`dropdown-menu-label`,"data-inset":n,className:t.cn(`px-2.5 py-1.5 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground data-[inset=true]:pl-8`,e),...r})}function p({className:e,inset:n,variant:r=`default`,closeOnSelect:s=!0,onSelect:c,...l}){return(0,i.jsx)(a.Menu.Item,{"data-slot":`dropdown-menu-item`,"data-inset":n,"data-variant":r,className:t.cn(o,`pl-8 pr-8`,e),onSelect:e=>{s||e.preventDefault(),c?.(e)},...l})}function m({...e}){return(0,i.jsx)(a.Menu.SubmenuRoot,{"data-slot":`dropdown-menu-sub`,...e})}function h({className:e,inset:n,children:s,...c}){return(0,i.jsxs)(a.Menu.SubmenuTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:t.cn(o,`pl-8`,e),...c,children:[s,(0,i.jsx)(r.ChevronRightIcon,{"data-slot":`dropdown-menu-sub-icon`})]})}function g({align:e=`start`,alignOffset:n=-3,side:r=`right`,sideOffset:a=0,className:o,...s}){return(0,i.jsx)(u,{"data-slot":`dropdown-menu-sub-content`,className:t.cn(`w-auto min-w-32 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,o),align:e,alignOffset:n,side:r,sideOffset:a,...s})}function _({className:e,children:n,checked:s,inset:c,closeOnSelect:l=!0,onSelect:u,...d}){return(0,i.jsxs)(a.Menu.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,"data-inset":c,className:t.cn(o,e),checked:s,onSelect:e=>{l||e.preventDefault(),u?.(e)},...d,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-checkbox-item-indicator`,className:`absolute left-2 grid size-4 place-items-center`,children:(0,i.jsx)(a.Menu.CheckboxItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function v({...e}){return(0,i.jsx)(a.Menu.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function y({className:e,children:n,inset:s,closeOnSelect:c=!0,onSelect:l,...u}){return(0,i.jsxs)(a.Menu.RadioItem,{"data-slot":`dropdown-menu-radio-item`,"data-inset":s,className:t.cn(o,e),onSelect:e=>{c||e.preventDefault(),l?.(e)},...u,children:[(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-radio-item-indicator`,className:`absolute left-2 grid size-4 place-items-center`,children:(0,i.jsx)(a.Menu.RadioItemIndicator,{children:(0,i.jsx)(r.CheckIcon,{className:`size-4`})})}),n]})}function b({className:e,...n}){return(0,i.jsx)(a.Menu.Separator,{"data-slot":`dropdown-menu-separator`,className:t.cn(`-mx-1 my-1 h-px bg-border/72`,e),...n})}function x({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-shortcut`,className:t.cn(`ml-auto text-xs tracking-widest text-muted-foreground`,e),...n})}function S({className:e,...n}){return(0,i.jsx)(`span`,{"data-slot":`dropdown-menu-item-description`,className:t.cn(`block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-accent-foreground/75`,e),...n})}exports.DropdownMenu=s,exports.DropdownMenuCheckboxItem=_,exports.DropdownMenuContent=u,exports.DropdownMenuGroup=d,exports.DropdownMenuItem=p,exports.DropdownMenuItemDescription=S,exports.DropdownMenuLabel=f,exports.DropdownMenuPortal=c,exports.DropdownMenuRadioGroup=v,exports.DropdownMenuRadioItem=y,exports.DropdownMenuSeparator=b,exports.DropdownMenuShortcut=x,exports.DropdownMenuSub=m,exports.DropdownMenuSubContent=g,exports.DropdownMenuSubTrigger=h,exports.DropdownMenuTrigger=l;
|
|
@@ -4,7 +4,7 @@ import { CheckIcon as n, ChevronRightIcon as r } from "lucide-react";
|
|
|
4
4
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
5
5
|
import { Menu as o } from "@base-ui/react/menu";
|
|
6
6
|
//#region src/components/ui/dropdown-menu/index.tsx
|
|
7
|
-
var s = "relative group/dropdown-menu-item [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
|
|
7
|
+
var s = "relative group/dropdown-menu-item flex min-h-9 w-full cursor-default select-none items-center gap-2 rounded-[var(--radius-md)] px-2.5 py-2 text-sm text-popover-foreground outline-none transition-[background-color,color] data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[inset=true]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:data-[highlighted]:bg-destructive/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
|
|
8
8
|
function c({ ...e }) {
|
|
9
9
|
return /* @__PURE__ */ i(o.Root, {
|
|
10
10
|
"data-slot": "dropdown-menu",
|
|
@@ -40,7 +40,7 @@ function d({ align: t = "start", alignOffset: n = 0, side: r = "bottom", sideOff
|
|
|
40
40
|
sideOffset: a,
|
|
41
41
|
children: /* @__PURE__ */ i(o.Popup, {
|
|
42
42
|
"data-slot": "dropdown-menu-content",
|
|
43
|
-
className: e("z-50 max-h-(--available-height) w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto
|
|
43
|
+
className: e("z-50 max-h-[min(var(--available-height),24rem)] w-(--anchor-width) min-w-56 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-border/78 bg-popover p-1 text-popover-foreground shadow-[0_18px_50px_rgba(15,23,42,0.18)] outline-none backdrop-blur duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", s),
|
|
44
44
|
...c
|
|
45
45
|
})
|
|
46
46
|
}) });
|
|
@@ -51,12 +51,12 @@ function f({ ...e }) {
|
|
|
51
51
|
...e
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
|
-
function p({ className:
|
|
54
|
+
function p({ className: t, inset: n, ...r }) {
|
|
55
55
|
return /* @__PURE__ */ i("div", {
|
|
56
56
|
"data-slot": "dropdown-menu-label",
|
|
57
|
-
"data-inset":
|
|
58
|
-
className: e,
|
|
59
|
-
...
|
|
57
|
+
"data-inset": n,
|
|
58
|
+
className: e("px-2.5 py-1.5 text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground data-[inset=true]:pl-8", t),
|
|
59
|
+
...r
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
62
|
function m({ className: t, inset: n, variant: r = "default", closeOnSelect: a = !0, onSelect: c, ...l }) {
|
|
@@ -64,7 +64,7 @@ function m({ className: t, inset: n, variant: r = "default", closeOnSelect: a =
|
|
|
64
64
|
"data-slot": "dropdown-menu-item",
|
|
65
65
|
"data-inset": n,
|
|
66
66
|
"data-variant": r,
|
|
67
|
-
className: e(s, t),
|
|
67
|
+
className: e(s, "pl-8 pr-8", t),
|
|
68
68
|
onSelect: (e) => {
|
|
69
69
|
a || e.preventDefault(), c?.(e);
|
|
70
70
|
},
|
|
@@ -81,7 +81,7 @@ function g({ className: t, inset: n, children: c, ...l }) {
|
|
|
81
81
|
return /* @__PURE__ */ a(o.SubmenuTrigger, {
|
|
82
82
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
83
83
|
"data-inset": n,
|
|
84
|
-
className: e(s, t),
|
|
84
|
+
className: e(s, "pl-8", t),
|
|
85
85
|
...l,
|
|
86
86
|
children: [c, /* @__PURE__ */ i(r, { "data-slot": "dropdown-menu-sub-icon" })]
|
|
87
87
|
});
|
|
@@ -109,7 +109,8 @@ function v({ className: t, children: r, checked: c, inset: l, closeOnSelect: u =
|
|
|
109
109
|
...f,
|
|
110
110
|
children: [/* @__PURE__ */ i("span", {
|
|
111
111
|
"data-slot": "dropdown-menu-checkbox-item-indicator",
|
|
112
|
-
|
|
112
|
+
className: "absolute left-2 grid size-4 place-items-center",
|
|
113
|
+
children: /* @__PURE__ */ i(o.CheckboxItemIndicator, { children: /* @__PURE__ */ i(n, { className: "size-4" }) })
|
|
113
114
|
}), r]
|
|
114
115
|
});
|
|
115
116
|
}
|
|
@@ -130,29 +131,30 @@ function b({ className: t, children: r, inset: c, closeOnSelect: l = !0, onSelec
|
|
|
130
131
|
...d,
|
|
131
132
|
children: [/* @__PURE__ */ i("span", {
|
|
132
133
|
"data-slot": "dropdown-menu-radio-item-indicator",
|
|
133
|
-
|
|
134
|
+
className: "absolute left-2 grid size-4 place-items-center",
|
|
135
|
+
children: /* @__PURE__ */ i(o.RadioItemIndicator, { children: /* @__PURE__ */ i(n, { className: "size-4" }) })
|
|
134
136
|
}), r]
|
|
135
137
|
});
|
|
136
138
|
}
|
|
137
|
-
function x({ className:
|
|
139
|
+
function x({ className: t, ...n }) {
|
|
138
140
|
return /* @__PURE__ */ i(o.Separator, {
|
|
139
141
|
"data-slot": "dropdown-menu-separator",
|
|
140
|
-
className: e,
|
|
141
|
-
...
|
|
142
|
+
className: e("-mx-1 my-1 h-px bg-border/72", t),
|
|
143
|
+
...n
|
|
142
144
|
});
|
|
143
145
|
}
|
|
144
|
-
function S({ className:
|
|
146
|
+
function S({ className: t, ...n }) {
|
|
145
147
|
return /* @__PURE__ */ i("span", {
|
|
146
148
|
"data-slot": "dropdown-menu-shortcut",
|
|
147
|
-
className: e,
|
|
148
|
-
...
|
|
149
|
+
className: e("ml-auto text-xs tracking-widest text-muted-foreground", t),
|
|
150
|
+
...n
|
|
149
151
|
});
|
|
150
152
|
}
|
|
151
|
-
function C({ className:
|
|
153
|
+
function C({ className: t, ...n }) {
|
|
152
154
|
return /* @__PURE__ */ i("span", {
|
|
153
155
|
"data-slot": "dropdown-menu-item-description",
|
|
154
|
-
className: e,
|
|
155
|
-
...
|
|
156
|
+
className: e("block text-xs leading-5 text-muted-foreground group-data-[highlighted]/dropdown-menu-item:text-accent-foreground/75", t),
|
|
157
|
+
...n
|
|
156
158
|
});
|
|
157
159
|
}
|
|
158
160
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs"),r=require("
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs"),n=require("../button/index.cjs"),r=require("../textarea/index.cjs"),i=require("./primitive.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("class-variance-authority"),s=require("react/jsx-runtime");function c({className:e,...n}){return(0,s.jsx)(`div`,{"data-slot":`input-group`,role:`group`,className:t.cn(`group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5`,e),...n})}var l=(0,o.cva)(`flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":`order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]`,"inline-end":`order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]`,"block-start":`order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2`,"block-end":`order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2`}},defaultVariants:{align:`inline-start`}});function u({className:e,align:n=`inline-start`,...r}){return(0,s.jsx)(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:t.cn(l({align:n}),e),onClick:e=>{e.target.closest(`button`)||(e.currentTarget.parentElement?.querySelector(`input, textarea`))?.focus()},...r})}var d=(0,o.cva)(`flex items-center gap-2 text-sm shadow-none`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5`,sm:``,"icon-xs":`size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`size-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function f({className:e,type:r=`button`,variant:i=`ghost`,size:a=`xs`,...o}){return(0,s.jsx)(n.Button,{type:r,"data-size":a,variant:i,className:t.cn(d({size:a}),e),...o})}function p({className:e,...n}){return(0,s.jsx)(`span`,{"data-slot":`input-group-text`,className:t.cn(`flex items-center gap-2 [&_svg]:pointer-events-none`,e),...n})}function m({className:e,...n}){return(0,s.jsx)(i.InputPrimitive,{"data-slot":`input-group-control`,className:t.cn(`flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}function h({className:e,...n}){return(0,s.jsx)(r.Textarea,{"data-slot":`input-group-control`,className:t.cn(`flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent`,e),...n})}exports.InputGroup=c,exports.InputGroupAddon=u,exports.InputGroupButton=f,exports.InputGroupInput=m,exports.InputGroupText=p,exports.InputGroupTextarea=h;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { cn as e } from "../../../lib/utils.js";
|
|
3
3
|
import { Button as t } from "../button/index.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { Textarea as n } from "../textarea/index.js";
|
|
5
|
+
import { InputPrimitive as r } from "./primitive.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import { cva as i } from "class-variance-authority";
|
|
8
8
|
import { jsx as a } from "react/jsx-runtime";
|
|
@@ -61,18 +61,18 @@ function d({ className: t, ...n }) {
|
|
|
61
61
|
...n
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
|
-
function f({ className: t, ...
|
|
65
|
-
return /* @__PURE__ */ a(
|
|
64
|
+
function f({ className: t, ...n }) {
|
|
65
|
+
return /* @__PURE__ */ a(r, {
|
|
66
66
|
"data-slot": "input-group-control",
|
|
67
67
|
className: e("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
|
|
68
|
-
...
|
|
68
|
+
...n
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
|
-
function p({ className: t, ...
|
|
72
|
-
return /* @__PURE__ */ a(
|
|
71
|
+
function p({ className: t, ...r }) {
|
|
72
|
+
return /* @__PURE__ */ a(n, {
|
|
73
73
|
"data-slot": "input-group-control",
|
|
74
74
|
className: e("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent", t),
|
|
75
|
-
...
|
|
75
|
+
...r
|
|
76
76
|
});
|
|
77
77
|
}
|
|
78
78
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover text-popover-foreground shadow-
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/popover");function a({...e}){return(0,r.jsx)(i.Popover.Root,{"data-slot":`popover`,...e})}function o({...e}){return(0,r.jsx)(i.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function s({className:e,align:n=`center`,alignOffset:a=0,collisionPadding:o=12,side:s=`bottom`,sideOffset:c=4,...l}){return(0,r.jsx)(i.Popover.Portal,{children:(0,r.jsx)(i.Popover.Positioner,{align:n,alignOffset:a,collisionPadding:o,side:s,sideOffset:c,className:`isolate z-50`,children:(0,r.jsx)(i.Popover.Popup,{"data-slot":`popover-content`,className:t.cn(`z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-border/78 bg-popover p-3 text-popover-foreground shadow-[0_18px_50px_rgba(15,23,42,0.18)] outline-hidden backdrop-blur duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,e),...l})})})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`popover-header`,className:t.cn(`grid gap-1`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(i.Popover.Title,{"data-slot":`popover-title`,className:t.cn(`text-sm font-semibold text-foreground`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(i.Popover.Description,{"data-slot":`popover-description`,className:t.cn(`text-sm leading-6 text-muted-foreground`,e),...n})}exports.Popover=a,exports.PopoverContent=s,exports.PopoverDescription=u,exports.PopoverHeader=c,exports.PopoverTitle=l,exports.PopoverTrigger=o;
|
|
@@ -26,30 +26,30 @@ function a({ className: r, align: i = "center", alignOffset: a = 0, collisionPad
|
|
|
26
26
|
className: "isolate z-50",
|
|
27
27
|
children: /* @__PURE__ */ t(n.Popup, {
|
|
28
28
|
"data-slot": "popover-content",
|
|
29
|
-
className: e("z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--radius-lg)] border border-border bg-popover text-popover-foreground shadow-
|
|
29
|
+
className: e("z-50 flex max-h-[min(var(--available-height),calc(100dvh-1rem))] w-[min(var(--anchor-width),20rem)] min-w-60 max-w-[calc(100vw-1rem)] origin-(--transform-origin) flex-col gap-3 overflow-y-auto rounded-[var(--aui-card-radius,var(--radius-lg))] border border-border/78 bg-popover p-3 text-popover-foreground shadow-[0_18px_50px_rgba(15,23,42,0.18)] outline-hidden backdrop-blur duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
|
|
30
30
|
...l
|
|
31
31
|
})
|
|
32
32
|
}) });
|
|
33
33
|
}
|
|
34
|
-
function o({ className:
|
|
34
|
+
function o({ className: n, ...r }) {
|
|
35
35
|
return /* @__PURE__ */ t("div", {
|
|
36
36
|
"data-slot": "popover-header",
|
|
37
|
-
className: e,
|
|
38
|
-
...
|
|
37
|
+
className: e("grid gap-1", n),
|
|
38
|
+
...r
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
|
-
function s({ className:
|
|
41
|
+
function s({ className: r, ...i }) {
|
|
42
42
|
return /* @__PURE__ */ t(n.Title, {
|
|
43
43
|
"data-slot": "popover-title",
|
|
44
|
-
className: e,
|
|
45
|
-
...
|
|
44
|
+
className: e("text-sm font-semibold text-foreground", r),
|
|
45
|
+
...i
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
function c({ className:
|
|
48
|
+
function c({ className: r, ...i }) {
|
|
49
49
|
return /* @__PURE__ */ t(n.Description, {
|
|
50
50
|
"data-slot": "popover-description",
|
|
51
|
-
className: e,
|
|
52
|
-
...
|
|
51
|
+
className: e("text-sm leading-6 text-muted-foreground", r),
|
|
52
|
+
...i
|
|
53
53
|
});
|
|
54
54
|
}
|
|
55
55
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/tabs");var a=i.Tabs.Root,o=n.forwardRef(({className:e,variant:n=`default`,overflow:a=`scroll`,...o},s)=>(0,r.jsx)(i.Tabs.List,{ref:s,"data-slot":`tabs-list`,"data-variant":n,"data-overflow":a,className:t.cn(`inline-flex max-w-full items-center justify-start`,a===`scroll`&&`overflow-x-auto overflow-y-hidden overscroll-x-contain [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,a===`wrap`&&`flex-wrap`,e),...o}));o.displayName=`TabsList`;var s=n.forwardRef(({className:e,variant:n=`default`,...a},o)=>(0,r.jsx)(i.Tabs.Tab,{ref:o,"data-slot":`tabs-trigger`,"data-variant":n,className:t.cn(`inline-flex shrink-0 items-center justify-center whitespace-nowrap disabled:pointer-events-none`,e),...a}));s.displayName=`TabsTrigger`;var c=n.forwardRef(({className:e,...
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/tabs");var a=i.Tabs.Root,o=n.forwardRef(({className:e,variant:n=`default`,overflow:a=`scroll`,...o},s)=>(0,r.jsx)(i.Tabs.List,{ref:s,"data-slot":`tabs-list`,"data-variant":n,"data-overflow":a,className:t.cn(`inline-flex max-w-full items-center justify-start gap-1 rounded-[var(--radius-lg)] border border-border/72 bg-muted/45 p-1`,n===`underline`&&`gap-4 rounded-none border-x-0 border-t-0 bg-transparent p-0`,n===`compact`&&`rounded-[var(--radius-md)] p-0.5`,a===`scroll`&&`overflow-x-auto overflow-y-hidden overscroll-x-contain [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden`,a===`wrap`&&`flex-wrap`,e),...o}));o.displayName=`TabsList`;var s=n.forwardRef(({className:e,variant:n=`default`,...a},o)=>(0,r.jsx)(i.Tabs.Tab,{ref:o,"data-slot":`tabs-trigger`,"data-variant":n,className:t.cn(`inline-flex h-9 shrink-0 items-center justify-center whitespace-nowrap rounded-[var(--radius-md)] px-3 text-sm font-medium text-muted-foreground outline-none transition-[background-color,border-color,color,box-shadow] hover:bg-background/72 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[selected]:bg-background data-[selected]:text-foreground data-[selected]:shadow-sm`,n===`pills`&&`rounded-full px-4 data-[selected]:bg-primary data-[selected]:text-primary-foreground`,n===`underline`&&`h-10 rounded-none border-b-2 border-transparent bg-transparent px-0 shadow-none hover:bg-transparent data-[selected]:border-primary data-[selected]:bg-transparent data-[selected]:shadow-none`,n===`compact`&&`h-8 rounded-[calc(var(--radius-md)-2px)] px-2.5 text-xs`,e),...a}));s.displayName=`TabsTrigger`;var c=n.forwardRef(({className:e,...n},a)=>(0,r.jsx)(i.Tabs.Panel,{ref:a,"data-slot":`tabs-content`,className:t.cn(`mt-3 outline-none focus-visible:ring-2 focus-visible:ring-ring`,e),...n}));c.displayName=`TabsContent`,exports.Tabs=a,exports.TabsContent=c,exports.TabsList=o,exports.TabsTrigger=s;
|