@empreint/ui 1.2.1 → 1.3.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.
@@ -0,0 +1,12 @@
1
+ import e from "./badge.module.js";
2
+ import t from "clsx";
3
+ import { jsx as n } from "react/jsx-runtime";
4
+ //#region src/components/badge/badge.tsx
5
+ var r = ({ children: r, variant: i = "soft", className: a, ...o }) => /* @__PURE__ */ n("span", {
6
+ ...o,
7
+ className: t(e.badge, a),
8
+ "data-variant": i,
9
+ children: r
10
+ });
11
+ //#endregion
12
+ export { r as Badge };
@@ -0,0 +1,3 @@
1
+ var e = { badge: "_badge_kkq9y_1" };
2
+ //#endregion
3
+ export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- breadcrumb: "_breadcrumb_615tf_1",
3
- list: "_list_615tf_6",
4
- item: "_item_615tf_15",
5
- separator: "_separator_615tf_34"
2
+ breadcrumb: "_breadcrumb_y97r7_1",
3
+ list: "_list_y97r7_6",
4
+ item: "_item_y97r7_15",
5
+ separator: "_separator_y97r7_34"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -1,3 +1,3 @@
1
- var e = { button: "_button_qppxu_1" };
1
+ var e = { button: "_button_nfa84_1" };
2
2
  //#endregion
3
3
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- card: "_card_d5fk6_1",
3
- header: "_header_d5fk6_11",
4
- footer: "_footer_d5fk6_12",
5
- body: "_body_d5fk6_16"
2
+ card: "_card_1oed4_1",
3
+ header: "_header_1oed4_11",
4
+ footer: "_footer_1oed4_12",
5
+ body: "_body_1oed4_16"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -1,7 +1,7 @@
1
1
  var e = {
2
- checkbox: "_checkbox_b5c0j_1",
3
- input: "_input_b5c0j_8",
4
- label: "_label_b5c0j_28"
2
+ checkbox: "_checkbox_dkf3o_1",
3
+ input: "_input_dkf3o_8",
4
+ label: "_label_dkf3o_39"
5
5
  };
6
6
  //#endregion
7
7
  export { e as default };
@@ -1,6 +1,6 @@
1
1
  var e = {
2
- chip: "_chip_dt5b6_1",
3
- close: "_close_dt5b6_28"
2
+ chip: "_chip_1vcyi_1",
3
+ close: "_close_1vcyi_28"
4
4
  };
5
5
  //#endregion
6
6
  export { e as default };
@@ -42,9 +42,9 @@ var c = o(null), l = ({ children: i, className: a, ...o }) => {
42
42
  inert: !o?.isOpen,
43
43
  children: e
44
44
  });
