@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.2 → 1.0.0-canary.3

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.
Files changed (4) hide show
  1. package/dist/components/Tabs/Tabs.js +19 -19
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +25 -22
  4. package/package.json +1 -1
package/dist/components/Tabs/Tabs.js CHANGED
@@ -1,50 +1,50 @@
1
1
  "use client";
2
- import { jsx as t, jsxs as m } from "react/jsx-runtime";
2
+ import { jsx as a, jsxs as l } from "react/jsx-runtime";
3
3
  import { Slot as s } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
4
- import { Root as c, Item as f } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_3smwloudr6a3igss4kifyxcwju/node_modules/@radix-ui/react-toggle-group/dist/index.js";
4
+ import { Root as p, Item as c } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_3smwloudr6a3igss4kifyxcwju/node_modules/@radix-ui/react-toggle-group/dist/index.js";
5
5
  import * as n from "react";
6
6
  import { cn as o } from "../../lib/utils.js";
7
- import { Typography as d } from "../Typography/Typography.js";
8
- const p = n.forwardRef(
9
- ({ children: r, ...a }, e) => /* @__PURE__ */ t(
10
- c,
7
+ import { Typography as f } from "../Typography/Typography.js";
8
+ const d = n.forwardRef(
9
+ ({ children: r, ...t }, e) => /* @__PURE__ */ a(
10
+ p,
11
11
  {
12
12
  ref: e,
13
13
  type: "single",
14
14
  className: "flex w-full justify-between px-5 items-center",
15
- ...a,
16
- children: /* @__PURE__ */ t("div", { className: "flex w-full", children: r })
15
+ ...t,
16
+ children: r
17
17
  }
18
18
  )
19
19
  );
20
- p.displayName = "Tabs";
20
+ d.displayName = "Tabs";
21
21
  const x = n.forwardRef(
22
- ({ icon: r, label: a, activeIcon: e, ...l }, i) => /* @__PURE__ */ m(
23
- f,
22
+ ({ icon: r, label: t, activeIcon: e, ...i }, m) => /* @__PURE__ */ l(
23
+ c,
24
24
  {
25
- ref: i,
25
+ ref: m,
26
26
  className: o(
27
27
  "flex-1 flex flex-col items-center gap-1 relative min-w-0 group",
28
28
  "focus:outline-none transition-colors duration-200",
29
29
  "text-gray-350 hover:text-gray-500 data-[state=on]:text-gray-900"
30
30
  ),
31
- ...l,
31
+ ...i,
32
32
  children: [
33
- /* @__PURE__ */ t(
33
+ /* @__PURE__ */ a(
34
34
  s,
35
35
  {
36
36
  className: o("h-[1.625rem] shrink-0", e && "group-data-[state=on]:hidden"),
37
37
  children: r
38
38
  }
39
39
  ),
40
- e && /* @__PURE__ */ t(s, { className: "h-[1.625rem] shrink-0 hidden group-data-[state=on]:block", children: e }),
41
- a && /* @__PURE__ */ t(
42
- d,
40
+ e && /* @__PURE__ */ a(s, { className: "h-[1.625rem] shrink-0 hidden group-data-[state=on]:block", children: e }),
41
+ t && /* @__PURE__ */ a(
42
+ f,
43
43
  {
44
44
  as: "span",
45
45
  variant: "subtitle",
46
46
  className: "text-2xs truncate w-full text-center px-1 leading-none",
47
- children: a
47
+ children: t
48
48
  }
49
49
  )
50
50
  ]
@@ -54,5 +54,5 @@ const x = n.forwardRef(
54
54
  x.displayName = "TabItem";
55
55
  export {
56
56
  x as TabItem,
57
- p as Tabs
57
+ d as Tabs
58
58
  };
package/dist/index.d.ts CHANGED
@@ -32,4 +32,5 @@ export * from './components/Marble';
32
32
  export * from './components/TopBar';
33
33
  export * from './components/CountryDrawer';
34
34
  export * from './components/ToggleGroup';
35
+ export * from './components/Tabs';
35
36
  export { default as uiKitTailwindPlugin } from './tailwind';
package/dist/index.js CHANGED
@@ -3,15 +3,15 @@ import { Checkbox as i } from "./components/Checkbox/Checkbox.js";
3
3
  import { Chip as f } from "./components/Chip/Chip.js";
4
4
  import { ColorPickerGroup as s, ColorPickerItem as g } from "./components/ColorPicker/ColorPicker.js";
5
5
  import { Flag as d } from "./components/Flag/Flag.js";
6
- import { LazyFlag as D } from "./components/Flag/LazyFlag.js";
6
+ import { LazyFlag as T } from "./components/Flag/LazyFlag.js";
7
7
  import { isSupportedCountryCode as C } from "./components/Flag/utils.js";
8
8
  import * as r from "./components/Form/Form.js";
9
9
  import { Input as w, iconVariants as A, inputVariants as F } from "./components/Input/Input.js";
10
10
  import { ListItem as y } from "./components/ListItem/ListItem.js";
11
- import { NumberPad as B } from "./components/NumberPad/NumberPad.js";
12
- import { OTPField as G } from "./components/OTPField/OTPField.js";
13
- import { Pill as V } from "./components/Pill/Pill.js";
14
- import { RadioGroup as L } from "./components/RadioGroup/RadioGroup.js";
11
+ import { NumberPad as I } from "./components/NumberPad/NumberPad.js";
12
+ import { OTPField as b } from "./components/OTPField/OTPField.js";
13
+ import { Pill as S } from "./components/Pill/Pill.js";
14
+ import { RadioGroup as k } from "./components/RadioGroup/RadioGroup.js";
15
15
  import { RadioGroupItem as R } from "./components/RadioGroup/RadioGroupItem.js";
16
16
  import { Select as _ } from "./components/Select/Select.js";
17
17
  import { SearchField as z } from "./components/SearchField/SearchField.js";
@@ -25,19 +25,20 @@ import { Toaster as rr } from "./components/Toast/Toaster.js";
25
25
  import { reducer as er, toast as tr, useToast as pr } from "./components/Toast/use-toast.js";
26
26
  import { Typography as ar, typographyVariants as ir } from "./components/Typography/Typography.js";
27
27
  import { Drawer as fr, DrawerClose as xr, DrawerContent as sr, DrawerHeader as gr, DrawerTitle as nr, DrawerTrigger as dr } from "./components/Drawer/Drawer.js";
28
- import { Progress as Dr } from "./components/Progress/Progress.js";
28
+ import { Progress as Tr } from "./components/Progress/Progress.js";
29
29
  import "./components/TextArea/TextArea.js";
30
30
  import { WalletAddressField as Cr } from "./components/WalletAddressField/WalletAddressField.js";
31
- import { AlertDialog as wr, AlertDialogClose as Ar, AlertDialogContent as Fr, AlertDialogDescription as Pr, AlertDialogFooter as yr, AlertDialogHeader as hr, AlertDialogPortal as Br, AlertDialogTitle as Ir, AlertDialogTrigger as Gr } from "./components/AlertDialog/AlertDialog.js";
32
- import { BottomBar as Vr } from "./components/BottomBar/BottomBar.js";
33
- import { BulletList as Lr } from "./components/BulletList/BulletList.js";
31
+ import { AlertDialog as wr, AlertDialogClose as Ar, AlertDialogContent as Fr, AlertDialogDescription as Pr, AlertDialogFooter as yr, AlertDialogHeader as hr, AlertDialogPortal as Ir, AlertDialogTitle as Br, AlertDialogTrigger as br } from "./components/AlertDialog/AlertDialog.js";
32
+ import { BottomBar as Sr } from "./components/BottomBar/BottomBar.js";
33
+ import { BulletList as kr } from "./components/BulletList/BulletList.js";
34
34
  import { BulletListItem as Rr } from "./components/BulletListItem/BulletListItem.js";
35
35
  import "./components/BulletPoint/BulletPoint.js";
36
36
  import { Marble as _r } from "./components/Marble/Marble.js";
37
37
  import { TopBar as zr } from "./components/TopBar/TopBar.js";
38
38
  import { CountryDrawer as Mr } from "./components/CountryDrawer/CountryDrawer.js";
39
39
  import { ToggleGroupItem as Or, ToggleGroupRoot as Wr } from "./components/ToggleGroup/ToggleGroup.js";
40
- import { default as qr } from "./tailwind/index.js";
40
+ import { TabItem as qr, Tabs as Er } from "./components/Tabs/Tabs.js";
41
+ import { default as Qr } from "./tailwind/index.js";
41
42
  export {
42
43
  wr as AlertDialog,
43
44
  Ar as AlertDialogClose,
@@ -45,11 +46,11 @@ export {
45
46
  Pr as AlertDialogDescription,
46
47
  yr as AlertDialogFooter,
47
48
  hr as AlertDialogHeader,
48
- Br as AlertDialogPortal,
49
- Ir as AlertDialogTitle,
50
- Gr as AlertDialogTrigger,
51
- Vr as BottomBar,
52
- Lr as BulletList,
49
+ Ir as AlertDialogPortal,
50
+ Br as AlertDialogTitle,
51
+ br as AlertDialogTrigger,
52
+ Sr as BottomBar,
53
+ kr as BulletList,
53
54
  Rr as BulletListItem,
54
55
  m as Button,
55
56
  i as Checkbox,
@@ -66,20 +67,22 @@ export {
66
67
  d as Flag,
67
68
  r as Form,
68
69
  w as Input,
69
- D as LazyFlag,
70
+ T as LazyFlag,
70
71
  y as ListItem,
71
72
  _r as Marble,
72
- B as NumberPad,
73
- G as OTPField,
73
+ I as NumberPad,
74
+ b as OTPField,
74
75
  M as PhoneField,
75
- V as Pill,
76
- Dr as Progress,
77
- L as RadioGroup,
76
+ S as Pill,
77
+ Tr as Progress,
78
+ k as RadioGroup,
78
79
  R as RadioGroupItem,
79
80
  z as SearchField,
80
81
  _ as Select,
81
82
  j as Spinner,
82
83
  E as Switch,
84
+ qr as TabItem,
85
+ Er as Tabs,
83
86
  X as Toast,
84
87
  Y as ToastProvider,
85
88
  Z as ToastViewport,
@@ -97,6 +100,6 @@ export {
97
100
  er as reducer,
98
101
  tr as toast,
99
102
  ir as typographyVariants,
100
- qr as uiKitTailwindPlugin,
103
+ Qr as uiKitTailwindPlugin,
101
104
  pr as useToast
102
105
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worldcoin/mini-apps-ui-kit-react",
3
- "version": "1.0.0-canary.2",
3
+ "version": "1.0.0-canary.3",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",