@soybeanjs/ui 0.22.4 → 0.23.0
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/README.md +7 -14
- package/README.zh-CN.md +7 -14
- package/dist/components/accordion/accordion.js +1 -1
- package/dist/components/affix/affix.js +1 -1
- package/dist/components/alert/alert.js +1 -1
- package/dist/components/alert/index.d.ts +1 -1
- package/dist/components/alert/types.d.ts +1 -1
- package/dist/components/anchor/anchor.js +1 -1
- package/dist/components/autocomplete/autocomplete.js +1 -1
- package/dist/components/avatar/avatar.js +1 -1
- package/dist/components/backtop/backtop.js +1 -1
- package/dist/components/backtop/backtop.vue.d.ts +2 -3
- package/dist/components/backtop/types.d.ts +1 -1
- package/dist/components/badge/badge.js +1 -1
- package/dist/components/badge/index.d.ts +1 -1
- package/dist/components/badge/types.d.ts +1 -1
- package/dist/components/bottom-sheet/bottom-sheet.js +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/components/button/button-group.js +1 -1
- package/dist/components/button/button-icon.vue.d.ts +1 -1
- package/dist/components/button/button-link.vue.d.ts +2 -2
- package/dist/components/button/button.js +1 -1
- package/dist/components/button/index.d.ts +1 -1
- package/dist/components/button/types.d.ts +1 -1
- package/dist/components/calendar/calendar.js +1 -1
- package/dist/components/calendar-range/calendar-range.js +1 -1
- package/dist/components/card/card.js +1 -1
- package/dist/components/carousel/carousel.js +1 -1
- package/dist/components/checkbox/checkbox-card-group.js +1 -1
- package/dist/components/checkbox/checkbox-card.js +1 -1
- package/dist/components/checkbox/checkbox-group.js +1 -1
- package/dist/components/checkbox/checkbox.js +1 -1
- package/dist/components/checkbox/types.d.ts +1 -1
- package/dist/components/clipboard/clipboard.js +1 -1
- package/dist/components/clipboard/index.d.ts +1 -1
- package/dist/components/clipboard/types.d.ts +1 -1
- package/dist/components/collapsible/collapsible.js +1 -1
- package/dist/components/color-area/color-area.js +1 -1
- package/dist/components/color-field/color-field.js +1 -1
- package/dist/components/color-picker/color-picker.js +1 -1
- package/dist/components/color-picker/color-picker.vue.d.ts +1 -1
- package/dist/components/color-slider/color-slider.js +1 -1
- package/dist/components/color-slider/color-slider.vue.d.ts +1 -2
- package/dist/components/color-swatch/color-swatch.js +1 -1
- package/dist/components/color-swatch/index.d.ts +1 -1
- package/dist/components/color-swatch/types.d.ts +1 -1
- package/dist/components/color-swatch-picker/color-swatch-picker.js +1 -1
- package/dist/components/color-swatch-picker/color-swatch-picker.vue.d.ts +1 -1
- package/dist/components/color-swatch-picker/index.d.ts +1 -1
- package/dist/components/color-swatch-picker/types.d.ts +1 -1
- package/dist/components/combobox/combobox.js +1 -1
- package/dist/components/command/command.js +1 -1
- package/dist/components/date-field/date-field.js +1 -1
- package/dist/components/date-picker/date-picker.js +1 -1
- package/dist/components/date-range-field/date-range-field.js +1 -1
- package/dist/components/date-range-picker/date-range-picker.js +1 -1
- package/dist/components/dialog/dialog-provider.js +1 -1
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/drawer/drawer.js +1 -1
- package/dist/components/editable/editable.js +1 -1
- package/dist/components/empty/empty.js +1 -1
- package/dist/components/form/form-field-array.js +1 -1
- package/dist/components/form/form-field-base.js +1 -1
- package/dist/components/form/form-field.js +1 -1
- package/dist/components/form/form.js +1 -1
- package/dist/components/hover-card/hover-card.js +1 -1
- package/dist/components/input/input.js +1 -1
- package/dist/components/input-number/input-number.js +1 -1
- package/dist/components/input-otp/input-otp.js +1 -1
- package/dist/components/kbd/index.d.ts +1 -1
- package/dist/components/kbd/kbd.js +1 -1
- package/dist/components/kbd/types.d.ts +1 -1
- package/dist/components/label/label.js +1 -1
- package/dist/components/layout/layout-classic.js +1 -1
- package/dist/components/layout/layout.js +1 -1
- package/dist/components/link/link.js +1 -1
- package/dist/components/link/link.vue.d.ts +1 -1
- package/dist/components/list/list.js +1 -1
- package/dist/components/menu/context.js +1 -1
- package/dist/components/menubar/menubar.js +1 -1
- package/dist/components/navigation-menu/navigation-menu.js +1 -1
- package/dist/components/page-tabs/index.d.ts +1 -1
- package/dist/components/page-tabs/page-tabs.js +1 -1
- package/dist/components/page-tabs/page-tabs.vue.d.ts +1 -1
- package/dist/components/page-tabs/types.d.ts +1 -1
- package/dist/components/pagination/pagination.js +1 -1
- package/dist/components/pagination/types.d.ts +1 -1
- package/dist/components/password/password.js +1 -1
- package/dist/components/popconfirm/popconfirm.js +1 -1
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/progress/progress-circle.js +1 -1
- package/dist/components/progress/progress-provider.js +1 -1
- package/dist/components/progress/progress.js +1 -1
- package/dist/components/radio-group/radio-group-card.js +1 -1
- package/dist/components/radio-group/radio-group.js +1 -1
- package/dist/components/radio-group/types.d.ts +1 -1
- package/dist/components/scroll-area/scroll-area.js +1 -1
- package/dist/components/scroll-area/types.d.ts +5 -0
- package/dist/components/segment/index.d.ts +1 -1
- package/dist/components/segment/segment.js +1 -1
- package/dist/components/segment/types.d.ts +1 -1
- package/dist/components/select/select.js +1 -1
- package/dist/components/separator/separator.js +1 -1
- package/dist/components/separator/types.d.ts +1 -1
- package/dist/components/skeleton/index.d.ts +1 -1
- package/dist/components/skeleton/skeleton.js +1 -1
- package/dist/components/skeleton/types.d.ts +1 -1
- package/dist/components/slider/slider.js +1 -1
- package/dist/components/spinner/spinner.js +1 -1
- package/dist/components/splitter/splitter-group.js +1 -1
- package/dist/components/splitter/splitter-resize-handle.vue.d.ts +1 -1
- package/dist/components/splitter/types.d.ts +5 -0
- package/dist/components/stepper/stepper.js +1 -1
- package/dist/components/switch/index.d.ts +1 -1
- package/dist/components/switch/switch.js +1 -1
- package/dist/components/switch/types.d.ts +1 -1
- package/dist/components/table/table-radio.js +1 -1
- package/dist/components/table/table.js +1 -1
- package/dist/components/table/types.d.ts +1 -1
- package/dist/components/tabs/tabs.js +1 -1
- package/dist/components/tabs/types.d.ts +1 -1
- package/dist/components/tag/index.d.ts +1 -1
- package/dist/components/tag/tag.js +1 -1
- package/dist/components/tag/types.d.ts +1 -1
- package/dist/components/tags-input/tags-input.js +1 -1
- package/dist/components/textarea/index.d.ts +1 -1
- package/dist/components/textarea/textarea.js +1 -1
- package/dist/components/textarea/types.d.ts +1 -1
- package/dist/components/time-field/time-field.js +1 -1
- package/dist/components/time-range-field/time-range-field.js +1 -1
- package/dist/components/toast/toast-provider.js +1 -1
- package/dist/components/toggle/index.d.ts +1 -1
- package/dist/components/toggle/toggle.js +1 -1
- package/dist/components/toggle/types.d.ts +1 -1
- package/dist/components/toggle-group/index.d.ts +1 -1
- package/dist/components/toggle-group/toggle-group.js +1 -1
- package/dist/components/toggle-group/types.d.ts +1 -1
- package/dist/components/toolbar/toolbar.js +1 -1
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/components/tree-menu/tree-menu-styled-item.js +1 -1
- package/dist/components/tree-menu/tree-menu.js +1 -1
- package/dist/index.d.ts +14 -14
- package/dist/styles/accordion.js +1 -0
- package/dist/styles/affix.js +1 -0
- package/dist/styles/alert.d.ts +102 -0
- package/dist/styles/alert.js +1 -0
- package/dist/styles/anchor.js +1 -0
- package/dist/styles/autocomplete.js +1 -0
- package/dist/styles/avatar.js +1 -0
- package/dist/styles/backtop.js +1 -0
- package/dist/styles/badge.d.ts +73 -0
- package/dist/styles/badge.js +1 -0
- package/dist/styles/bottom-sheet.js +1 -0
- package/dist/styles/breadcrumb.js +1 -0
- package/dist/styles/button.d.ts +62 -0
- package/dist/styles/button.js +1 -0
- package/dist/styles/calendar-range.js +1 -0
- package/dist/styles/calendar.js +1 -0
- package/dist/styles/card.js +1 -0
- package/dist/styles/carousel.js +1 -0
- package/dist/styles/checkbox.d.ts +88 -0
- package/dist/styles/checkbox.js +1 -0
- package/dist/styles/clipboard.d.ts +1 -0
- package/dist/styles/clipboard.js +1 -0
- package/dist/styles/collapsible.js +1 -0
- package/dist/styles/color-area.js +1 -0
- package/dist/styles/color-field.js +1 -0
- package/dist/styles/color-picker.js +1 -0
- package/dist/styles/color-swatch-picker.d.ts +52 -0
- package/dist/styles/color-swatch-picker.js +1 -0
- package/dist/styles/color-swatch.d.ts +40 -0
- package/dist/styles/color-swatch.js +1 -0
- package/dist/styles/combobox.js +1 -0
- package/dist/styles/command.js +1 -0
- package/dist/styles/date-field.js +1 -0
- package/dist/styles/date-picker.js +1 -0
- package/dist/styles/date-range-field.js +1 -0
- package/dist/styles/date-range-picker.js +1 -0
- package/dist/styles/dialog.js +1 -0
- package/dist/styles/drawer.js +1 -0
- package/dist/styles/editable.js +1 -0
- package/dist/styles/empty.js +1 -0
- package/dist/styles/form.js +1 -0
- package/dist/styles/hover-card.js +1 -0
- package/dist/styles/input-number.js +1 -0
- package/dist/styles/input-otp.js +1 -0
- package/dist/styles/input.js +1 -0
- package/dist/styles/kbd.d.ts +29 -0
- package/dist/styles/kbd.js +1 -0
- package/dist/styles/label.js +1 -0
- package/dist/styles/layout.js +1 -0
- package/dist/styles/link.js +1 -0
- package/dist/styles/list.js +1 -0
- package/dist/styles/menu.js +1 -0
- package/dist/styles/menubar.js +1 -0
- package/dist/styles/navigation-menu.js +1 -0
- package/dist/styles/page-tabs.d.ts +60 -0
- package/dist/styles/page-tabs.js +1 -0
- package/dist/styles/pagination.d.ts +73 -0
- package/dist/styles/pagination.js +1 -0
- package/dist/styles/password.js +1 -0
- package/dist/styles/popconfirm.js +1 -0
- package/dist/styles/popover.js +1 -0
- package/dist/styles/progress.js +1 -0
- package/dist/styles/radio-group.d.ts +96 -0
- package/dist/{components/radio-group/variants.js → styles/radio-group.js} +1 -1
- package/dist/styles/scroll-area.js +1 -0
- package/dist/styles/segment.js +1 -0
- package/dist/styles/select.js +1 -0
- package/dist/styles/separator.d.ts +66 -0
- package/dist/styles/separator.js +1 -0
- package/dist/styles/skeleton.d.ts +29 -0
- package/dist/styles/skeleton.js +1 -0
- package/dist/styles/slider.js +1 -0
- package/dist/styles/spinner.js +1 -0
- package/dist/styles/splitter.js +1 -0
- package/dist/styles/stepper.js +1 -0
- package/dist/styles/switch.d.ts +75 -0
- package/dist/styles/switch.js +1 -0
- package/dist/styles/table.d.ts +124 -0
- package/dist/styles/table.js +1 -0
- package/dist/styles/tabs.d.ts +81 -0
- package/dist/styles/tabs.js +1 -0
- package/dist/styles/tag.d.ts +45 -0
- package/dist/styles/tag.js +1 -0
- package/dist/styles/tags-input.js +1 -0
- package/dist/styles/textarea.d.ts +64 -0
- package/dist/styles/textarea.js +1 -0
- package/dist/styles/time-range-field.js +1 -0
- package/dist/styles/toast.js +1 -0
- package/dist/styles/toggle-group.d.ts +79 -0
- package/dist/styles/toggle-group.js +1 -0
- package/dist/styles/toggle.d.ts +44 -0
- package/dist/styles/toggle.js +1 -0
- package/dist/styles/toolbar.js +1 -0
- package/dist/styles/tooltip.js +1 -0
- package/dist/styles/tree-menu.js +1 -0
- package/dist/styles.css +66 -49
- package/dist/theme/index.js +1 -1
- package/package.json +7 -8
- package/dist/components/accordion/variants.js +0 -1
- package/dist/components/affix/variants.js +0 -1
- package/dist/components/alert/variants.d.ts +0 -299
- package/dist/components/alert/variants.js +0 -1
- package/dist/components/anchor/variants.js +0 -1
- package/dist/components/autocomplete/variants.js +0 -1
- package/dist/components/avatar/variants.js +0 -1
- package/dist/components/backtop/variants.js +0 -1
- package/dist/components/badge/variants.d.ts +0 -200
- package/dist/components/badge/variants.js +0 -1
- package/dist/components/bottom-sheet/variants.js +0 -1
- package/dist/components/breadcrumb/variants.js +0 -1
- package/dist/components/button/variants.d.ts +0 -145
- package/dist/components/button/variants.js +0 -1
- package/dist/components/calendar/variants.js +0 -1
- package/dist/components/calendar-range/variants.js +0 -1
- package/dist/components/card/variants.js +0 -1
- package/dist/components/carousel/variants.js +0 -1
- package/dist/components/checkbox/variants.d.ts +0 -254
- package/dist/components/checkbox/variants.js +0 -1
- package/dist/components/clipboard/variants.d.ts +0 -1
- package/dist/components/collapsible/variants.js +0 -1
- package/dist/components/color-area/variants.js +0 -1
- package/dist/components/color-field/variants.js +0 -1
- package/dist/components/color-picker/variants.js +0 -1
- package/dist/components/color-swatch/variants.d.ts +0 -107
- package/dist/components/color-swatch/variants.js +0 -1
- package/dist/components/color-swatch-picker/variants.d.ts +0 -152
- package/dist/components/color-swatch-picker/variants.js +0 -1
- package/dist/components/combobox/variants.js +0 -1
- package/dist/components/command/variants.js +0 -1
- package/dist/components/date-field/variants.js +0 -1
- package/dist/components/date-picker/variants.js +0 -1
- package/dist/components/date-range-field/variants.js +0 -1
- package/dist/components/dialog/variants.js +0 -1
- package/dist/components/drawer/variants.js +0 -1
- package/dist/components/editable/variants.js +0 -1
- package/dist/components/empty/variants.js +0 -1
- package/dist/components/form/variants.js +0 -1
- package/dist/components/hover-card/variants.js +0 -1
- package/dist/components/input/variants.js +0 -1
- package/dist/components/input-number/variants.js +0 -1
- package/dist/components/input-otp/variants.js +0 -1
- package/dist/components/kbd/variants.d.ts +0 -59
- package/dist/components/kbd/variants.js +0 -1
- package/dist/components/label/variants.js +0 -1
- package/dist/components/layout/variants.js +0 -1
- package/dist/components/link/variants.js +0 -1
- package/dist/components/list/variants.js +0 -1
- package/dist/components/menu/variants.js +0 -1
- package/dist/components/menubar/variants.js +0 -1
- package/dist/components/navigation-menu/variants.js +0 -1
- package/dist/components/page-tabs/variants.d.ts +0 -182
- package/dist/components/page-tabs/variants.js +0 -1
- package/dist/components/pagination/variants.d.ts +0 -231
- package/dist/components/pagination/variants.js +0 -1
- package/dist/components/popconfirm/variants.js +0 -1
- package/dist/components/popover/variants.js +0 -1
- package/dist/components/progress/variants.js +0 -1
- package/dist/components/radio-group/variants.d.ts +0 -275
- package/dist/components/scroll-area/variants.js +0 -1
- package/dist/components/select/variants.js +0 -1
- package/dist/components/separator/variants.d.ts +0 -176
- package/dist/components/separator/variants.js +0 -1
- package/dist/components/skeleton/variants.d.ts +0 -59
- package/dist/components/skeleton/variants.js +0 -1
- package/dist/components/slider/variants.js +0 -1
- package/dist/components/spinner/variants.js +0 -1
- package/dist/components/splitter/variants.js +0 -1
- package/dist/components/stepper/variants.js +0 -1
- package/dist/components/switch/variants.d.ts +0 -209
- package/dist/components/switch/variants.js +0 -1
- package/dist/components/table/variants.d.ts +0 -428
- package/dist/components/table/variants.js +0 -1
- package/dist/components/tabs/variants.d.ts +0 -228
- package/dist/components/tabs/variants.js +0 -1
- package/dist/components/tag/variants.d.ts +0 -102
- package/dist/components/tag/variants.js +0 -1
- package/dist/components/tags-input/variants.js +0 -1
- package/dist/components/textarea/variants.d.ts +0 -182
- package/dist/components/textarea/variants.js +0 -1
- package/dist/components/toast/variants.js +0 -1
- package/dist/components/toggle/variants.d.ts +0 -99
- package/dist/components/toggle/variants.js +0 -1
- package/dist/components/toggle-group/variants.d.ts +0 -215
- package/dist/components/toggle-group/variants.js +0 -1
- package/dist/components/toolbar/variants.js +0 -1
- package/dist/components/tooltip/variants.js +0 -1
- package/dist/components/tree-menu/variants.js +0 -1
- package/dist/theme/context.d.ts +0 -1
- package/dist/theme/context.js +0 -1
- package/dist/theme/index.d.ts +0 -1
- package/dist/theme/merge.d.ts +0 -1
- package/dist/theme/merge.js +0 -1
- package/dist/theme/shared.d.ts +0 -1
- package/dist/theme/shared.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{badgeVariants as e}from"../../styles/badge.js";import{provideMenuUi as t}from"../menu/context.js";import{tooltipVariants as n}from"../../styles/tooltip.js";import{treeMenuVariants as r}from"../../styles/tree-menu.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{provideBadgeUi as S}from"@soybeanjs/headless/badge";import{provideTooltipUi as C}from"@soybeanjs/headless/tooltip";import{TreeMenuCompact as w,provideTreeMenuUi as T}from"@soybeanjs/headless/tree-menu";const E=c({name:`STreeMenu`,__name:`tree-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{},indent:{},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(c,{emit:E}){let D=c,O=E,k=_(),A=b(D,[`class`,`size`,`ui`]),j=y(O),M=i(()=>x(k)),N=i(()=>r({size:D.size},D.ui,{root:D.class})),P=i(()=>e({color:`accent`,size:D.size,position:`top-right`})),F=i(()=>n({size:D.size}));return t(()=>({size:D.size})),S(P),C(F),T(N),(e,t)=>(f(),a(g(w),u(g(A),h(g(j))),s({_:2},[p(M.value,t=>({name:t,fn:v(n=>[o(` @vue-expect-error ignore slot type `),m(e.$slots,t,d(l(n)))])}))]),1040))}});export{E as default};
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { AccordionEmits, AccordionProps, AccordionSlots } from "./components/acc
|
|
|
3
3
|
import { _default } from "./components/accordion/accordion.vue.js";
|
|
4
4
|
import { AffixEmits, AffixProps } from "./components/affix/types.js";
|
|
5
5
|
import { _default as _default$1 } from "./components/affix/affix.vue.js";
|
|
6
|
-
import { AlertVariant } from "./
|
|
6
|
+
import { AlertVariant } from "./styles/alert.js";
|
|
7
7
|
import { AlertEmits, AlertExtendedUi, AlertProps, AlertSlots } from "./components/alert/types.js";
|
|
8
8
|
import { _default as _default$2 } from "./components/alert/alert.vue.js";
|
|
9
9
|
import { AnchorEmits, AnchorExtendedUi, AnchorExtraUiSlot, AnchorProps } from "./components/anchor/types.js";
|
|
@@ -12,9 +12,9 @@ import { ArrowProps, SArrow } from "./components/arrow/index.js";
|
|
|
12
12
|
import { AspectRatioProps, SAspectRatio } from "./components/aspect-ratio/index.js";
|
|
13
13
|
import { AvatarEmits, AvatarProps } from "./components/avatar/types.js";
|
|
14
14
|
import { _default as _default$5 } from "./components/avatar/avatar.vue.js";
|
|
15
|
+
import { ButtonShadow, ButtonShape, ButtonVariant } from "./styles/button.js";
|
|
15
16
|
import { IconProps, IconValue } from "./components/icon/types.js";
|
|
16
17
|
import { LinkProps } from "./components/link/types.js";
|
|
17
|
-
import { ButtonShadow, ButtonShape, ButtonVariant } from "./components/button/variants.js";
|
|
18
18
|
import { ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps } from "./components/button/types.js";
|
|
19
19
|
import { _default as _default$10 } from "./components/button/button.vue.js";
|
|
20
20
|
import { _default as _default$14 } from "./components/button/button-loading.vue.js";
|
|
@@ -26,7 +26,7 @@ import { _default as _default$6 } from "./components/backtop/backtop.vue.js";
|
|
|
26
26
|
import { BacktopState, BacktopTarget } from "./components/backtop/index.js";
|
|
27
27
|
import { AutocompleteEmits, AutocompleteProps, AutocompleteSlots } from "./components/autocomplete/types.js";
|
|
28
28
|
import { _default as _default$4 } from "./components/autocomplete/autocomplete.vue.js";
|
|
29
|
-
import { BadgePosition } from "./
|
|
29
|
+
import { BadgePosition } from "./styles/badge.js";
|
|
30
30
|
import { BadgeEmits, BadgeProps } from "./components/badge/types.js";
|
|
31
31
|
import { _default as _default$7 } from "./components/badge/badge.vue.js";
|
|
32
32
|
import { BottomSheetEmits, BottomSheetProps, BottomSheetSlots } from "./components/bottom-sheet/types.js";
|
|
@@ -61,10 +61,10 @@ import { ColorPickerEmits, ColorPickerProps } from "./components/color-picker/ty
|
|
|
61
61
|
import { _default as _default$28 } from "./components/color-picker/color-picker.vue.js";
|
|
62
62
|
import { ColorSliderEmits, ColorSliderProps } from "./components/color-slider/types.js";
|
|
63
63
|
import { _default as _default$29 } from "./components/color-slider/color-slider.vue.js";
|
|
64
|
-
import { ColorSwatchShape } from "./
|
|
64
|
+
import { ColorSwatchShape } from "./styles/color-swatch.js";
|
|
65
65
|
import { ColorSwatchProps, ColorSwatchSlots } from "./components/color-swatch/types.js";
|
|
66
66
|
import { _default as _default$30 } from "./components/color-swatch/color-swatch.vue.js";
|
|
67
|
-
import { ColorSwatchPickerShape } from "./
|
|
67
|
+
import { ColorSwatchPickerShape } from "./styles/color-swatch-picker.js";
|
|
68
68
|
import { ColorSwatchPickerEmits, ColorSwatchPickerExtendedUi, ColorSwatchPickerExtraUiSlot, ColorSwatchPickerProps } from "./components/color-swatch-picker/types.js";
|
|
69
69
|
import { _default as _default$31 } from "./components/color-swatch-picker/color-swatch-picker.vue.js";
|
|
70
70
|
import { ComboboxEmits, ComboboxProps, ComboboxSlots } from "./components/combobox/types.js";
|
|
@@ -122,7 +122,7 @@ import { InputNumberEmits, InputNumberProps, InputNumberSlots } from "./componen
|
|
|
122
122
|
import { _default as _default$57 } from "./components/input-number/input-number.vue.js";
|
|
123
123
|
import { InputOtpEmits, InputOtpProps, InputOtpSlots } from "./components/input-otp/types.js";
|
|
124
124
|
import { _default as _default$58 } from "./components/input-otp/input-otp.vue.js";
|
|
125
|
-
import { KbdVariant } from "./
|
|
125
|
+
import { KbdVariant } from "./styles/kbd.js";
|
|
126
126
|
import { KbdProps } from "./components/kbd/types.js";
|
|
127
127
|
import { _default as _default$59 } from "./components/kbd/kbd.vue.js";
|
|
128
128
|
import { KbdValue } from "./components/kbd/index.js";
|
|
@@ -143,7 +143,7 @@ import { MenubarEmits, MenubarProps, MenubarSlots } from "./components/menubar/t
|
|
|
143
143
|
import { _default as _default$66 } from "./components/menubar/menubar.vue.js";
|
|
144
144
|
import { NavigationMenuEmits, NavigationMenuProps, NavigationMenuSlots } from "./components/navigation-menu/types.js";
|
|
145
145
|
import { _default as _default$67 } from "./components/navigation-menu/navigation-menu.vue.js";
|
|
146
|
-
import { PageTabsVariant } from "./
|
|
146
|
+
import { PageTabsVariant } from "./styles/page-tabs.js";
|
|
147
147
|
import { PageTabsEmits, PageTabsProps, PageTabsSlots } from "./components/page-tabs/types.js";
|
|
148
148
|
import { _default as _default$68 } from "./components/page-tabs/page-tabs.vue.js";
|
|
149
149
|
import { PaginationEmits, PaginationProps, PaginationSlots } from "./components/pagination/types.js";
|
|
@@ -158,7 +158,7 @@ import { _default as _default$72 } from "./components/popover/popover.vue.js";
|
|
|
158
158
|
import { RadioGroupCardEmits, RadioGroupCardProps, RadioGroupCardSlots, RadioGroupEmits, RadioGroupProps } from "./components/radio-group/types.js";
|
|
159
159
|
import { _default as _default$76 } from "./components/radio-group/radio-group.vue.js";
|
|
160
160
|
import { _default as _default$77 } from "./components/radio-group/radio-group-card.vue.js";
|
|
161
|
-
import { TabsFill, TabsShape } from "./
|
|
161
|
+
import { TabsFill, TabsShape } from "./styles/tabs.js";
|
|
162
162
|
import { SegmentEmits, SegmentOptionData, SegmentProps, SegmentSlots } from "./components/segment/types.js";
|
|
163
163
|
import { _default as _default$79 } from "./components/segment/segment.vue.js";
|
|
164
164
|
import { ScrollAreaEmits, ScrollAreaProps } from "./components/scroll-area/types.js";
|
|
@@ -167,7 +167,7 @@ import { SelectEmits, SelectGroupOptionData, SelectItemEvent, SelectOptionData,
|
|
|
167
167
|
import { _default as _default$80 } from "./components/select/select.vue.js";
|
|
168
168
|
import { SeparatorProps } from "./components/separator/types.js";
|
|
169
169
|
import { _default as _default$81 } from "./components/separator/separator.vue.js";
|
|
170
|
-
import { SkeletonShape } from "./
|
|
170
|
+
import { SkeletonShape } from "./styles/skeleton.js";
|
|
171
171
|
import { SkeletonProps } from "./components/skeleton/types.js";
|
|
172
172
|
import { _default as _default$82 } from "./components/skeleton/skeleton.vue.js";
|
|
173
173
|
import { SliderEmits, SliderProps } from "./components/slider/types.js";
|
|
@@ -180,7 +180,7 @@ import { _default as _default$86 } from "./components/splitter/splitter-panel.vu
|
|
|
180
180
|
import { _default as _default$87 } from "./components/splitter/splitter-resize-handle.vue.js";
|
|
181
181
|
import { StepperEmits, StepperProps, StepperSlots } from "./components/stepper/types.js";
|
|
182
182
|
import { _default as _default$88 } from "./components/stepper/stepper.vue.js";
|
|
183
|
-
import { SwitchShape } from "./
|
|
183
|
+
import { SwitchShape } from "./styles/switch.js";
|
|
184
184
|
import { SwitchEmits, SwitchProps, SwitchSlots } from "./components/switch/types.js";
|
|
185
185
|
import { _default as _default$89 } from "./components/switch/switch.vue.js";
|
|
186
186
|
import { TableBaseData, TableColumn, TableColumnFilter, TableColumnFilterOption, TableColumnFilterValue, TableColumnType, TableEmits, TableExtendedUi, TableExtraUiSlot, TableFilterPopoverColumnMeta, TableFilterPopoverOption, TableFilterPopoverProps, TableProps, TableRadioProps, TableSlots, TableSortOrder } from "./components/table/types.js";
|
|
@@ -189,13 +189,13 @@ import { usePaginatedTable, useTable } from "./components/table/hooks.js";
|
|
|
189
189
|
import { STableCell, STableRow, TableColumnCheck } from "./components/table/index.js";
|
|
190
190
|
import { TabsEmits, TabsOptionData, TabsProps, TabsSlots } from "./components/tabs/types.js";
|
|
191
191
|
import { _default as _default$91 } from "./components/tabs/tabs.vue.js";
|
|
192
|
-
import { TagShape, TagVariant } from "./
|
|
192
|
+
import { TagShape, TagVariant } from "./styles/tag.js";
|
|
193
193
|
import { TagEmits, TagProps } from "./components/tag/types.js";
|
|
194
194
|
import { _default as _default$92 } from "./components/tag/tag.vue.js";
|
|
195
195
|
import { TagsInputEmits, TagsInputProps, TagsInputSlots } from "./components/tags-input/types.js";
|
|
196
196
|
import { _default as _default$93 } from "./components/tags-input/tags-input.vue.js";
|
|
197
197
|
import { STagsInputItemDelete, STagsInputItemText } from "./components/tags-input/index.js";
|
|
198
|
-
import { TextareaResize } from "./
|
|
198
|
+
import { TextareaResize } from "./styles/textarea.js";
|
|
199
199
|
import { TextareaEmits, TextareaProps, TextareaSlots } from "./components/textarea/types.js";
|
|
200
200
|
import { _default as _default$94 } from "./components/textarea/textarea.vue.js";
|
|
201
201
|
import { STextareaClear } from "./components/textarea/index.js";
|
|
@@ -208,10 +208,10 @@ import { ToastCreateOptions, ToastIconType, ToastPosition, ToastType, ToastUi, T
|
|
|
208
208
|
import { ToolbarProps } from "./components/toolbar/types.js";
|
|
209
209
|
import { _default as _default$100 } from "./components/toolbar/toolbar.vue.js";
|
|
210
210
|
import { SToolbarButton, SToolbarLink, SToolbarSeparator, SToolbarToggleGroup, SToolbarToggleItem } from "./components/toolbar/index.js";
|
|
211
|
-
import { ToggleShape, ToggleVariant } from "./
|
|
211
|
+
import { ToggleShape, ToggleVariant } from "./styles/toggle.js";
|
|
212
212
|
import { ToggleEmits, ToggleProps } from "./components/toggle/types.js";
|
|
213
213
|
import { _default as _default$98 } from "./components/toggle/toggle.vue.js";
|
|
214
|
-
import { ToggleGroupVariant } from "./
|
|
214
|
+
import { ToggleGroupVariant } from "./styles/toggle-group.js";
|
|
215
215
|
import { ToggleGroupEmits, ToggleGroupProps } from "./components/toggle-group/types.js";
|
|
216
216
|
import { _default as _default$99 } from "./components/toggle-group/toggle-group.vue.js";
|
|
217
217
|
import { SToggleGroupItem } from "./components/toggle-group/index.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:``,item:`border-b`,header:`flex`,content:[`overflow-hidden transition will-change-auto`,`data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up`],description:`m-0`,trigger:[`flex-1 flex items-center justify-start font-medium transition-all-200 bg-transparent`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`hover:underline [&[data-state=open]>.trigger-icon]:rotate-180`],triggerLeadingIcon:`shrink-0`,triggerIcon:`trigger-icon ms-auto shrink-0 text-muted-foreground transition-transform-200`},variants:{size:{xs:{root:`text-2xs`,description:`pb-3`,trigger:`py-3 gap-2.5`},sm:{root:`text-xs`,description:`pb-3.5`,trigger:`py-3.5 gap-3`},md:{root:`text-sm`,description:`pb-4`,trigger:`py-4 gap-3.5`},lg:{root:`text-base`,description:`pb-4.5`,trigger:`py-4.5 gap-4`},xl:{root:`text-lg`,description:`pb-5`,trigger:`py-5 gap-4.5`},"2xl":{root:`text-2xl`,description:`pb-6`,trigger:`py-6 gap-5`}}},defaultVariants:{size:`md`}});export{t as accordionVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:``,placeholder:``,content:`data-[state=fixed]:z-50`}});export{t as affixVariants};
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { VariantProps } from "@soybeanjs/cva";
|
|
2
|
+
|
|
3
|
+
//#region src/styles/alert.d.ts
|
|
4
|
+
declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "description" | "content" | "close" | "root", NoInfer<{
|
|
5
|
+
color: {
|
|
6
|
+
primary: {
|
|
7
|
+
root: "border-primary text-primary";
|
|
8
|
+
icon: "text-primary";
|
|
9
|
+
};
|
|
10
|
+
destructive: {
|
|
11
|
+
root: "border-destructive text-destructive";
|
|
12
|
+
icon: "text-destructive";
|
|
13
|
+
};
|
|
14
|
+
success: {
|
|
15
|
+
root: "border-success text-success";
|
|
16
|
+
icon: "text-success";
|
|
17
|
+
};
|
|
18
|
+
warning: {
|
|
19
|
+
root: "border-warning text-warning";
|
|
20
|
+
icon: "text-warning";
|
|
21
|
+
};
|
|
22
|
+
info: {
|
|
23
|
+
root: "border-info text-info";
|
|
24
|
+
icon: "text-info";
|
|
25
|
+
};
|
|
26
|
+
carbon: {
|
|
27
|
+
root: "border-carbon text-carbon";
|
|
28
|
+
icon: "text-carbon";
|
|
29
|
+
};
|
|
30
|
+
secondary: {
|
|
31
|
+
root: "border-secondary-foreground/50 text-secondary-foreground";
|
|
32
|
+
icon: "text-secondary-foreground";
|
|
33
|
+
};
|
|
34
|
+
accent: {
|
|
35
|
+
root: "border-accent-foreground/50 text-accent-foreground";
|
|
36
|
+
icon: "text-accent-foreground";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
variant: {
|
|
40
|
+
solid: {
|
|
41
|
+
root: "";
|
|
42
|
+
};
|
|
43
|
+
pure: {
|
|
44
|
+
root: "bg-background text-foreground border-border";
|
|
45
|
+
};
|
|
46
|
+
outline: {
|
|
47
|
+
root: "bg-background";
|
|
48
|
+
};
|
|
49
|
+
soft: {
|
|
50
|
+
root: "border-transparent";
|
|
51
|
+
};
|
|
52
|
+
ghost: {
|
|
53
|
+
root: "";
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
size: {
|
|
57
|
+
xs: {
|
|
58
|
+
root: "gap-2 px-2 py-1.75 text-2xs";
|
|
59
|
+
content: "gap-0.75";
|
|
60
|
+
title: "text-xs leading-3.125";
|
|
61
|
+
close: "top-1.25 end-1.25";
|
|
62
|
+
};
|
|
63
|
+
sm: {
|
|
64
|
+
root: "gap-2.5 px-3 py-2.5 text-xs";
|
|
65
|
+
content: "gap-1";
|
|
66
|
+
title: "text-sm leading-3.75";
|
|
67
|
+
close: "top-1.875 end-1.875";
|
|
68
|
+
};
|
|
69
|
+
md: {
|
|
70
|
+
root: "gap-3 px-4 py-3 text-sm";
|
|
71
|
+
content: "gap-1";
|
|
72
|
+
title: "text-base leading-4.375";
|
|
73
|
+
close: "top-2.25 end-2.25";
|
|
74
|
+
};
|
|
75
|
+
lg: {
|
|
76
|
+
root: "gap-3.5 px-5 py-3.5 text-base";
|
|
77
|
+
content: "gap-1.25";
|
|
78
|
+
title: "text-lg leading-5";
|
|
79
|
+
close: "top-2.5 end-2.5";
|
|
80
|
+
};
|
|
81
|
+
xl: {
|
|
82
|
+
root: "gap-4 px-6 py-4 text-lg";
|
|
83
|
+
content: "gap-1.5";
|
|
84
|
+
title: "text-xl leading-5.625";
|
|
85
|
+
close: "top-2.75 end-2.75";
|
|
86
|
+
};
|
|
87
|
+
'2xl': {
|
|
88
|
+
root: "gap-4.5 px-7 py-4.5 text-xl";
|
|
89
|
+
content: "gap-2";
|
|
90
|
+
title: "text-2xl leading-6.25";
|
|
91
|
+
close: "top-3 end-3";
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
}>, {
|
|
95
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
|
|
96
|
+
color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
|
|
97
|
+
variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | undefined;
|
|
98
|
+
}>;
|
|
99
|
+
type AlertVariants = VariantProps<typeof alertVariants>;
|
|
100
|
+
type AlertVariant = NonNullable<AlertVariants['variant']>;
|
|
101
|
+
//#endregion
|
|
102
|
+
export { AlertVariant };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{miniButtonIconVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({close:e({size:t.size})}),slots:{root:`relative flex w-full rounded-lg border`,content:`flex-1 flex flex-col`,icon:`shrink-0`,title:`font-medium tracking-tight m-0`,description:`[&_p]:leading-relaxed m-0`,close:`absolute`},variants:{color:{primary:{root:`border-primary text-primary`,icon:`text-primary`},destructive:{root:`border-destructive text-destructive`,icon:`text-destructive`},success:{root:`border-success text-success`,icon:`text-success`},warning:{root:`border-warning text-warning`,icon:`text-warning`},info:{root:`border-info text-info`,icon:`text-info`},carbon:{root:`border-carbon text-carbon`,icon:`text-carbon`},secondary:{root:`border-secondary-foreground/50 text-secondary-foreground`,icon:`text-secondary-foreground`},accent:{root:`border-accent-foreground/50 text-accent-foreground`,icon:`text-accent-foreground`}},variant:{solid:{root:``},pure:{root:`bg-background text-foreground border-border`},outline:{root:`bg-background`},soft:{root:`border-transparent`},ghost:{root:``}},size:{xs:{root:`gap-2 px-2 py-1.75 text-2xs`,content:`gap-0.75`,title:`text-xs leading-3.125`,close:`top-1.25 end-1.25`},sm:{root:`gap-2.5 px-3 py-2.5 text-xs`,content:`gap-1`,title:`text-sm leading-3.75`,close:`top-1.875 end-1.875`},md:{root:`gap-3 px-4 py-3 text-sm`,content:`gap-1`,title:`text-base leading-4.375`,close:`top-2.25 end-2.25`},lg:{root:`gap-3.5 px-5 py-3.5 text-base`,content:`gap-1.25`,title:`text-lg leading-5`,close:`top-2.5 end-2.5`},xl:{root:`gap-4 px-6 py-4 text-lg`,content:`gap-1.5`,title:`text-xl leading-5.625`,close:`top-2.75 end-2.75`},"2xl":{root:`gap-4.5 px-7 py-4.5 text-xl`,content:`gap-2`,title:`text-2xl leading-6.25`,close:`top-3 end-3`}}},compoundVariants:[{color:`primary`,variant:`solid`,class:{root:`bg-primary text-primary-foreground`,icon:`text-primary-foreground`,close:`text-primary-foreground`}},{color:`destructive`,variant:`solid`,class:{root:`bg-destructive text-destructive-foreground`,icon:`text-destructive-foreground`,close:`text-destructive-foreground`}},{color:`success`,variant:`solid`,class:{root:`bg-success text-success-foreground`,icon:`text-success-foreground`,close:`text-success-foreground`}},{color:`warning`,variant:`solid`,class:{root:`bg-warning text-warning-foreground`,icon:`text-warning-foreground`,close:`text-warning-foreground`}},{color:`info`,variant:`solid`,class:{root:`bg-info text-info-foreground`,icon:`text-info-foreground`,close:`text-info-foreground`}},{color:`carbon`,variant:`solid`,class:{root:`bg-carbon text-carbon-foreground`,icon:`text-carbon-foreground`,close:`text-carbon-foreground`}},{color:`secondary`,variant:`solid`,class:{root:`bg-secondary text-secondary-foreground`,icon:`text-secondary-foreground`,close:`text-secondary-foreground`}},{color:`accent`,variant:`solid`,class:{root:`bg-accent text-accent-foreground`,icon:`text-accent-foreground`,close:`text-accent-foreground`}},{color:`primary`,variant:[`soft`,`ghost`],class:{root:`bg-primary/10`}},{color:`destructive`,variant:[`soft`,`ghost`],class:{root:`bg-destructive/10`}},{color:`success`,variant:[`soft`,`ghost`],class:{root:`bg-success/10`}},{color:`warning`,variant:[`soft`,`ghost`],class:{root:`bg-warning/10`}},{color:`info`,variant:[`soft`,`ghost`],class:{root:`bg-info/10`}},{color:`carbon`,variant:[`soft`,`ghost`],class:{root:`bg-carbon/10`}},{color:`secondary`,variant:[`soft`,`ghost`],class:{root:`bg-secondary-foreground/5`}},{color:`accent`,variant:[`soft`,`ghost`],class:{root:`bg-accent-foreground/5`}}],defaultVariants:{color:`primary`,variant:`ghost`,size:`md`}});export{n as alertVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`relative flex flex-col gap-1 text-sm`,link:[`group inline-flex w-full items-center gap-2 rounded-md px-3 py-2 text-muted-foreground outline-none transition-colors`,`hover:bg-accent/60 hover:text-accent-foreground`,`focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`data-[state=active]:bg-accent data-[state=active]:text-foreground`],sub:`ms-4 flex flex-col gap-1 border-s border-border/60 ps-3`,item:`flex flex-col gap-1`,indicator:`size-1.5 shrink-0 rounded-full bg-primary opacity-0 transition-opacity group-data-[state=active]:opacity-100`,title:`min-w-0 truncate`},variants:{color:{primary:{indicator:`bg-primary`,link:`data-[state=active]:bg-primary/10 data-[state=active]:text-primary`},destructive:{indicator:`bg-destructive`,link:`data-[state=active]:bg-destructive/10 data-[state=active]:text-destructive`},success:{indicator:`bg-success`,link:`data-[state=active]:bg-success/10 data-[state=active]:text-success`},warning:{indicator:`bg-warning`,link:`data-[state=active]:bg-warning/10 data-[state=active]:text-warning`},info:{indicator:`bg-info`,link:`data-[state=active]:bg-info/10 data-[state=active]:text-info`},carbon:{indicator:`bg-carbon`,link:`data-[state=active]:bg-carbon/10 data-[state=active]:text-carbon`},secondary:{indicator:`bg-secondary-foreground/50`,link:`data-[state=active]:bg-secondary-foreground/10 data-[state=active]:text-secondary-foreground`},accent:{indicator:`bg-accent-foreground/50`,link:`data-[state=active]:bg-accent-foreground/10 data-[state=active]:text-accent-foreground`}},orientation:{vertical:{},horizontal:{root:`flex-row flex-wrap items-start gap-2`,item:`min-w-36 flex-1`,sub:`ms-0 mt-2 border-s-0 border-t ps-0 pt-2`}},size:{xs:{link:`px-2 py-1.5 text-3xs`},sm:{link:`px-2.5 py-1.5 text-2xs`},md:{link:`px-3 py-2 text-xs`},lg:{link:`px-3.5 py-2.5 text-sm`,indicator:`size-2`},xl:{link:`px-4 py-3 text-base`,indicator:`size-2`},"2xl":{link:`px-4.5 py-3.5 text-lg`,indicator:`size-2`}},sticky:{true:{root:`sticky self-start top-[var(--soybean-anchor-offset-top,0px)] max-h-[calc(100vh-var(--soybean-anchor-offset-top,0px))] overflow-auto pe-1`},false:{}}},defaultVariants:{color:`primary`,orientation:`vertical`,size:`md`,sticky:!0}});export{t as anchorVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`flex w-full flex-col`,anchor:[`group flex w-full items-center rounded-md border border-input bg-background text-foreground shadow-xs transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],inputRoot:`flex min-w-0 grow items-center gap-2 bg-transparent`,inputControl:`min-w-0 grow border-0 bg-transparent px-0 outline-none placeholder:text-muted-foreground`,inputIcon:`shrink-0 text-muted-foreground`,inputClearable:[`flex shrink-0 items-center justify-center rounded-sm text-muted-foreground opacity-70 outline-none transition-opacity`,`hover:opacity-100 focus-visible:ring-2 focus-visible:ring-ring/50 focus-visible:ring-offset-1`,`disabled:cursor-not-allowed disabled:opacity-40`],trigger:`flex shrink-0 items-center justify-center text-muted-foreground outline-none disabled:cursor-not-allowed`,triggerIcon:`size-1em`,popup:[`relative z-50 min-w-[--soybean-popper-anchor-width] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md`,`data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95`,`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`],viewport:`max-h-80 overflow-y-auto overflow-x-hidden p-1`,empty:`py-6 text-center text-sm text-muted-foreground`,group:`overflow-hidden`,groupLabel:`px-2 py-1.5 text-xs font-medium text-muted-foreground`,item:[`relative flex w-full items-center rounded-sm outline-none select-none`,`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50`],itemIcon:`shrink-0 text-muted-foreground`,itemText:`grow truncate text-start`,itemIndicator:`ms-auto shrink-0 text-muted-foreground`,separator:`-mx-1 my-1 h-px bg-border`},variants:{size:{xs:{anchor:`min-h-6 gap-1 px-1.5 text-2xs`,inputRoot:`gap-1`,popup:`text-2xs`,viewport:`max-h-70 p-0.75`,groupLabel:`px-1 py-1 text-3xs`,item:`gap-1 px-1 py-1`,separator:`-mx-0.75 my-0.75`},sm:{anchor:`min-h-7 gap-1.5 px-2 text-xs`,inputRoot:`gap-1.5`,popup:`text-xs`,viewport:`max-h-75 p-0.875`,groupLabel:`px-1.5 py-1.25 text-2xs`,item:`gap-1.5 px-1.5 py-1.25`,separator:`-mx-0.875 my-0.875`},md:{anchor:`min-h-8 gap-2 px-2.5 text-sm`,inputRoot:`gap-2`,popup:`text-sm`,viewport:`max-h-80 p-1`,groupLabel:`px-2 py-1.5 text-xs`,item:`gap-2 px-2 py-1.5`,separator:`-mx-1 my-1`},lg:{anchor:`min-h-9 gap-2.5 px-3 text-base`,inputRoot:`gap-2.5`,popup:`text-base`,viewport:`max-h-90 p-1.25`,groupLabel:`px-2.5 py-1.75 text-sm`,item:`gap-2.5 px-2.5 py-1.75`,separator:`-mx-1.25 my-1.25`},xl:{anchor:`min-h-10 gap-3 px-3.5 text-lg`,inputRoot:`gap-3`,popup:`text-lg`,viewport:`max-h-100 p-1.5`,groupLabel:`px-3 py-2 text-base`,item:`gap-3 px-3 py-2`,separator:`-mx-1.5 my-1.5`},"2xl":{anchor:`min-h-12 gap-3.5 px-4 text-xl`,inputRoot:`gap-3.5`,popup:`text-xl`,viewport:`max-h-115 p-1.75`,groupLabel:`px-3.5 py-2.5 text-lg`,item:`gap-3.5 px-3.5 py-2.5`,separator:`-mx-1.75 my-1.75`}}},defaultVariants:{size:`md`}});export{t as autocompleteVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`relative flex shrink-0 overflow-hidden rounded-full`,fallback:`flex justify-center items-center w-full h-full rounded-full bg-muted font-medium`,image:`aspect-square w-full h-full object-cover m-0`},variants:{size:{xs:{root:`size-6`},sm:{root:`size-8`},md:{root:`size-10`},lg:{root:`size-12`},xl:{root:`size-14`},"2xl":{root:`size-16`}}},defaultVariants:{size:`md`}});export{t as avatarVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{buttonVariants as e}from"./button.js";import{cv as t}from"@soybeanjs/cva";const n=t({extend:[e],base:`fixed z-50`,variants:{size:{xs:`bottom-4 end-4`,sm:`bottom-5 end-5`,md:`bottom-6 end-6`,lg:`bottom-7 end-7`,xl:`bottom-8 end-8`,"2xl":`bottom-10 end-10`}},defaultVariants:{size:`md`}});export{n as backtopVariants};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { VariantProps } from "@soybeanjs/cva";
|
|
2
|
+
|
|
3
|
+
//#region src/styles/badge.d.ts
|
|
4
|
+
declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "root", NoInfer<{
|
|
5
|
+
color: {
|
|
6
|
+
primary: {
|
|
7
|
+
content: "bg-primary text-primary-foreground";
|
|
8
|
+
};
|
|
9
|
+
destructive: {
|
|
10
|
+
content: "bg-destructive text-destructive-foreground";
|
|
11
|
+
};
|
|
12
|
+
success: {
|
|
13
|
+
content: "bg-success text-success-foreground";
|
|
14
|
+
};
|
|
15
|
+
warning: {
|
|
16
|
+
content: "bg-warning text-warning-foreground";
|
|
17
|
+
};
|
|
18
|
+
info: {
|
|
19
|
+
content: "bg-info text-info-foreground";
|
|
20
|
+
};
|
|
21
|
+
carbon: {
|
|
22
|
+
content: "bg-carbon text-carbon-foreground";
|
|
23
|
+
};
|
|
24
|
+
secondary: {
|
|
25
|
+
content: "bg-secondary text-secondary-foreground";
|
|
26
|
+
};
|
|
27
|
+
accent: {
|
|
28
|
+
content: "bg-accent text-accent-foreground";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
size: {
|
|
32
|
+
xs: {
|
|
33
|
+
content: "min-h-2 px-1 text-4xs";
|
|
34
|
+
};
|
|
35
|
+
sm: {
|
|
36
|
+
content: "min-h-2.5 px-1.25 text-3xs";
|
|
37
|
+
};
|
|
38
|
+
md: {
|
|
39
|
+
content: "min-h-3 px-1.5 text-2xs";
|
|
40
|
+
};
|
|
41
|
+
lg: {
|
|
42
|
+
content: "min-h-3.5 px-1.75 text-xs";
|
|
43
|
+
};
|
|
44
|
+
xl: {
|
|
45
|
+
content: "min-h-4 px-2 text-sm";
|
|
46
|
+
};
|
|
47
|
+
'2xl': {
|
|
48
|
+
content: "min-h-5 px-2.5 text-base";
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
position: {
|
|
52
|
+
'top-right': {
|
|
53
|
+
content: "end-0 top-0 translate-x-1/2 -translate-y-1/2 rtl:-translate-x-1/2";
|
|
54
|
+
};
|
|
55
|
+
'bottom-right': {
|
|
56
|
+
content: "end-0 bottom-0 translate-x-1/2 translate-y-1/2 rtl:-translate-x-1/2";
|
|
57
|
+
};
|
|
58
|
+
'top-left': {
|
|
59
|
+
content: "start-0 top-0 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2";
|
|
60
|
+
};
|
|
61
|
+
'bottom-left': {
|
|
62
|
+
content: "start-0 bottom-0 -translate-x-1/2 translate-y-1/2 rtl:translate-x-1/2";
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
}>, {
|
|
66
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
|
|
67
|
+
color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
|
|
68
|
+
position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
|
|
69
|
+
}>;
|
|
70
|
+
type BadgeVariants = VariantProps<typeof badgeVariants>;
|
|
71
|
+
type BadgePosition = NonNullable<BadgeVariants['position']>;
|
|
72
|
+
//#endregion
|
|
73
|
+
export { BadgePosition };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`relative inline-block`,content:`absolute flex justify-center items-center leading-relaxed whitespace-nowrap rounded-full transform`},variants:{color:{primary:{content:`bg-primary text-primary-foreground`},destructive:{content:`bg-destructive text-destructive-foreground`},success:{content:`bg-success text-success-foreground`},warning:{content:`bg-warning text-warning-foreground`},info:{content:`bg-info text-info-foreground`},carbon:{content:`bg-carbon text-carbon-foreground`},secondary:{content:`bg-secondary text-secondary-foreground`},accent:{content:`bg-accent text-accent-foreground`}},size:{xs:{content:`min-h-2 px-1 text-4xs`},sm:{content:`min-h-2.5 px-1.25 text-3xs`},md:{content:`min-h-3 px-1.5 text-2xs`},lg:{content:`min-h-3.5 px-1.75 text-xs`},xl:{content:`min-h-4 px-2 text-sm`},"2xl":{content:`min-h-5 px-2.5 text-base`}},position:{"top-right":{content:`end-0 top-0 translate-x-1/2 -translate-y-1/2 rtl:-translate-x-1/2`},"bottom-right":{content:`end-0 bottom-0 translate-x-1/2 translate-y-1/2 rtl:-translate-x-1/2`},"top-left":{content:`start-0 top-0 -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2`},"bottom-left":{content:`start-0 bottom-0 -translate-x-1/2 translate-y-1/2 rtl:translate-x-1/2`}}},defaultVariants:{color:`primary`,size:`md`,position:`top-right`}});export{t as badgeVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{drawerVariants as e}from"./drawer.js";import{scv as t}from"@soybeanjs/cva";const n=t({extend:[e],slots:{handle:`mx-auto shrink-0 cursor-grab active:cursor-grabbing rounded-full bg-muted`},variants:{size:{xs:{handle:`mt-0.625 h-1.5 w-20`},sm:{handle:`mt-0.75 h-1.75 w-22`},md:{handle:`mt-1 h-2 w-25`},lg:{handle:`mt-1.25 h-2.5 w-30`},xl:{handle:`mt-1.5 h-3 w-35`},"2xl":{handle:`mt-1.75 h-3.5 w-40`}}},defaultVariants:{size:`md`,side:`bottom`}});export{n as bottomSheetVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:``,list:`flex flex-wrap items-center my-0 px-0 break-words text-muted-foreground`,item:`inline-flex items-center list-none`,page:`font-normal text-foreground`,separator:`text-muted-foreground flex-shrink-0 list-none`,ellipsis:`flex items-center justify-center`,link:`decoration-none hover:text-foreground transition-colors-200 rounded-sm outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`},variants:{size:{xs:{root:`text-2xs`,list:`gap-2`,item:`gap-1.5`},sm:{root:`text-xs`,list:`gap-2.5`,item:`gap-1.75`},md:{root:`text-sm`,list:`gap-3`,item:`gap-2`},lg:{root:`text-base`,list:`gap-3.5`,item:`gap-2.5`},xl:{root:`text-lg`,list:`gap-4`,item:`gap-3`},"2xl":{root:`text-xl`,list:`gap-4.5`,item:`gap-3.5`}}},defaultVariants:{size:`md`}});export{t as breadcrumbVariants};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { VariantProps } from "@soybeanjs/cva";
|
|
2
|
+
|
|
3
|
+
//#region src/styles/button.d.ts
|
|
4
|
+
declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
|
|
5
|
+
color: {
|
|
6
|
+
primary: string;
|
|
7
|
+
destructive: string;
|
|
8
|
+
success: string;
|
|
9
|
+
warning: string;
|
|
10
|
+
info: string;
|
|
11
|
+
carbon: string;
|
|
12
|
+
secondary: string;
|
|
13
|
+
accent: string;
|
|
14
|
+
};
|
|
15
|
+
variant: {
|
|
16
|
+
solid: string;
|
|
17
|
+
pure: string;
|
|
18
|
+
plain: string;
|
|
19
|
+
outline: string;
|
|
20
|
+
dashed: string;
|
|
21
|
+
soft: string;
|
|
22
|
+
ghost: string;
|
|
23
|
+
link: string;
|
|
24
|
+
};
|
|
25
|
+
size: {
|
|
26
|
+
xs: string;
|
|
27
|
+
sm: string;
|
|
28
|
+
md: string;
|
|
29
|
+
lg: string;
|
|
30
|
+
xl: string;
|
|
31
|
+
'2xl': string;
|
|
32
|
+
};
|
|
33
|
+
shape: {
|
|
34
|
+
auto: string;
|
|
35
|
+
rounded: string;
|
|
36
|
+
square: string;
|
|
37
|
+
circle: string;
|
|
38
|
+
};
|
|
39
|
+
shadow: {
|
|
40
|
+
none: string;
|
|
41
|
+
sm: string;
|
|
42
|
+
md: string;
|
|
43
|
+
lg: string;
|
|
44
|
+
};
|
|
45
|
+
fitContent: {
|
|
46
|
+
true: string;
|
|
47
|
+
false: string;
|
|
48
|
+
};
|
|
49
|
+
}>, {
|
|
50
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
|
|
51
|
+
color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
|
|
52
|
+
shape?: "auto" | "rounded" | "square" | "circle" | undefined;
|
|
53
|
+
variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
|
|
54
|
+
shadow?: "sm" | "md" | "lg" | "none" | undefined;
|
|
55
|
+
fitContent?: boolean | undefined;
|
|
56
|
+
}>;
|
|
57
|
+
type ButtonVariants = VariantProps<typeof buttonVariants>;
|
|
58
|
+
type ButtonVariant = NonNullable<ButtonVariants['variant']>;
|
|
59
|
+
type ButtonShape = NonNullable<ButtonVariants['shape']>;
|
|
60
|
+
type ButtonShadow = NonNullable<ButtonVariants['shadow']>;
|
|
61
|
+
//#endregion
|
|
62
|
+
export { ButtonShadow, ButtonShape, ButtonVariant, buttonVariants };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{miniSizeMap as e}from"../theme/config.js";import"../theme/index.js";import{cv as t,defaults as n,derive as r}from"@soybeanjs/cva";const i=t({base:[`inline-flex items-center justify-center font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],variants:{color:{primary:`focus-visible:ring-primary/30`,destructive:`focus-visible:ring-destructive/30`,success:`focus-visible:ring-success/30`,warning:`focus-visible:ring-warning/30`,info:`focus-visible:ring-info/30`,carbon:`focus-visible:ring-carbon/30`,secondary:`focus-visible:ring-secondary-foreground/20`,accent:`focus-visible:ring-accent-foreground/20`},variant:{solid:`bg-primary text-primary-foreground data-[normal]:hover:bg-primary/80 data-[normal]:active:bg-primary-600`,pure:`border border-border bg-background text-accent-foreground data-[normal]:hover:bg-accent/60 data-[normal]:active:bg-accent`,plain:`border border-border bg-background text-foreground`,outline:`border bg-background`,dashed:`border border-dashed bg-background`,soft:`bg-primary/10 data-[normal]:hover:bg-primary/10 data-[normal]:active:bg-primary/20`,ghost:`bg-transparent`,link:`bg-transparent underline-offset-4 data-[normal]:hover:underline`},size:{xs:`gap-1 text-2xs`,sm:`gap-2 text-xs`,md:`gap-3 text-sm`,lg:`gap-4 text-base`,xl:`gap-5 text-lg`,"2xl":`gap-6 text-xl`},shape:{auto:`rounded-md`,rounded:`rounded-full`,square:`h-8 w-8 p-0 gap-0 rounded-md`,circle:`h-8 w-8 p-0 gap-0 rounded-full`},shadow:{none:`shadow-none`,sm:`shadow-sm`,md:`shadow-md`,lg:`shadow-lg`},fitContent:{true:`w-fit h-fit`,false:``}},compoundVariants:[{color:`destructive`,variant:`solid`,class:`bg-destructive text-destructive-foreground data-[normal]:hover:bg-destructive/80 data-[normal]:active:bg-destructive-600`},{color:`success`,variant:`solid`,class:`bg-success text-success-foreground data-[normal]:hover:bg-success/80 data-[normal]:active:bg-success-600`},{color:`warning`,variant:`solid`,class:`bg-warning text-warning-foreground data-[normal]:hover:bg-warning/80 data-[normal]:active:bg-warning-600`},{color:`info`,variant:`solid`,class:`bg-info text-info-foreground data-[normal]:hover:bg-info/80 data-[normal]:active:bg-info-600`},{color:`carbon`,variant:`solid`,class:`bg-carbon text-carbon-foreground data-[normal]:hover:bg-carbon/80 data-[normal]:active:bg-carbon-600`},{color:`secondary`,variant:`solid`,class:`bg-secondary text-secondary-foreground data-[normal]:hover:bg-secondary/80 data-[normal]:active:bg-secondary-foreground/20`},{color:`accent`,variant:`solid`,class:`bg-accent text-accent-foreground data-[normal]:hover:bg-accent/80 data-[normal]:active:bg-accent-foreground/20`},{color:`primary`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-primary`},{color:`destructive`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-destructive`},{color:`success`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-success`},{color:`warning`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-warning`},{color:`info`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-info`},{color:`carbon`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-carbon`},{color:`secondary`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-secondary-foreground`},{color:`accent`,variant:[`outline`,`dashed`,`soft`,`ghost`,`link`],class:`text-accent-foreground`},{color:`primary`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-primary/10 data-[normal]:active:bg-primary/20`},{color:`destructive`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-destructive/10 data-[normal]:active:bg-destructive/20`},{color:`success`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-success/10 data-[normal]:active:bg-success/20`},{color:`warning`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-warning/10 data-[normal]:active:bg-warning/20`},{color:`info`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-info/10 data-[normal]:active:bg-info/20`},{color:`carbon`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-carbon/10 data-[normal]:active:bg-carbon/20`},{color:`secondary`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-secondary-foreground/10 data-[normal]:active:bg-secondary-foreground/20`},{color:`accent`,variant:[`outline`,`dashed`,`ghost`],class:`data-[normal]:hover:bg-accent-foreground/10 data-[normal]:active:bg-accent-foreground/20`},{color:`primary`,variant:`plain`,class:`data-[normal]:hover:border-primary data-[normal]:hover:text-primary`},{color:`destructive`,variant:`plain`,class:`data-[normal]:hover:border-destructive data-[normal]:hover:text-destructive`},{color:`success`,variant:`plain`,class:`data-[normal]:hover:border-success data-[normal]:hover:text-success`},{color:`warning`,variant:`plain`,class:`data-[normal]:hover:border-warning data-[normal]:hover:text-warning`},{color:`info`,variant:`plain`,class:`data-[normal]:hover:border-info data-[normal]:hover:text-info`},{color:`carbon`,variant:`plain`,class:`data-[normal]:hover:border-carbon data-[normal]:hover:text-carbon`},{color:`secondary`,variant:`plain`,class:`data-[normal]:hover:border-secondary-foreground data-[normal]:hover:text-secondary-foreground`},{color:`accent`,variant:`plain`,class:`data-[normal]:hover:border-accent-foreground data-[normal]:hover:text-accent-foreground`},{color:`primary`,variant:[`outline`,`dashed`],class:`border-primary`},{color:`destructive`,variant:[`outline`,`dashed`],class:`border-destructive`},{color:`success`,variant:[`outline`,`dashed`],class:`border-success`},{color:`warning`,variant:[`outline`,`dashed`],class:`border-warning`},{color:`info`,variant:[`outline`,`dashed`],class:`border-info`},{color:`carbon`,variant:[`outline`,`dashed`],class:`border-carbon`},{color:`secondary`,variant:[`outline`,`dashed`],class:`border-secondary-foreground`},{color:`accent`,variant:[`outline`,`dashed`],class:`border-accent-foreground`},{color:`destructive`,variant:`soft`,class:`bg-destructive/10 data-[normal]:hover:bg-destructive/10 data-[normal]:active:bg-destructive/20`},{color:`success`,variant:`soft`,class:`bg-success/10 data-[normal]:hover:bg-success/10 data-[normal]:active:bg-success/20`},{color:`warning`,variant:`soft`,class:`bg-warning/10 data-[normal]:hover:bg-warning/10 data-[normal]:active:bg-warning/20`},{color:`info`,variant:`soft`,class:`bg-info/10 data-[normal]:hover:bg-info/10 data-[normal]:active:bg-info/20`},{color:`carbon`,variant:`soft`,class:`bg-carbon/10 data-[normal]:hover:bg-carbon/10 data-[normal]:active:bg-carbon/20`},{color:`secondary`,variant:`soft`,class:`bg-secondary-foreground/10 data-[normal]:hover:bg-secondary-foreground/10 data-[normal]:active:bg-secondary-foreground/20`},{color:`accent`,variant:`soft`,class:`bg-accent-foreground/10 data-[normal]:hover:bg-accent-foreground/10 data-[normal]:active:bg-accent-foreground/20`},{size:`xs`,fitContent:!0,class:`p-0.75`},{size:`sm`,fitContent:!0,class:`p-0.875`},{size:`md`,fitContent:!0,class:`p-1`},{size:`lg`,fitContent:!0,class:`p-1.25`},{size:`xl`,fitContent:!0,class:`p-1.5`},{size:`2xl`,fitContent:!0,class:`p-1.75`},{size:`xs`,fitContent:!1,class:`h-6 px-1.5`},{size:`sm`,fitContent:!1,class:`h-7 px-2`},{size:`md`,fitContent:!1,class:`h-8 px-4`},{size:`lg`,fitContent:!1,class:`h-9 px-6`},{size:`xl`,fitContent:!1,class:`h-10 px-8`},{size:`2xl`,fitContent:!1,class:`h-12 px-10`},{size:`xs`,fitContent:!1,shape:[`square`,`circle`],class:`w-6`},{size:`sm`,fitContent:!1,shape:[`square`,`circle`],class:`w-7`},{size:`lg`,fitContent:!1,shape:[`square`,`circle`],class:`w-9`},{size:`xl`,fitContent:!1,shape:[`square`,`circle`],class:`w-10`},{size:`2xl`,fitContent:!1,shape:[`square`,`circle`],class:`w-12`},{variant:[`ghost`,`link`],shadow:[`sm`,`md`,`lg`],class:`shadow-none`},{variant:`plain`,shadow:`sm`,class:`active:shadow-md`},{variant:`plain`,shadow:`md`,class:`active:shadow-lg`},{variant:`plain`,shadow:`lg`,class:`active:shadow-xl`},{variant:`pure`,shadow:`sm`,class:`active:shadow-sm`},{variant:`pure`,shadow:`md`,class:`active:shadow-md`},{variant:`pure`,shadow:`lg`,class:`active:shadow-lg`}],defaultVariants:{color:`primary`,variant:`solid`,size:`md`,shape:`auto`,shadow:`sm`,fitContent:!1}}),a=t({base:`[&>*]:relative focus-visible:[&>*]:z-2 not-first:not-last:[&>*]:rounded-0`,variants:{orientation:{horizontal:`inline-flex not-last:[&>*]:border-e-0 focus-visible:[&>*]:border-e first:[&>*]:rounded-e-0 last:[&>*]:rounded-s-0`,vertical:`flex flex-col not-last:[&>*]:border-b-0 focus-visible:[&>*]:border-b first:[&>*]:rounded-b-0 last:[&>*]:rounded-t-0`}},defaultVariants:{orientation:`horizontal`}}),o=n(i,{size:`md`,color:`accent`,variant:`ghost`,shape:`square`,fitContent:!0}),s=r(i,t=>({...t,size:e[t.size??`md`]})),c=r(o,t=>({...t,size:e[t.size??`md`]}));export{a as buttonGroupVariants,o as buttonIconVariants,i as buttonVariants,c as miniButtonIconVariants,s as miniButtonVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{miniButtonIconVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({prev:e({size:t.size,variant:`pure`}),next:e({size:t.size,variant:`pure`})}),slots:{root:`inline-flex flex-col gap-4 p-3 text-sm`,header:`flex items-center justify-between`,heading:`flex items-center justify-center font-medium`,prev:`rtl:rotate-180`,next:`rtl:rotate-180`,grid:`inline-table border-collapse`,gridHead:``,gridBody:``,gridRow:``,headCell:`rounded-md text-center font-normal text-muted-foreground`,cell:[`flex-1 text-center align-middle focus-within:relative focus-within:z-20`,`[&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-s-md last:[&:has([data-selected])]:rounded-e-md`,`[&:has([data-selection-end])]:rounded-e-md [&:has([data-selection-start])]:rounded-s-md`],cellTrigger:[`inline-flex cursor-pointer items-center justify-center w-full h-full rounded-md font-normal transition-colors`,`focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-ring focus-visible:ring-primary/30`,`[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground`,`data-[selected]:text-foreground`,`data-[selection-start]:bg-primary data-[selection-start]:text-primary-foreground`,`data-[selection-end]:bg-primary data-[selection-end]:text-primary-foreground`,`[&[data-selection-start]:hover]:bg-primary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus-visible:bg-primary data-[selection-start]:focus-visible:text-primary-foreground`,`[&[data-selection-end]:hover]:bg-primary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus-visible:bg-primary data-[selection-end]:focus-visible:text-primary-foreground`,`data-[highlighted]:bg-accent/80 data-[highlighted]:text-foreground`,`hover:bg-accent hover:text-accent-foreground data-[outside-view]:text-muted-foreground`,`data-[disabled]:pointer-events-none data-[disabled]:text-muted-foreground data-[disabled]:opacity-50`,`data-[unavailable]:line-through`]},variants:{size:{xs:{root:`gap-3 text-2xs p-2`,header:`gap-1.5`,gridRow:`mt-1.5`,heading:`gap-1.5`,headCell:`h-6 w-6 text-3xs`,cell:`h-6 w-6`},sm:{root:`gap-3.5 text-xs p-2.5`,header:`gap-2`,gridRow:`mt-1.75`,heading:`gap-2`,headCell:`h-7 w-7 text-2xs`,cell:`h-7 w-7`},md:{root:`gap-4 text-sm p-3`,header:`gap-2.5`,gridRow:`mt-2`,heading:`gap-2.5`,headCell:`h-8 w-8 text-xs`,cell:`h-8 w-8`},lg:{root:`gap-4.5 text-base p-3.5`,header:`gap-3`,gridRow:`mt-2.25`,heading:`gap-3`,headCell:`h-9 w-9 text-sm`,cell:`h-9 w-9`},xl:{root:`gap-5 text-lg p-4`,header:`gap-3.5`,gridRow:`mt-2.5`,heading:`gap-3.5`,headCell:`h-10 w-10 text-base`,cell:`h-10 w-10`},"2xl":{root:`gap-6 text-xl p-5`,header:`gap-4`,gridRow:`mt-3`,heading:`gap-4`,headCell:`h-12 w-12 text-lg`,cell:`h-12 w-12`}}},defaultVariants:{size:`md`}});export{n as calendarRangeVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{miniButtonIconVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({prev:e({size:t.size,variant:`pure`}),next:e({size:t.size,variant:`pure`})}),slots:{root:`inline-flex flex-col rounded-md border shadow-sm`,header:`flex items-center justify-between`,heading:`flex items-center justify-center font-medium`,prev:`rtl:rotate-180`,next:`rtl:rotate-180`,grid:`inline-table border-collapse`,gridHead:``,gridBody:``,gridRow:``,headCell:`rounded-md text-center font-normal text-muted-foreground`,cell:[`flex-1 text-center align-middle`,`focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent`],cellTrigger:[`inline-flex items-center justify-center w-full h-full rounded-md transition-colors cursor-pointer`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-ring focus-visible:ring-primary/30`,`data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:font-medium`,`[&:not([data-selected]):hover]:bg-accent [&:not([data-selected]):hover]:text-accent-foreground`,`data-[disabled]:cursor-not-allowed data-[disabled]:text-muted-foreground data-[disabled]:opacity-50`,`[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground`,`data-[unavailable]:line-through data-[outside-view]:text-muted-foreground`]},variants:{size:{xs:{root:`gap-3 text-2xs p-2`,header:`gap-1.5`,gridRow:`mt-1.5`,heading:`gap-1.5`,headCell:`h-6 w-6 text-3xs`,cell:`h-6 w-6`},sm:{root:`gap-3.5 text-xs p-2.5`,header:`gap-2`,gridRow:`mt-1.75`,heading:`gap-2`,headCell:`h-7 w-7 text-2xs`,cell:`h-7 w-7`},md:{root:`gap-4 text-sm p-3`,header:`gap-2.5`,gridRow:`mt-2`,heading:`gap-2.5`,headCell:`h-8 w-8 text-xs`,cell:`h-8 w-8`},lg:{root:`gap-4.5 text-base p-3.5`,header:`gap-3`,gridRow:`mt-2.25`,heading:`gap-3`,headCell:`h-9 w-9 text-sm`,cell:`h-9 w-9`},xl:{root:`gap-5 text-lg p-4`,header:`gap-3.5`,gridRow:`mt-2.5`,heading:`gap-3.5`,headCell:`h-10 w-10 text-base`,cell:`h-10 w-10`},"2xl":{root:`gap-6 text-xl p-5`,header:`gap-4`,gridRow:`mt-3`,heading:`gap-4`,headCell:`h-12 w-12 text-lg`,cell:`h-12 w-12`}}},defaultVariants:{size:`md`}});export{n as calendarVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`flex flex-col items-stretch rounded-md border bg-card text-card-foreground shadow-sm`,header:`flex items-center justify-between flex-wrap`,content:[`grow transition will-change-auto outline-none data-[state=closed]:p-0`,`data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up`],footer:`flex items-center justify-between`,titleRoot:`flex items-center`,title:`font-semibold tracking-tight m-0`,description:`w-full text-muted-foreground m-0`},variants:{size:{xs:{root:`text-2xs`,header:`px-2 py-1.5`,content:`px-2 py-1.5`,footer:`px-2 py-1.5`,titleRoot:`gap-1.5`,title:`text-xs`,description:`text-2xs`},sm:{root:`text-xs`,header:`px-3 py-2`,content:`px-3 py-2`,footer:`px-3 py-2`,titleRoot:`gap-1.75`,title:`text-sm`,description:`text-xs`},md:{root:`text-sm`,header:`px-4 py-3`,content:`px-4 py-3`,footer:`px-4 py-3`,titleRoot:`gap-2`,title:`text-base`,description:`text-sm`},lg:{root:`text-base`,header:`px-5 py-4`,content:`px-5 py-4`,footer:`px-5 py-5`,titleRoot:`gap-2.5`,title:`text-lg`,description:`text-base`},xl:{root:`text-base`,header:`px-6 py-5`,content:`px-6 py-5`,footer:`px-6 py-6`,titleRoot:`gap-3`,title:`text-lg`,description:`text-lg`},"2xl":{root:`text-lg`,header:`px-7 py-6`,content:`px-7 py-6`,footer:`px-7 py-6`,titleRoot:`gap-3.5`,title:`text-xl`,description:`text-xl`}},scrollable:{true:{content:`overflow-auto`}},split:{true:{root:`divide-y divide-border`}}},defaultVariants:{size:`md`,scrollable:!0,split:!1}});export{t as cardVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{miniButtonIconVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({previous:e({size:t.size,variant:`pure`,shape:`circle`}),next:e({size:t.size,variant:`pure`,shape:`circle`})}),slots:{root:`group relative`,content:`overflow-hidden`,container:`flex`,item:`min-w-0 shrink-0 grow-0 basis-full`,control:`flex justify-between items-center`,navigation:`flex`,previous:`group-data-[orientation=vertical]:rotate-90 rtl:rotate-180`,next:`group-data-[orientation=vertical]:rotate-90 rtl:rotate-180`},variants:{size:{xs:{root:`text-2xs`,navigation:`gap-1 py-1`},sm:{root:`text-xs`,navigation:`gap-1.25 py-1.25`},md:{root:`text-sm`,navigation:`gap-1.5 py-1.5`},lg:{root:`text-base`,navigation:`gap-2 py-2`},xl:{root:`text-lg`,navigation:`gap-2.5 py-2.5`},"2xl":{root:`text-xl`,navigation:`gap-3 py-3`}},orientation:{horizontal:{},vertical:{container:`flex-col h-full`}},floatNav:{true:{navigation:`p-0`,previous:`absolute`,next:`absolute`}}},compoundVariants:[{orientation:`horizontal`,floatNav:!0,class:{previous:`top-1/2 -translate-y-1/2`,next:`top-1/2 -translate-y-1/2`}},{orientation:`vertical`,floatNav:!0,class:{previous:`start-1/2 -translate-x-1/2`,next:`start-1/2 -translate-x-1/2`}},{size:`xs`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-9`,next:`-end-9`}},{size:`sm`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-10.5`,next:`-end-10.5`}},{size:`md`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-12`,next:`-end-12`}},{size:`lg`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-13.5`,next:`-end-13.5`}},{size:`xl`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-15`,next:`-end-15`}},{size:`2xl`,floatNav:!0,orientation:`horizontal`,class:{previous:`-start-18`,next:`-end-18`}},{size:`xs`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-9`,next:`-bottom-9`}},{size:`sm`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-10.5`,next:`-bottom-10.5`}},{size:`md`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-12`,next:`-bottom-12`}},{size:`lg`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-13.5`,next:`-bottom-13.5`}},{size:`xl`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-15`,next:`-bottom-15`}},{size:`2xl`,floatNav:!0,orientation:`vertical`,class:{previous:`-top-18`,next:`-bottom-18`}}],defaultVariants:{size:`md`,orientation:`horizontal`,floatNav:!0}});export{n as carouselVariants};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { VariantProps } from "@soybeanjs/cva";
|
|
2
|
+
|
|
3
|
+
//#region src/styles/checkbox.d.ts
|
|
4
|
+
declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "root" | "indicator" | "control" | "groupRoot" | "indicator-icon", NoInfer<{
|
|
5
|
+
color: {
|
|
6
|
+
primary: {
|
|
7
|
+
control: "border-primary focus-visible:ring-primary/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground";
|
|
8
|
+
};
|
|
9
|
+
destructive: {
|
|
10
|
+
control: "border-destructive focus-visible:ring-destructive/30 data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:text-destructive-foreground";
|
|
11
|
+
};
|
|
12
|
+
success: {
|
|
13
|
+
control: "border-success focus-visible:ring-success/30 data-[state=checked]:bg-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:text-success-foreground";
|
|
14
|
+
};
|
|
15
|
+
warning: {
|
|
16
|
+
control: "border-warning focus-visible:ring-warning/30 data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:text-warning-foreground";
|
|
17
|
+
};
|
|
18
|
+
info: {
|
|
19
|
+
control: "border-info focus-visible:ring-info/30 data-[state=checked]:bg-info data-[state=checked]:text-info-foreground data-[state=indeterminate]:bg-info data-[state=indeterminate]:text-info-foreground";
|
|
20
|
+
};
|
|
21
|
+
carbon: {
|
|
22
|
+
control: "border-carbon focus-visible:ring-carbon/30 data-[state=checked]:bg-carbon data-[state=checked]:text-carbon-foreground data-[state=indeterminate]:bg-carbon data-[state=indeterminate]:text-carbon-foreground";
|
|
23
|
+
};
|
|
24
|
+
secondary: {
|
|
25
|
+
control: "border-secondary-foreground/50 focus-visible:ring-secondary-foreground/20 data-[state=checked]:bg-secondary-foreground/5 data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary-foreground/5 data-[state=indeterminate]:text-secondary-foreground";
|
|
26
|
+
};
|
|
27
|
+
accent: {
|
|
28
|
+
control: "border-accent-foreground/50 focus-visible:ring-accent-foreground/20 data-[state=checked]:bg-accent-foreground/5 data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent-foreground/5 data-[state=indeterminate]:text-accent-foreground";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
size: {
|
|
32
|
+
xs: {
|
|
33
|
+
groupRoot: "gap-x-2 gap-y-1.5";
|
|
34
|
+
root: "gap-1.5";
|
|
35
|
+
control: "size-3";
|
|
36
|
+
};
|
|
37
|
+
sm: {
|
|
38
|
+
groupRoot: "gap-x-2.5 gap-y-1.75";
|
|
39
|
+
root: "gap-1.75";
|
|
40
|
+
control: "size-3.5";
|
|
41
|
+
};
|
|
42
|
+
md: {
|
|
43
|
+
groupRoot: "gap-x-3 gap-y-2";
|
|
44
|
+
root: "gap-2";
|
|
45
|
+
control: "size-4";
|
|
46
|
+
};
|
|
47
|
+
lg: {
|
|
48
|
+
groupRoot: "gap-x-3.5 gap-y-2.5";
|
|
49
|
+
root: "gap-2.5";
|
|
50
|
+
control: "size-4.5";
|
|
51
|
+
};
|
|
52
|
+
xl: {
|
|
53
|
+
groupRoot: "gap-x-4 gap-y-3";
|
|
54
|
+
root: "gap-3";
|
|
55
|
+
control: "size-5";
|
|
56
|
+
};
|
|
57
|
+
'2xl': {
|
|
58
|
+
groupRoot: "gap-x-4.5 gap-y-3.5";
|
|
59
|
+
root: "gap-3.5";
|
|
60
|
+
control: "size-6";
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
orientation: {
|
|
64
|
+
horizontal: {
|
|
65
|
+
groupRoot: "items-center";
|
|
66
|
+
};
|
|
67
|
+
vertical: {
|
|
68
|
+
groupRoot: "flex-col";
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
shape: {
|
|
72
|
+
square: {
|
|
73
|
+
control: "rounded-sm";
|
|
74
|
+
};
|
|
75
|
+
rounded: {
|
|
76
|
+
control: "rounded-full";
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
}>, {
|
|
80
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
|
|
81
|
+
color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
|
|
82
|
+
shape?: "rounded" | "square" | undefined;
|
|
83
|
+
orientation?: "horizontal" | "vertical" | undefined;
|
|
84
|
+
}>;
|
|
85
|
+
type CheckboxProps = VariantProps<typeof checkboxVariants>;
|
|
86
|
+
type CheckboxShape = NonNullable<CheckboxProps['shape']>;
|
|
87
|
+
//#endregion
|
|
88
|
+
export { CheckboxShape };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{groupRoot:`flex`,root:`flex items-center w-fit`,control:[`peer shrink-0 border shadow transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`],indicator:`w-full h-full flex items-center justify-center text-current`,"indicator-icon":`size-full`,label:``},variants:{color:{primary:{control:`border-primary focus-visible:ring-primary/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground`},destructive:{control:`border-destructive focus-visible:ring-destructive/30 data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:text-destructive-foreground`},success:{control:`border-success focus-visible:ring-success/30 data-[state=checked]:bg-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:text-success-foreground`},warning:{control:`border-warning focus-visible:ring-warning/30 data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:text-warning-foreground`},info:{control:`border-info focus-visible:ring-info/30 data-[state=checked]:bg-info data-[state=checked]:text-info-foreground data-[state=indeterminate]:bg-info data-[state=indeterminate]:text-info-foreground`},carbon:{control:`border-carbon focus-visible:ring-carbon/30 data-[state=checked]:bg-carbon data-[state=checked]:text-carbon-foreground data-[state=indeterminate]:bg-carbon data-[state=indeterminate]:text-carbon-foreground`},secondary:{control:`border-secondary-foreground/50 focus-visible:ring-secondary-foreground/20 data-[state=checked]:bg-secondary-foreground/5 data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary-foreground/5 data-[state=indeterminate]:text-secondary-foreground`},accent:{control:`border-accent-foreground/50 focus-visible:ring-accent-foreground/20 data-[state=checked]:bg-accent-foreground/5 data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent-foreground/5 data-[state=indeterminate]:text-accent-foreground`}},size:{xs:{groupRoot:`gap-x-2 gap-y-1.5`,root:`gap-1.5`,control:`size-3`},sm:{groupRoot:`gap-x-2.5 gap-y-1.75`,root:`gap-1.75`,control:`size-3.5`},md:{groupRoot:`gap-x-3 gap-y-2`,root:`gap-2`,control:`size-4`},lg:{groupRoot:`gap-x-3.5 gap-y-2.5`,root:`gap-2.5`,control:`size-4.5`},xl:{groupRoot:`gap-x-4 gap-y-3`,root:`gap-3`,control:`size-5`},"2xl":{groupRoot:`gap-x-4.5 gap-y-3.5`,root:`gap-3.5`,control:`size-6`}},orientation:{horizontal:{groupRoot:`items-center`},vertical:{groupRoot:`flex-col`}},shape:{square:{control:`rounded-sm`},rounded:{control:`rounded-full`}}},defaultVariants:{color:`primary`,size:`md`,orientation:`horizontal`,shape:`square`}}),n=e({slots:{groupRoot:`flex`,root:`relative inline-flex border border-solid border-border rounded-md`,content:`flex items-center grow`,textContent:`flex flex-col`,icon:`shrink-0`,label:`font-medium`,description:`text-muted-foreground`,control:[`peer shrink-0 border shadow transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50`,`order-1 after:absolute after:inset-0 after:content-empty`],indicator:`w-full h-full flex items-center justify-center text-current`,"indicator-icon":`size-full`},variants:{color:{primary:{root:`data-[state=checked]:border-primary`,control:`border-primary focus-visible:ring-primary/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground`},destructive:{root:`data-[state=checked]:border-destructive`,control:`border-destructive focus-visible:ring-destructive/30 data-[state=checked]:bg-destructive data-[state=checked]:text-destructive-foreground data-[state=indeterminate]:bg-destructive data-[state=indeterminate]:text-destructive-foreground`},success:{root:`data-[state=checked]:border-success`,control:`border-success focus-visible:ring-success/30 data-[state=checked]:bg-success data-[state=checked]:text-success-foreground data-[state=indeterminate]:bg-success data-[state=indeterminate]:text-success-foreground`},warning:{root:`data-[state=checked]:border-warning`,control:`border-warning focus-visible:ring-warning/30 data-[state=checked]:bg-warning data-[state=checked]:text-warning-foreground data-[state=indeterminate]:bg-warning data-[state=indeterminate]:text-warning-foreground`},info:{root:`data-[state=checked]:border-info`,control:`border-info focus-visible:ring-info/30 data-[state=checked]:bg-info data-[state=checked]:text-info-foreground data-[state=indeterminate]:bg-info data-[state=indeterminate]:text-info-foreground`},carbon:{root:`data-[state=checked]:border-carbon`,control:`border-carbon focus-visible:ring-carbon/30 data-[state=checked]:bg-carbon data-[state=checked]:text-carbon-foreground data-[state=indeterminate]:bg-carbon data-[state=indeterminate]:text-carbon-foreground`},secondary:{root:`data-[state=checked]:border-secondary-foreground/50`,control:`border-secondary-foreground/50 focus-visible:ring-secondary-foreground/20 data-[state=checked]:bg-secondary-foreground/5 data-[state=checked]:text-secondary-foreground data-[state=indeterminate]:bg-secondary-foreground/5 data-[state=indeterminate]:text-secondary-foreground`},accent:{root:`data-[state=checked]:border-accent-foreground/50`,control:`border-accent-foreground/50 focus-visible:ring-accent-foreground/20 data-[state=checked]:bg-accent-foreground/5 data-[state=checked]:text-accent-foreground data-[state=indeterminate]:bg-accent-foreground/5 data-[state=indeterminate]:text-accent-foreground`}},size:{xs:{groupRoot:`gap-x-2 gap-y-1.5`,root:`gap-2 text-2xs p-2`,content:`gap-2`,textContent:`gap-0.5`,icon:`text-3`,description:`text-3xs`,control:`size-3`},sm:{groupRoot:`gap-x-2.5 gap-y-1.75`,root:`gap-2.5 text-xs p-2.5`,content:`gap-2.5`,textContent:`gap-0.75`,icon:`text-4`,description:`text-2xs`,control:`size-3.5`},md:{groupRoot:`gap-x-3 gap-y-2`,root:`gap-3 text-sm p-3`,content:`gap-3`,textContent:`gap-1`,icon:`text-5`,description:`text-xs`,control:`size-4`},lg:{groupRoot:`gap-x-3.5 gap-y-2.5`,root:`gap-4 text-base p-4`,content:`gap-4`,textContent:`gap-1.5`,icon:`text-6`,description:`text-sm`,control:`size-4.5`},xl:{groupRoot:`gap-x-4 gap-y-3`,root:`gap-5 text-lg p-5`,content:`gap-5`,textContent:`gap-2`,icon:`text-7`,description:`text-base`,control:`size-5`},"2xl":{groupRoot:`gap-x-4.5 gap-y-3.5`,root:`gap-6 text-xl p-6`,content:`gap-6`,textContent:`gap-2.5`,icon:`text-8`,description:`text-lg`,control:`size-6`}},shape:{square:{control:`rounded-sm`},rounded:{control:`rounded-full`}}},defaultVariants:{color:`primary`,size:`md`,shape:`square`}});export{n as checkboxCardVariants,t as checkboxVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { ButtonShape, ButtonVariant, buttonVariants } from "./button.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./button.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:``,trigger:``,content:[`overflow-hidden transition will-change-auto`,`data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down`]},variants:{size:{xs:{root:`text-2xs`},sm:{root:`text-xs`},md:{root:`text-sm`},lg:{root:`text-base`},xl:{root:`text-lg`},"2xl":{root:`text-xl`}}}});export{t as collapsibleVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`relative select-none`,area:[`relative overflow-hidden min-w-25 min-h-25 w-full h-full rounded-xl border border-input shadow-inner outline-none`,`focus-visible:ring-3 focus-visible:ring-primary/20 data-[disabled]:opacity-60`],thumb:[`absolute block rounded-full border-2 border-white bg-transparent shadow-lg`,`ring-1 ring-black/20 transition-[transform,box-shadow] duration-150`,`hover:scale-105 outline-none focus-visible:ring-4 focus-visible:ring-primary/25`]},variants:{size:{xs:{root:`text-2xs`,thumb:`size-3`},sm:{root:`text-xs`,thumb:`size-3.5`},md:{root:`text-sm`,thumb:`size-4`},lg:{root:`text-base`,thumb:`size-4.5`},xl:{root:`text-lg`,thumb:`size-5`},"2xl":{root:`text-xl`,thumb:`size-6`}}},defaultVariants:{size:`md`}});export{t as colorAreaVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:[`group flex items-center min-w-0 rounded-md border border-input bg-background transition-all-150`,`outline-none focus-within:ring-3 focus-within:ring-offset-background focus-within:ring-primary/30`,`data-[disabled]:opacity-60 data-[readonly]:bg-muted/40`],input:[`flex-1 min-w-0 bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`]},variants:{size:{xs:{root:`h-6 px-1.5 text-2xs gap-1`},sm:{root:`h-7 px-2 text-xs gap-1.5`},md:{root:`h-8 px-2.5 text-sm gap-2`},lg:{root:`h-9 px-3 text-base gap-2.5`},xl:{root:`h-10 px-3.5 text-lg gap-3`},"2xl":{root:`h-12 px-4 text-xl gap-3.5`}}},defaultVariants:{size:`md`}});export{t as colorFieldVariants};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{miniButtonVariants as e}from"./button.js";import{scv as t}from"@soybeanjs/cva";const n=t({extendBase:t=>({trigger:e({size:t.size,variant:`pure`})}),slots:{popup:``,content:`flex flex-col`,trigger:``,triggerSwatch:``,triggerValue:`min-w-0 flex-1 truncate text-start font-mono text-xs`,segment:``,area:``,sliderSwatch:`flex items-center`,sliderRoot:`flex-1`,swatch:``,fields:`grid grid-cols-[2fr_1fr]`,field:``,alphaField:``,swatchPicker:``},variants:{size:{xs:{popup:`p-1.5`,content:`w-45 gap-1.5`,area:`h-30`,sliderSwatch:`gap-1.5`,fields:`gap-1.5`,alphaField:`w-12`},sm:{popup:`p-1.75`,content:`w-52.5 gap-1.75`,area:`h-35`,sliderSwatch:`gap-1.75`,fields:`gap-1.75`,alphaField:`w-15`},md:{popup:`p-2`,content:`w-60 gap-2`,area:`h-40`,sliderSwatch:`gap-2`,fields:`gap-2`,alphaField:`w-16`},lg:{popup:`p-2.5`,content:`w-63.75 gap-2.5`,area:`h-42.5`,sliderSwatch:`gap-2.5`,fields:`gap-2.5`,alphaField:`w-18`},xl:{popup:`p-3`,content:`w-67.5 gap-3`,area:`h-45`,sliderSwatch:`gap-3`,fields:`gap-3`,alphaField:`w-20`},"2xl":{popup:`p-4`,content:`w-80 gap-4`,area:`h-50`,sliderSwatch:`gap-4`,fields:`gap-4`,alphaField:`w-25`}}},defaultVariants:{size:`md`}});export{n as colorPickerVariants};
|