45
- }, f = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("div", {
46
- ...a,
47
- className: n(t.item, i),
45
+ }, f = ({ children: e, className: t, ...n }) => /* @__PURE__ */ r("div", {
46
+ ...n,
47
+ className: t,
48
48
  children: e
49
49
  });
50
50
  //#endregion
@@ -1,9 +1,9 @@
1
1
  var e = {
2
- collapsible: "_collapsible_f2skg_1",
3
- icon: "_icon_f2skg_9",
4
- trigger: "_trigger_f2skg_14",
5
- label: "_label_f2skg_24",
6
- content: "_content_f2skg_30"
2
+ collapsible: "_collapsible_3bbjx_1",
3
+ icon: "_icon_3bbjx_6",
4
+ trigger: "_trigger_3bbjx_18",
5
+ label: "_label_3bbjx_34",
6
+ content: "_content_3bbjx_40"
7
7
  };
8
8
  //#endregion
9
9
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- "dropdown-menu": "_dropdown-menu_1vlci_1",
3
- icon: "_icon_1vlci_6",
4
- content: "_content_1vlci_10",
5
- item: "_item_1vlci_29"
2
+ "dropdown-menu": "_dropdown-menu_1r2a9_1",
3
+ icon: "_icon_1r2a9_6",
4
+ content: "_content_1r2a9_14",
5
+ item: "_item_1r2a9_33"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -1,9 +1,9 @@
1
1
  var e = {
2
- dropzone: "_dropzone_12c2x_1",
3
- label: "_label_12c2x_7",
4
- area: "_area_12c2x_11",
5
- file: "_file_12c2x_26",
6
- remove: "_remove_12c2x_30"
2
+ dropzone: "_dropzone_1u6zv_1",
3
+ label: "_label_1u6zv_7",
4
+ area: "_area_1u6zv_11",
5
+ file: "_file_1u6zv_41",
6
+ remove: "_remove_1u6zv_45"
7
7
  };
8
8
  //#endregion
9
9
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- input: "_input_195b4_1",
3
- label: "_label_195b4_6",
4
- field: "_field_195b4_13",
5
- message: "_message_195b4_54"
2
+ input: "_input_1g4d3_1",
3
+ label: "_label_1g4d3_6",
4
+ field: "_field_1g4d3_13",
5
+ message: "_message_1g4d3_71"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -1,6 +1,6 @@
1
1
  var e = {
2
- list: "_list_1dqa6_1",
3
- item: "_item_1dqa6_8"
2
+ list: "_list_9hntk_1",
3
+ item: "_item_9hntk_9"
4
4
  };
5
5
  //#endregion
6
6
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- overlay: "_overlay_9jli1_1",
3
- loader: "_loader_9jli1_8",
4
- spinner: "_spinner_9jli1_18",
5
- loading: "_loading_9jli1_1"
2
+ overlay: "_overlay_131sn_1",
3
+ loader: "_loader_131sn_11",
4
+ spinner: "_spinner_131sn_19",
5
+ loading: "_loading_131sn_1"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -1,10 +1,10 @@
1
1
  var e = {
2
- content: "_content_1eoaq_1",
3
- overlay: "_overlay_1eoaq_17",
4
- trigger: "_trigger_1eoaq_24",
5
- close: "_close_1eoaq_25",
6
- header: "_header_1eoaq_29",
7
- footer: "_footer_1eoaq_35"
2
+ content: "_content_lkmqc_1",
3
+ overlay: "_overlay_lkmqc_17",
4
+ trigger: "_trigger_lkmqc_24",
5
+ close: "_close_lkmqc_25",
6
+ header: "_header_lkmqc_29",
7
+ footer: "_footer_lkmqc_35"
8
8
  };
9
9
  //#endregion
10
10
  export { e as default };
@@ -1,6 +1,6 @@
1
1
  var e = {
2
- pagination: "_pagination_d7y9w_1",
3
- item: "_item_d7y9w_6"
2
+ pagination: "_pagination_1r9b9_1",
3
+ item: "_item_1r9b9_6"
4
4
  };
5
5
  //#endregion
6
6
  export { e as default };
@@ -1,7 +1,7 @@
1
1
  var e = {
2
- popover: "_popover_3kjiv_1",
3
- trigger: "_trigger_3kjiv_6",
4
- content: "_content_3kjiv_10"
2
+ popover: "_popover_1arnc_1",
3
+ trigger: "_trigger_1arnc_6",
4
+ content: "_content_1arnc_10"
5
5
  };
6
6
  //#endregion
7
7
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- group: "_group_1rhae_1",
3
- item: "_item_1rhae_12",
4
- radio: "_radio_1rhae_18",
5
- label: "_label_1rhae_44"
2
+ group: "_group_8w79p_1",
3
+ item: "_item_8w79p_12",
4
+ radio: "_radio_8w79p_18",
5
+ label: "_label_8w79p_49"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -1,10 +1,10 @@
1
1
  var e = {
2
- select: "_select_10hes_1",
3
- icon: "_icon_10hes_7",
4
- trigger: "_trigger_10hes_17",
5
- content: "_content_10hes_26",
6
- item: "_item_10hes_43",
7
- option: "_option_10hes_58"
2
+ select: "_select_vcdsz_1",
3
+ icon: "_icon_vcdsz_7",
4
+ trigger: "_trigger_vcdsz_18",
5
+ content: "_content_vcdsz_32",
6
+ item: "_item_vcdsz_49",
7
+ option: "_option_vcdsz_71"
8
8
  };
9
9
  //#endregion
10
10
  export { e as default };
@@ -1,9 +1,9 @@
1
1
  var e = {
2
- sidebar: "_sidebar_1mf5d_1",
3
- header: "_header_1mf5d_9",
4
- group: "_group_1mf5d_15",
5
- link: "_link_1mf5d_23",
6
- item: "_item_1mf5d_29"
2
+ sidebar: "_sidebar_10i86_1",
3
+ header: "_header_10i86_9",
4
+ group: "_group_10i86_15",
5
+ link: "_link_10i86_24",
6
+ item: "_item_10i86_30"
7
7
  };
8
8
  //#endregion
9
9
  export { e as default };
@@ -1,8 +1,8 @@
1
1
  var e = {
2
- tabs: "_tabs_1let4_1",
3
- items: "_items_1let4_7",
4
- item: "_item_1let4_7",
5
- trigger: "_trigger_1let4_24"
2
+ tabs: "_tabs_719qy_1",
3
+ items: "_items_719qy_7",
4
+ item: "_item_719qy_7",
5
+ trigger: "_trigger_719qy_28"
6
6
  };
7
7
  //#endregion
8
8
  export { e as default };
@@ -50,7 +50,7 @@ var f = s(null), p = ({ children: t, initialStep: n, className: o, ...s }) => {
50
50
  let n = l(f);
51
51
  return n?.totalSteps === 0 ? null : /* @__PURE__ */ o("span", {
52
52
  ...t,
53
- className: e,
53
+ className: i(r.indicator, e),
54
54
  children: [
55
55
  n?.currentIndex,
56
56
  " / ",
@@ -1,8 +1,9 @@
1
1
  var e = {
2
- wizard: "_wizard_1yz95_1",
3
- header: "_header_1yz95_7",
4
- title: "_title_1yz95_12",
5
- footer: "_footer_1yz95_16"
2
+ wizard: "_wizard_1ulat_1",
3
+ header: "_header_1ulat_7",
4
+ title: "_title_1ulat_12",
5
+ indicator: "_indicator_1ulat_16",
6
+ footer: "_footer_1ulat_21"
6
7
  };
7
8
  //#endregion
8
9
  export { e as default };
package/dist/index.d.ts CHANGED
@@ -11,6 +11,14 @@ import { SVGAttributes } from 'react';
11
11
 
12
12
  declare type AnyProps = Record<string, unknown>;
13
13
 
14
+ export declare const Badge: ({ children, variant, className, ...rest }: BadgeProps) => JSX.Element;
15
+
16
+ export declare type BadgeProps = ComponentProps<"span"> & {
17
+ variant?: BadgeVariant;
18
+ };
19
+
20
+ export declare type BadgeVariant = "solid" | "soft" | "outline";
21
+
14
22
  export declare const Breadcrumb: ({ children, className, ...rest }: ComponentProps<"nav">) => JSX.Element;
15
23
 
16
24
  export declare const BreadcrumbItem: ({ children, current, className, ...rest }: BreadcrumbItemProps) => JSX.Element;
package/dist/index.js CHANGED
@@ -1,40 +1,41 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
- import { Breadcrumb as e, BreadcrumbItem as t, BreadcrumbSeparator as n } from "./components/breadcrumb/breadcrumb.js";
4
- import { Button as r } from "./components/button/button.js";
5
- import { Card as i, CardBody as a, CardFooter as o, CardHeader as s } from "./components/card/card.js";
6
- import { Checkbox as c } from "./components/checkbox/checkbox.js";
7
- import { Chip as l } from "./components/chip/chip.js";
8
- import { useBreadcrumb as u } from "./hooks/use-breadcrumb/use-breadcrumb.js";
9
- import { useOutsideAlerter as d } from "./hooks/use-outside-alerter/use-outside-alerter.js";
10
- import { useDisclosure as f } from "./hooks/use-disclosure/use-disclosure.js";
11
- import { useMatchDevice as p } from "./hooks/use-match-device/use-match-device.js";
12
- import { defaultBreakpoints as m, useMatchResolution as h } from "./hooks/use-match-resolution/use-match-resolution.js";
13
- import { usePagination as g } from "./hooks/use-pagination/use-pagination.js";
14
- import { useScrollTo as _ } from "./hooks/use-scroll-to/use-scroll-to.js";
15
- import { useVisible as v } from "./hooks/use-visible/use-visible.js";
16
- import { useWizard as y } from "./hooks/use-wizard/use-wizard.js";
17
- import { Collapsible as b, CollapsibleContent as x, CollapsibleItem as S, CollapsibleTrigger as C } from "./components/collapsible/collapsible.js";
18
- import { Container as w } from "./components/container/container.js";
19
- import { Slot as T } from "./components/slot/slot.js";
20
- import { DropdownMenu as E, DropdownMenuContent as D, DropdownMenuIcon as O, DropdownMenuItem as k, DropdownMenuTrigger as A } from "./components/dropdown-menu/dropdown-menu.js";
21
- import { Dropzone as j, DropzoneArea as M, DropzoneEmpty as N, DropzoneLabel as P, DropzonePreview as F, DropzoneRemove as I } from "./components/dropzone/dropzone.js";
22
- import { Flex as L } from "./components/flex/flex.js";
23
- import { Grid as R } from "./components/grid/grid.js";
24
- import { Input as z, InputField as B, InputLabel as V, InputMessage as H } from "./components/input/input.js";
25
- import { LanguageSelector as U } from "./components/language-selector/language-selector.js";
26
- import { List as W, ListItem as G } from "./components/list/list.js";
27
- import { Loader as K, LoaderSpinner as q } from "./components/loader/loader.js";
28
- import { Modal as J, ModalBody as Y, ModalClose as X, ModalContent as Z, ModalFooter as Q, ModalHeader as $, ModalOverlay as ee, ModalTrigger as te } from "./components/modal/modal.js";
29
- import { Pagination as ne, PaginationFirst as re, PaginationItems as ie, PaginationLast as ae, PaginationNext as oe, PaginationPrevious as se } from "./components/pagination/pagination.js";
30
- import { Popover as ce, PopoverContent as le, PopoverTrigger as ue } from "./components/popover/popover.js";
31
- import { RadioGroup as de, RadioGroupItem as fe } from "./components/radio-group/radio-group.js";
32
- import { Select as pe, SelectContent as me, SelectItem as he, SelectTrigger as ge } from "./components/select/select.js";
33
- import { Separator as _e } from "./components/separator/separator.js";
34
- import { Sidebar as ve, SidebarGroup as ye, SidebarHeader as be, SidebarItem as xe, SidebarLink as Se } from "./components/sidebar/sidebar.js";
35
- import { Table as Ce, TableTd as we, TableTh as Te, TableTr as Ee } from "./components/table/table.js";
36
- import { Tabs as De, TabsContent as Oe, TabsItem as ke, TabsItems as Ae } from "./components/tabs/tabs.js";
37
- import { Text as je } from "./components/text/text.js";
38
- import { Title as Me } from "./components/title/title.js";
39
- import { Wizard as Ne, WizardFinalize as Pe, WizardFooter as Fe, WizardHeader as Ie, WizardIndicator as Le, WizardNext as Re, WizardPrevious as ze, WizardStep as Be, WizardTitle as Ve } from "./components/wizard/wizard.js";
40
- export { e as Breadcrumb, t as BreadcrumbItem, n as BreadcrumbSeparator, r as Button, i as Card, a as CardBody, o as CardFooter, s as CardHeader, c as Checkbox, l as Chip, b as Collapsible, x as CollapsibleContent, S as CollapsibleItem, C as CollapsibleTrigger, w as Container, E as DropdownMenu, D as DropdownMenuContent, O as DropdownMenuIcon, k as DropdownMenuItem, A as DropdownMenuTrigger, j as Dropzone, M as DropzoneArea, N as DropzoneEmpty, P as DropzoneLabel, F as DropzonePreview, I as DropzoneRemove, L as Flex, R as Grid, z as Input, B as InputField, V as InputLabel, H as InputMessage, U as LanguageSelector, W as List, G as ListItem, K as Loader, q as LoaderSpinner, J as Modal, Y as ModalBody, X as ModalClose, Z as ModalContent, Q as ModalFooter, $ as ModalHeader, ee as ModalOverlay, te as ModalTrigger, ne as Pagination, re as PaginationFirst, ie as PaginationItems, ae as PaginationLast, oe as PaginationNext, se as PaginationPrevious, ce as Popover, le as PopoverContent, ue as PopoverTrigger, de as RadioGroup, fe as RadioGroupItem, pe as Select, me as SelectContent, he as SelectItem, ge as SelectTrigger, _e as Separator, ve as Sidebar, ye as SidebarGroup, be as SidebarHeader, xe as SidebarItem, Se as SidebarLink, T as Slot, Ce as Table, we as TableTd, Te as TableTh, Ee as TableTr, De as Tabs, Oe as TabsContent, ke as TabsItem, Ae as TabsItems, je as Text, Me as Title, Ne as Wizard, Pe as WizardFinalize, Fe as WizardFooter, Ie as WizardHeader, Le as WizardIndicator, Re as WizardNext, ze as WizardPrevious, Be as WizardStep, Ve as WizardTitle, m as defaultBreakpoints, u as useBreadcrumb, f as useDisclosure, p as useMatchDevice, h as useMatchResolution, d as useOutsideAlerter, g as usePagination, _ as useScrollTo, v as useVisible, y as useWizard };
3
+ import { Badge as e } from "./components/badge/badge.js";
4
+ import { Breadcrumb as t, BreadcrumbItem as n, BreadcrumbSeparator as r } from "./components/breadcrumb/breadcrumb.js";
5
+ import { Button as i } from "./components/button/button.js";
6
+ import { Card as a, CardBody as o, CardFooter as s, CardHeader as c } from "./components/card/card.js";
7
+ import { Checkbox as l } from "./components/checkbox/checkbox.js";
8
+ import { Chip as u } from "./components/chip/chip.js";
9
+ import { useBreadcrumb as d } from "./hooks/use-breadcrumb/use-breadcrumb.js";
10
+ import { useOutsideAlerter as f } from "./hooks/use-outside-alerter/use-outside-alerter.js";
11
+ import { useDisclosure as p } from "./hooks/use-disclosure/use-disclosure.js";
12
+ import { useMatchDevice as m } from "./hooks/use-match-device/use-match-device.js";
13
+ import { defaultBreakpoints as h, useMatchResolution as g } from "./hooks/use-match-resolution/use-match-resolution.js";
14
+ import { usePagination as _ } from "./hooks/use-pagination/use-pagination.js";
15
+ import { useScrollTo as v } from "./hooks/use-scroll-to/use-scroll-to.js";
16
+ import { useVisible as y } from "./hooks/use-visible/use-visible.js";
17
+ import { useWizard as b } from "./hooks/use-wizard/use-wizard.js";
18
+ import { Collapsible as x, CollapsibleContent as S, CollapsibleItem as C, CollapsibleTrigger as w } from "./components/collapsible/collapsible.js";
19
+ import { Container as T } from "./components/container/container.js";
20
+ import { Slot as E } from "./components/slot/slot.js";
21
+ import { DropdownMenu as D, DropdownMenuContent as O, DropdownMenuIcon as k, DropdownMenuItem as A, DropdownMenuTrigger as j } from "./components/dropdown-menu/dropdown-menu.js";
22
+ import { Dropzone as M, DropzoneArea as N, DropzoneEmpty as P, DropzoneLabel as F, DropzonePreview as I, DropzoneRemove as L } from "./components/dropzone/dropzone.js";
23
+ import { Flex as R } from "./components/flex/flex.js";
24
+ import { Grid as z } from "./components/grid/grid.js";
25
+ import { Input as B, InputField as V, InputLabel as H, InputMessage as U } from "./components/input/input.js";
26
+ import { LanguageSelector as W } from "./components/language-selector/language-selector.js";
27
+ import { List as G, ListItem as K } from "./components/list/list.js";
28
+ import { Loader as q, LoaderSpinner as J } from "./components/loader/loader.js";
29
+ import { Modal as Y, ModalBody as X, ModalClose as Z, ModalContent as Q, ModalFooter as $, ModalHeader as ee, ModalOverlay as te, ModalTrigger as ne } from "./components/modal/modal.js";
30
+ import { Pagination as re, PaginationFirst as ie, PaginationItems as ae, PaginationLast as oe, PaginationNext as se, PaginationPrevious as ce } from "./components/pagination/pagination.js";
31
+ import { Popover as le, PopoverContent as ue, PopoverTrigger as de } from "./components/popover/popover.js";
32
+ import { RadioGroup as fe, RadioGroupItem as pe } from "./components/radio-group/radio-group.js";
33
+ import { Select as me, SelectContent as he, SelectItem as ge, SelectTrigger as _e } from "./components/select/select.js";
34
+ import { Separator as ve } from "./components/separator/separator.js";
35
+ import { Sidebar as ye, SidebarGroup as be, SidebarHeader as xe, SidebarItem as Se, SidebarLink as Ce } from "./components/sidebar/sidebar.js";
36
+ import { Table as we, TableTd as Te, TableTh as Ee, TableTr as De } from "./components/table/table.js";
37
+ import { Tabs as Oe, TabsContent as ke, TabsItem as Ae, TabsItems as je } from "./components/tabs/tabs.js";
38
+ import { Text as Me } from "./components/text/text.js";
39
+ import { Title as Ne } from "./components/title/title.js";
40
+ import { Wizard as Pe, WizardFinalize as Fe, WizardFooter as Ie, WizardHeader as Le, WizardIndicator as Re, WizardNext as ze, WizardPrevious as Be, WizardStep as Ve, WizardTitle as He } from "./components/wizard/wizard.js";
41
+ export { e as Badge, t as Breadcrumb, n as BreadcrumbItem, r as BreadcrumbSeparator, i as Button, a as Card, o as CardBody, s as CardFooter, c as CardHeader, l as Checkbox, u as Chip, x as Collapsible, S as CollapsibleContent, C as CollapsibleItem, w as CollapsibleTrigger, T as Container, D as DropdownMenu, O as DropdownMenuContent, k as DropdownMenuIcon, A as DropdownMenuItem, j as DropdownMenuTrigger, M as Dropzone, N as DropzoneArea, P as DropzoneEmpty, F as DropzoneLabel, I as DropzonePreview, L as DropzoneRemove, R as Flex, z as Grid, B as Input, V as InputField, H as InputLabel, U as InputMessage, W as LanguageSelector, G as List, K as ListItem, q as Loader, J as LoaderSpinner, Y as Modal, X as ModalBody, Z as ModalClose, Q as ModalContent, $ as ModalFooter, ee as ModalHeader, te as ModalOverlay, ne as ModalTrigger, re as Pagination, ie as PaginationFirst, ae as PaginationItems, oe as PaginationLast, se as PaginationNext, ce as PaginationPrevious, le as Popover, ue as PopoverContent, de as PopoverTrigger, fe as RadioGroup, pe as RadioGroupItem, me as Select, he as SelectContent, ge as SelectItem, _e as SelectTrigger, ve as Separator, ye as Sidebar, be as SidebarGroup, xe as SidebarHeader, Se as SidebarItem, Ce as SidebarLink, E as Slot, we as Table, Te as TableTd, Ee as TableTh, De as TableTr, Oe as Tabs, ke as TabsContent, Ae as TabsItem, je as TabsItems, Me as Text, Ne as Title, Pe as Wizard, Fe as WizardFinalize, Ie as WizardFooter, Le as WizardHeader, Re as WizardIndicator, ze as WizardNext, Be as WizardPrevious, Ve as WizardStep, He as WizardTitle, h as defaultBreakpoints, d as useBreadcrumb, p as useDisclosure, m as useMatchDevice, g as useMatchResolution, f as useOutsideAlerter, _ as usePagination, v as useScrollTo, y as useVisible, b as useWizard };