@sakaniui/react 0.3.17 → 0.3.19
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/dist/{TopBar-JgNNYQqS.cjs → TopBar-DSWnedhx.cjs} +1 -1
- package/dist/{TopBar-CdIyPMAY.js → TopBar-iJeu7lm1.js} +62 -62
- package/dist/blocks.cjs +1 -1
- package/dist/blocks.mjs +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +54 -54
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -2695,19 +2695,19 @@ var K = {
|
|
|
2695
2695
|
})
|
|
2696
2696
|
]
|
|
2697
2697
|
}), q = {
|
|
2698
|
-
field: "
|
|
2699
|
-
field__label: "
|
|
2700
|
-
field__description: "
|
|
2701
|
-
field__error: "
|
|
2702
|
-
input: "
|
|
2703
|
-
"input--sm": "_input--
|
|
2704
|
-
"input--md": "_input--
|
|
2705
|
-
"input--lg": "_input--
|
|
2706
|
-
"input--error": "_input--
|
|
2707
|
-
"input--disabled": "_input--
|
|
2708
|
-
input__control: "
|
|
2709
|
-
input__icon: "
|
|
2710
|
-
"input--unstyled": "_input--
|
|
2698
|
+
field: "_field_1cywj_10",
|
|
2699
|
+
field__label: "_field__label_1cywj_18",
|
|
2700
|
+
field__description: "_field__description_1cywj_26",
|
|
2701
|
+
field__error: "_field__error_1cywj_31",
|
|
2702
|
+
input: "_input_1cywj_38",
|
|
2703
|
+
"input--sm": "_input--sm_1cywj_49",
|
|
2704
|
+
"input--md": "_input--md_1cywj_50",
|
|
2705
|
+
"input--lg": "_input--lg_1cywj_51",
|
|
2706
|
+
"input--error": "_input--error_1cywj_65",
|
|
2707
|
+
"input--disabled": "_input--disabled_1cywj_72",
|
|
2708
|
+
input__control: "_input__control_1cywj_79",
|
|
2709
|
+
input__icon: "_input__icon_1cywj_108",
|
|
2710
|
+
"input--unstyled": "_input--unstyled_1cywj_118"
|
|
2711
2711
|
}, ln = 16, un = (t) => e.isValidElement(t) ? e.cloneElement(t, {
|
|
2712
2712
|
size: ln,
|
|
2713
2713
|
strokeWidth: O(ln)
|
|
@@ -2982,34 +2982,34 @@ var hn = ({ total: e, page: t, onPageChange: n, siblings: r = 1, className: o })
|
|
|
2982
2982
|
})]
|
|
2983
2983
|
});
|
|
2984
2984
|
}, Y = {
|
|
2985
|
-
field: "
|
|
2986
|
-
field__label: "
|
|
2987
|
-
field__description: "
|
|
2988
|
-
field__error: "
|
|
2989
|
-
select: "
|
|
2990
|
-
"select--sm": "_select--
|
|
2991
|
-
"select--md": "_select--
|
|
2992
|
-
"select--lg": "_select--
|
|
2993
|
-
"select--open": "_select--
|
|
2994
|
-
"select--error": "_select--
|
|
2995
|
-
"select--disabled": "_select--
|
|
2996
|
-
select__control: "
|
|
2997
|
-
select__chevron: "
|
|
2998
|
-
anchor: "
|
|
2999
|
-
select__value: "
|
|
3000
|
-
"select__value--placeholder": "_select__value--
|
|
3001
|
-
"select__chevron--open": "_select__chevron--
|
|
3002
|
-
panel: "
|
|
3003
|
-
"panel--entering": "_panel--
|
|
3004
|
-
"sakani-select-panel-in": "_sakani-select-panel-
|
|
3005
|
-
"panel--exiting": "_panel--
|
|
3006
|
-
"sakani-select-panel-out": "_sakani-select-panel-
|
|
3007
|
-
option: "
|
|
3008
|
-
"option--disabled": "_option--
|
|
3009
|
-
"option--active": "_option--
|
|
3010
|
-
"option--selected": "_option--
|
|
3011
|
-
option__label: "
|
|
3012
|
-
option__check: "
|
|
2985
|
+
field: "_field_1trb6_6",
|
|
2986
|
+
field__label: "_field__label_1trb6_8",
|
|
2987
|
+
field__description: "_field__description_1trb6_9",
|
|
2988
|
+
field__error: "_field__error_1trb6_10",
|
|
2989
|
+
select: "_select_1trb6_12",
|
|
2990
|
+
"select--sm": "_select--sm_1trb6_23",
|
|
2991
|
+
"select--md": "_select--md_1trb6_24",
|
|
2992
|
+
"select--lg": "_select--lg_1trb6_25",
|
|
2993
|
+
"select--open": "_select--open_1trb6_28",
|
|
2994
|
+
"select--error": "_select--error_1trb6_38",
|
|
2995
|
+
"select--disabled": "_select--disabled_1trb6_47",
|
|
2996
|
+
select__control: "_select__control_1trb6_54",
|
|
2997
|
+
select__chevron: "_select__chevron_1trb6_75",
|
|
2998
|
+
anchor: "_anchor_1trb6_86",
|
|
2999
|
+
select__value: "_select__value_1trb6_90",
|
|
3000
|
+
"select__value--placeholder": "_select__value--placeholder_1trb6_100",
|
|
3001
|
+
"select__chevron--open": "_select__chevron--open_1trb6_103",
|
|
3002
|
+
panel: "_panel_1trb6_114",
|
|
3003
|
+
"panel--entering": "_panel--entering_1trb6_139",
|
|
3004
|
+
"sakani-select-panel-in": "_sakani-select-panel-in_1trb6_1",
|
|
3005
|
+
"panel--exiting": "_panel--exiting_1trb6_140",
|
|
3006
|
+
"sakani-select-panel-out": "_sakani-select-panel-out_1trb6_1",
|
|
3007
|
+
option: "_option_1trb6_151",
|
|
3008
|
+
"option--disabled": "_option--disabled_1trb6_165",
|
|
3009
|
+
"option--active": "_option--active_1trb6_166",
|
|
3010
|
+
"option--selected": "_option--selected_1trb6_167",
|
|
3011
|
+
option__label: "_option__label_1trb6_169",
|
|
3012
|
+
option__check: "_option__check_1trb6_170"
|
|
3013
3013
|
}, vn = ({ label: t, description: n, error: r, size: o = "md", placeholder: s = "Select an option", options: c, value: l, defaultValue: u, onChange: d, disabled: f, id: p, className: m }) => {
|
|
3014
3014
|
let h = e.useId(), g = `${p ?? h}-trigger`, _ = `${p ?? h}-panel`, v = !!r, [y, b] = e.useState(u), x = l === void 0 ? y : l, S = c.find((e) => e.value === x), [C, w] = e.useState(!1), [T, ee] = e.useState(!1), [E, D] = e.useState(0), te = e.useRef(null), ne = e.useRef(null), re = e.useRef(null), ie = Ue(te, T), [ae, oe] = e.useState(null);
|
|
3015
3015
|
e.useEffect(() => {
|
|
@@ -3731,27 +3731,27 @@ var Ln = {
|
|
|
3731
3731
|
})]
|
|
3732
3732
|
});
|
|
3733
3733
|
}, $ = {
|
|
3734
|
-
bar: "
|
|
3735
|
-
"bar--md": "_bar--
|
|
3736
|
-
"bar--sm": "_bar--
|
|
3737
|
-
bar__leftGroup: "
|
|
3738
|
-
bar__left: "
|
|
3739
|
-
bar__spacer: "
|
|
3740
|
-
bar__right: "
|
|
3741
|
-
bar__icon: "
|
|
3742
|
-
bar__bell: "
|
|
3743
|
-
bar__dot: "
|
|
3744
|
-
bar__divider: "
|
|
3745
|
-
bar__account: "
|
|
3746
|
-
"bar--chat": "_bar--
|
|
3747
|
-
bar__chatAvatar: "
|
|
3748
|
-
bar__chatMeta: "
|
|
3749
|
-
bar__chatTitle: "
|
|
3750
|
-
bar__chatSubtitle: "
|
|
3751
|
-
bar__chatActions: "
|
|
3752
|
-
"bar__left--search": "_bar__left--
|
|
3753
|
-
bar__accountChevron: "
|
|
3754
|
-
"bar__accountChevron--open": "_bar__accountChevron--
|
|
3734
|
+
bar: "_bar_yplxu_2",
|
|
3735
|
+
"bar--md": "_bar--md_yplxu_11",
|
|
3736
|
+
"bar--sm": "_bar--sm_yplxu_12",
|
|
3737
|
+
bar__leftGroup: "_bar__leftGroup_yplxu_20",
|
|
3738
|
+
bar__left: "_bar__left_yplxu_20",
|
|
3739
|
+
bar__spacer: "_bar__spacer_yplxu_27",
|
|
3740
|
+
bar__right: "_bar__right_yplxu_30",
|
|
3741
|
+
bar__icon: "_bar__icon_yplxu_36",
|
|
3742
|
+
bar__bell: "_bar__bell_yplxu_43",
|
|
3743
|
+
bar__dot: "_bar__dot_yplxu_44",
|
|
3744
|
+
bar__divider: "_bar__divider_yplxu_49",
|
|
3745
|
+
bar__account: "_bar__account_yplxu_50",
|
|
3746
|
+
"bar--chat": "_bar--chat_yplxu_56",
|
|
3747
|
+
bar__chatAvatar: "_bar__chatAvatar_yplxu_64",
|
|
3748
|
+
bar__chatMeta: "_bar__chatMeta_yplxu_65",
|
|
3749
|
+
bar__chatTitle: "_bar__chatTitle_yplxu_66",
|
|
3750
|
+
bar__chatSubtitle: "_bar__chatSubtitle_yplxu_71",
|
|
3751
|
+
bar__chatActions: "_bar__chatActions_yplxu_75",
|
|
3752
|
+
"bar__left--search": "_bar__left--search_yplxu_79",
|
|
3753
|
+
bar__accountChevron: "_bar__accountChevron_yplxu_93",
|
|
3754
|
+
"bar__accountChevron--open": "_bar__accountChevron--open_yplxu_99"
|
|
3755
3755
|
}, Vn = ({ type: e = "search", density: t = "md", left: n, showToggle: s = !0, onToggle: c, toggleIcon: l = w, showActions: u = !0, showHelp: f = !0, hasUnread: p = !1, rightSlot: m, account: g, accountOpen: _ = !1, avatar: v, title: y, subtitle: b, actions: x, className: S }) => {
|
|
3756
3756
|
let C = t === "md" ? 20 : 18, T = O(C);
|
|
3757
3757
|
return /* @__PURE__ */ i("header", {
|