@worldcoin/mini-apps-ui-kit-react 0.0.8 → 1.0.0-canary.0

package/dist/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

@@ -0,0 +1,137 @@
+"use client";
+import p from "react";
+import { createContextScope as S } from "../../../../../@radix-ui_react-context@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.js";
+import { Primitive as G } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { createRovingFocusGroupScope as P, Root as V, Item as A } from "../../../../../@radix-ui_react-roving-focus@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_ki7uy4u3diz5446cqygvbjwuge/node_modules/@radix-ui/react-roving-focus/dist/index.js";
+import { Toggle as F } from "../../../../../@radix-ui_react-toggle@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._yiv2ptaqcv244n5f7zfldmgupm/node_modules/@radix-ui/react-toggle/dist/index.js";
+import { useControllableState as _ } from "../../../../../@radix-ui_react-use-controllable-state@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+import { useDirection as M } from "../../../../../@radix-ui_react-direction@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.js";
+import { jsx as l } from "react/jsx-runtime";
+var v = "ToggleGroup", [C, z] = S(v, [
+  P
+]), I = P(), f = p.forwardRef((e, r) => {
+  const { type: a, ...t } = e;
+  if (a === "single")
+    return /* @__PURE__ */ l(w, { ...t, ref: r });
+  if (a === "multiple")
+    return /* @__PURE__ */ l(D, { ...t, ref: r });
+  throw new Error(`Missing prop \`type\` expected on \`${v}\``);
+});
+f.displayName = v;
+var [h, x] = C(v), w = p.forwardRef((e, r) => {
+  const {
+    value: a,
+    defaultValue: t,
+    onValueChange: u = () => {
+    },
+    ...n
+  } = e, [s, o] = _({
+    prop: a,
+    defaultProp: t,
+    onChange: u
+  });
+  return /* @__PURE__ */ l(
+    h,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: s ? [s] : [],
+      onItemActivate: o,
+      onItemDeactivate: p.useCallback(() => o(""), [o]),
+      children: /* @__PURE__ */ l(R, { ...n, ref: r })
+    }
+  );
+}), D = p.forwardRef((e, r) => {
+  const {
+    value: a,
+    defaultValue: t,
+    onValueChange: u = () => {
+    },
+    ...n
+  } = e, [s = [], o] = _({
+    prop: a,
+    defaultProp: t,
+    onChange: u
+  }), i = p.useCallback(
+    (c) => o((g = []) => [...g, c]),
+    [o]
+  ), d = p.useCallback(
+    (c) => o((g = []) => g.filter((y) => y !== c)),
+    [o]
+  );
+  return /* @__PURE__ */ l(
+    h,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: s,
+      onItemActivate: i,
+      onItemDeactivate: d,
+      children: /* @__PURE__ */ l(R, { ...n, ref: r })
+    }
+  );
+});
+f.displayName = v;
+var [E, N] = C(v), R = p.forwardRef(
+  (e, r) => {
+    const {
+      __scopeToggleGroup: a,
+      disabled: t = !1,
+      rovingFocus: u = !0,
+      orientation: n,
+      dir: s,
+      loop: o = !0,
+      ...i
+    } = e, d = I(a), c = M(s), g = { role: "group", dir: c, ...i };
+    return /* @__PURE__ */ l(E, { scope: a, rovingFocus: u, disabled: t, children: u ? /* @__PURE__ */ l(
+      V,
+      {
+        asChild: !0,
+        ...d,
+        orientation: n,
+        dir: c,
+        loop: o,
+        children: /* @__PURE__ */ l(G.div, { ...g, ref: r })
+      }
+    ) : /* @__PURE__ */ l(G.div, { ...g, ref: r }) });
+  }
+), m = "ToggleGroupItem", b = p.forwardRef(
+  (e, r) => {
+    const a = x(m, e.__scopeToggleGroup), t = N(m, e.__scopeToggleGroup), u = I(e.__scopeToggleGroup), n = a.value.includes(e.value), s = t.disabled || e.disabled, o = { ...e, pressed: n, disabled: s }, i = p.useRef(null);
+    return t.rovingFocus ? /* @__PURE__ */ l(
+      A,
+      {
+        asChild: !0,
+        ...u,
+        focusable: !s,
+        active: n,
+        ref: i,
+        children: /* @__PURE__ */ l(T, { ...o, ref: r })
+      }
+    ) : /* @__PURE__ */ l(T, { ...o, ref: r });
+  }
+);
+b.displayName = m;
+var T = p.forwardRef(
+  (e, r) => {
+    const { __scopeToggleGroup: a, value: t, ...u } = e, n = x(m, a), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, o = n.type === "single" ? s : void 0;
+    return /* @__PURE__ */ l(
+      F,
+      {
+        ...o,
+        ...u,
+        ref: r,
+        onPressedChange: (i) => {
+          i ? n.onItemActivate(t) : n.onItemDeactivate(t);
+        }
+      }
+    );
+  }
+), H = f, J = b;
+export {
+  J as Item,
+  H as Root,
+  f as ToggleGroup,
+  b as ToggleGroupItem,
+  z as createToggleGroupScope
+};

package/dist/node_modules/.pnpm/@radix-ui_react-toggle@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._yiv2ptaqcv244n5f7zfldmgupm/node_modules/@radix-ui/react-toggle/dist/index.js

@@ -0,0 +1,31 @@
+"use client";
+import * as l from "react";
+import { composeEventHandlers as n } from "../../../../../@radix-ui_primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.js";
+import { useControllableState as f } from "../../../../../@radix-ui_react-use-controllable-state@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+import { Primitive as m } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { jsx as p } from "react/jsx-runtime";
+var u = "Toggle", b = l.forwardRef((e, r) => {
+  const { pressed: t, defaultPressed: s = !1, onPressedChange: a, ...d } = e, [o = !1, i] = f({
+    prop: t,
+    onChange: a,
+    defaultProp: s
+  });
+  return /* @__PURE__ */ p(
+    m.button,
+    {
+      type: "button",
+      "aria-pressed": o,
+      "data-state": o ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...d,
+      ref: r,
+      onClick: n(e.onClick, () => {
+        e.disabled || i(!o);
+      })
+    }
+  );
+});
+b.displayName = u;
+export {
+  b as Toggle
+};

package/dist/node_modules/.pnpm/@radix-ui_react-visually-hidden@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_re_omyrydx3gc2oidaiqb4gsovieq/node_modules/@radix-ui/react-visually-hidden/dist/index.js

@@ -0,0 +1,30 @@
+import * as e from "react";
+import { Primitive as a } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { jsx as o } from "react/jsx-runtime";
+var t = "VisuallyHidden", d = e.forwardRef(
+  (r, i) => /* @__PURE__ */ o(
+    a.span,
+    {
+      ...r,
+      ref: i,
+      style: {
+        // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+        position: "absolute",
+        border: 0,
+        width: 1,
+        height: 1,
+        padding: 0,
+        margin: -1,
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        ...r.style
+      }
+    }
+  )
+);
+d.displayName = t;
+export {
+  d as VisuallyHidden
+};

package/dist/tailwind/index.d.ts

@@ -1,42 +1,58 @@
 export declare const gray: {
-    "--gray-900": string;
-    "--gray-700": string;
-    "--gray-500": string;
-    "--gray-400": string;
-    "--gray-300": string;
-    "--gray-200": string;
-    "--gray-100": string;
-    "--gray-50": string;
-    "--gray-25": string;
     "--gray-0": string;
+    "--gray-50": string;
+    "--gray-100": string;
+    "--gray-200": string;
+    "--gray-300": string;
+    "--gray-350": string;
+    "--gray-400": string;
+    "--gray-500": string;
+    "--gray-700": string;
+    "--gray-900": string;
 };
 export declare const success: {
-    "--success-900": string;
-    "--success-800": string;
-    "--success-700": string;
-    "--success-300": string;
     "--success-100": string;
+    "--success-200": string;
+    "--success-300": string;
+    "--success-400": string;
+    "--success-500": string;
+    "--success-600": string;
+    "--success-700": string;
+    "--success-800": string;
+    "--success-900": string;
 };
 export declare const error: {
-    "--error-900": string;
-    "--error-800": string;
-    "--error-700": string;
-    "--error-300": string;
     "--error-100": string;
+    "--error-200": string;
+    "--error-300": string;
+    "--error-400": string;
+    "--error-500": string;
+    "--error-600": string;
+    "--error-700": string;
+    "--error-800": string;
+    "--error-900": string;
 };
 export declare const warning: {
-    "--warning-900": string;
-    "--warning-800": string;
-    "--warning-700": string;
-    "--warning-300": string;
     "--warning-100": string;
+    "--warning-200": string;
+    "--warning-300": string;
+    "--warning-400": string;
+    "--warning-500": string;
+    "--warning-600": string;
+    "--warning-700": string;
+    "--warning-800": string;
+    "--warning-900": string;
 };
 export declare const info: {
-    "--info-900": string;
-    "--info-800": string;
-    "--info-700": string;
-    "--info-300": string;
     "--info-100": string;
+    "--info-200": string;
+    "--info-300": string;
+    "--info-400": string;
+    "--info-500": string;
+    "--info-600": string;
+    "--info-700": string;
+    "--info-800": string;
+    "--info-900": string;
 };
 declare const uiKitTailwindPlugin: {
     handler: import('tailwindcss/types/config').PluginCreator;

package/dist/tailwind/index.js

@@ -1,103 +1,132 @@
-import a from "../_virtual/plugin.js";
-const n = {
-  "--gray-900": "#191c20",
-  "--gray-700": "#3c424b",
-  "--gray-500": "#657080",
-  "--gray-400": "#9ba3ae",
-  "--gray-300": "#d6d9dd",
-  "--gray-200": "#ebecef",
-  "--gray-100": "#f3f4f5",
-  "--gray-50": "#f9fafb",
-  "--gray-25": "#fbfbfc",
-  "--gray-0": "#ffffff"
-}, f = {
-  "--success-900": "#18964f",
-  "--success-800": "#00ab11",
-  "--success-700": "#00c313",
-  "--success-300": "#d6f6de",
-  "--success-100": "#f5fdf7"
-}, o = {
-  "--error-900": "#b71b58",
-  "--error-800": "#dc0025",
-  "--error-700": "#ff5a76",
-  "--error-300": "#ffd7df",
-  "--error-100": "#fff5f7"
-}, e = {
-  "--warning-900": "#b47500",
-  "--warning-800": "#dc8f00",
-  "--warning-700": "#ffb11b",
-  "--warning-300": "#ffeece",
-  "--warning-100": "#fff9ef"
-}, s = {
-  "--info-900": "#054cb7",
-  "--info-800": "#0025dc",
-  "--info-700": "#5a9cff",
-  "--info-300": "#cee2ff",
-  "--info-100": "#f3f8ff"
-}, g = a(
-  function({ addBase: r }) {
-    r({
+import r from "../_virtual/plugin.js";
+const e = {
+  "--gray-0": "255 255 255",
+  "--gray-50": "249 250 251",
+  "--gray-100": "243 244 245",
+  "--gray-200": "235 236 239",
+  "--gray-300": "214 217 221",
+  "--gray-350": "177 184 194",
+  "--gray-400": "155 163 174",
+  "--gray-500": "113 118 128",
+  "--gray-700": "60 66 75",
+  "--gray-900": "24 24 24"
+}, l = {
+  "--success-100": "230 249 236",
+  "--success-200": "204 243 217",
+  "--success-300": "153 232 179",
+  "--success-400": "102 220 141",
+  "--success-500": "51 209 103",
+  "--success-600": "0 194 48",
+  "--success-700": "0 155 38",
+  "--success-800": "0 116 29",
+  "--success-900": "0 77 19"
+}, g = {
+  "--error-100": "254 233 231",
+  "--error-200": "253 211 207",
+  "--error-300": "251 167 159",
+  "--error-400": "249 123 111",
+  "--error-500": "247 80 63",
+  "--error-600": "242 40 13",
+  "--error-700": "194 32 10",
+  "--error-800": "145 24 8",
+  "--error-900": "97 16 5"
+}, v = {
+  "--warning-100": "255 246 230",
+  "--warning-200": "255 237 204",
+  "--warning-300": "255 219 153",
+  "--warning-400": "255 201 102",
+  "--warning-500": "255 184 51",
+  "--warning-600": "255 174 0",
+  "--warning-700": "204 139 0",
+  "--warning-800": "153 104 0",
+  "--warning-900": "102 70 0"
+}, n = {
+  "--info-100": "230 240 255",
+  "--info-200": "204 224 255",
+  "--info-300": "153 194 255",
+  "--info-400": "102 163 255",
+  "--info-500": "51 133 255",
+  "--info-600": "0 92 255",
+  "--info-700": "0 74 204",
+  "--info-800": "0 55 153",
+  "--info-900": "0 36 102"
+}, u = r(
+  function({ addBase: a }) {
+    a({
       ":root": {
-        "--font-sans": "Rubik",
-        "--font-display": "Sora",
-        "--font-mono": "DM Mono",
-        ...n,
-        ...f,
-        ...o,
+        "--font-sans": "TWK Lausanne",
         ...e,
-        ...s
+        ...l,
+        ...g,
+        ...v,
+        ...n
       }
     });
   },
   {
     theme: {
       fontFamily: {
-        sans: "var(--font-sans)",
-        display: "var(--font-display)",
-        mono: "var(--font-mono)"
+        sans: "var(--font-sans)"
       },
       colors: {
         transparent: "transparent",
         current: "currentColor",
         gray: {
-          900: "var(--gray-900)",
-          700: "var(--gray-700)",
-          500: "var(--gray-500)",
-          400: "var(--gray-400)",
-          300: "var(--gray-300)",
-          200: "var(--gray-200)",
-          100: "var(--gray-100)",
-          50: "var(--gray-50)",
-          25: "var(--gray-25)",
-          0: "var(--gray-0)"
+          900: "rgb(var(--gray-900) / <alpha-value>)",
+          800: "rgb(var(--gray-800) / <alpha-value>)",
+          700: "rgb(var(--gray-700) / <alpha-value>)",
+          500: "rgb(var(--gray-500) / <alpha-value>)",
+          400: "rgb(var(--gray-400) / <alpha-value>)",
+          350: "rgb(var(--gray-350) / <alpha-value>)",
+          300: "rgb(var(--gray-300) / <alpha-value>)",
+          200: "rgb(var(--gray-200) / <alpha-value>)",
+          100: "rgb(var(--gray-100) / <alpha-value>)",
+          50: "rgb(var(--gray-50) / <alpha-value>)",
+          0: "rgb(var(--gray-0) / <alpha-value>)"
         },
         success: {
-          900: "var(--success-900)",
-          800: "var(--success-800)",
-          700: "var(--success-700)",
-          300: "var(--success-300)",
-          100: "var(--success-100)"
+          900: "rgb(var(--success-900) / <alpha-value>)",
+          800: "rgb(var(--success-800) / <alpha-value>)",
+          700: "rgb(var(--success-700) / <alpha-value>)",
+          600: "rgb(var(--success-600) / <alpha-value>)",
+          500: "rgb(var(--success-500) / <alpha-value>)",
+          400: "rgb(var(--success-400) / <alpha-value>)",
+          300: "rgb(var(--success-300) / <alpha-value>)",
+          200: "rgb(var(--success-200) / <alpha-value>)",
+          100: "rgb(var(--success-100) / <alpha-value>)"
         },
         error: {
-          900: "var(--error-900)",
-          800: "var(--error-800)",
-          700: "var(--error-700)",
-          300: "var(--error-300)",
-          100: "var(--error-100)"
+          900: "rgb(var(--error-900) / <alpha-value>)",
+          800: "rgb(var(--error-800) / <alpha-value>)",
+          700: "rgb(var(--error-700) / <alpha-value>)",
+          600: "rgb(var(--error-600) / <alpha-value>)",
+          500: "rgb(var(--error-500) / <alpha-value>)",
+          400: "rgb(var(--error-400) / <alpha-value>)",
+          300: "rgb(var(--error-300) / <alpha-value>)",
+          200: "rgb(var(--error-200) / <alpha-value>)",
+          100: "rgb(var(--error-100) / <alpha-value>)"
         },
         warning: {
-          900: "var(--warning-900)",
-          800: "var(--warning-800)",
-          700: "var(--warning-700)",
-          300: "var(--warning-300)",
-          100: "var(--warning-100)"
+          900: "rgb(var(--warning-900) / <alpha-value>)",
+          800: "rgb(var(--warning-800) / <alpha-value>)",
+          700: "rgb(var(--warning-700) / <alpha-value>)",
+          600: "rgb(var(--warning-600) / <alpha-value>)",
+          500: "rgb(var(--warning-500) / <alpha-value>)",
+          400: "rgb(var(--warning-400) / <alpha-value>)",
+          300: "rgb(var(--warning-300) / <alpha-value>)",
+          200: "rgb(var(--warning-200) / <alpha-value>)",
+          100: "rgb(var(--warning-100) / <alpha-value>)"
         },
         info: {
-          900: "var(--info-900)",
-          800: "var(--info-800)",
-          700: "var(--info-700)",
-          300: "var(--info-300)",
-          100: "var(--info-100)"
+          900: "rgb(var(--info-900) / <alpha-value>)",
+          800: "rgb(var(--info-800) / <alpha-value>)",
+          700: "rgb(var(--info-700) / <alpha-value>)",
+          600: "rgb(var(--info-600) / <alpha-value>)",
+          500: "rgb(var(--info-500) / <alpha-value>)",
+          400: "rgb(var(--info-400) / <alpha-value>)",
+          300: "rgb(var(--info-300) / <alpha-value>)",
+          200: "rgb(var(--info-200) / <alpha-value>)",
+          100: "rgb(var(--info-100) / <alpha-value>)"
         }
       },
       lineHeight: {
@@ -105,6 +134,20 @@ const n = {
         narrow: "1.2",
         compact: "1.3"
       },
+      fontSize: {
+        "2xs": "0.6875rem",
+        xs: "0.8125rem",
+        sm: "0.9375rem",
+        base: "1.0625rem",
+        lg: "1.1875rem",
+        xl: "1.3125rem",
+        "2xl": "1.625rem",
+        "3xl": "1.875rem",
+        "4xl": "2.125rem",
+        "5xl": "2.5rem",
+        "6xl": "2.75rem",
+        "7xl": "3.5rem"
+      },
       extend: {
         boxShadow: {
           card: "0 0.625rem 1.875rem 0 #191C201A",
@@ -115,10 +158,10 @@ const n = {
   }
 );
 export {
-  g as default,
-  o as error,
-  n as gray,
-  s as info,
-  f as success,
-  e as warning
+  u as default,
+  g as error,
+  e as gray,
+  n as info,
+  l as success,
+  v as warning
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/mini-apps-ui-kit-react",
-  "version": "0.0.8",
+  "version": "1.0.0-canary.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,6 +17,18 @@
       "types": "./dist/components/Button/index.d.ts",
       "default": "./dist/components/Button/index.js"
     },
+    "./BulletList": {
+      "types": "./dist/components/BulletList/index.d.ts",
+      "default": "./dist/components/BulletList/index.js"
+    },
+    "./BulletListItem": {
+      "types": "./dist/components/BulletListItem/index.d.ts",
+      "default": "./dist/components/BulletListItem/index.js"
+    },
+    "./BulletPoint": {
+      "types": "./dist/components/BulletPoint/index.d.ts",
+      "default": "./dist/components/BulletPoint/index.js"
+    },
     "./Checkbox": {
       "types": "./dist/components/Checkbox/index.d.ts",
       "default": "./dist/components/Checkbox/index.js"
@@ -93,6 +105,62 @@
       "types": "./dist/components/Typography/index.d.ts",
       "default": "./dist/components/Typography/index.js"
     },
+    "./Spinner": {
+      "types": "./dist/components/Spinner/index.d.ts",
+      "default": "./dist/components/Spinner/index.js"
+    },
+    "./Toast": {
+      "types": "./dist/components/Toast/index.d.ts",
+      "default": "./dist/components/Toast/index.js"
+    },
+    "./Progress": {
+      "types": "./dist/components/Progress/index.d.ts",
+      "default": "./dist/components/Progress/index.js"
+    },
+    "./TextArea": {
+      "types": "./dist/components/TextArea/index.d.ts",
+      "default": "./dist/components/TextArea/index.js"
+    },
+    "./WalletAddressField": {
+      "types": "./dist/components/WalletAddressField/index.d.ts",
+      "default": "./dist/components/WalletAddressField/index.js"
+    },
+    "./AlertDialog": {
+      "types": "./dist/components/AlertDialog/index.d.ts",
+      "default": "./dist/components/AlertDialog/index.js"
+    },
+    "./BottomBar": {
+      "types": "./dist/components/BottomBar/index.d.ts",
+      "default": "./dist/components/BottomBar/index.js"
+    },
+    "./TopBar": {
+      "types": "./dist/components/TopBar/index.d.ts",
+      "default": "./dist/components/TopBar/index.js"
+    },
+    "./Marble": {
+      "types": "./dist/components/Marble/index.d.ts",
+      "default": "./dist/components/Marble/index.js"
+    },
+    "./CountryDrawer": {
+      "types": "./dist/components/CountryDrawer/index.d.ts",
+      "default": "./dist/components/CountryDrawer/index.js"
+    },
+    "./ToggleGroup": {
+      "types": "./dist/components/ToggleGroup/index.d.ts",
+      "default": "./dist/components/ToggleGroup/index.js"
+    },
+    "./ToggleGroupItem": {
+      "types": "./dist/components/ToggleGroup/index.d.ts",
+      "default": "./dist/components/ToggleGroup/index.js"
+    },
+    "./Tabs": {
+      "types": "./dist/components/Tabs/index.d.ts",
+      "default": "./dist/components/Tabs/index.js"
+    },
+    "./TabItem": {
+      "types": "./dist/components/TabItem/index.d.ts",
+      "default": "./dist/components/TabItem/index.js"
+    },
     "./tailwind": {
       "types": "./dist/tailwind/index.d.ts",
       "default": "./dist/tailwind/index.js"
@@ -138,6 +206,7 @@
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^8.4.7",
     "tailwindcss": "^3.4.15",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",
     "vite": ">=5.4.12",
@@ -146,10 +215,13 @@
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.2",
     "@radix-ui/react-form": "^0.1.0",
+    "@radix-ui/react-progress": "^1.1.2",
     "@radix-ui/react-radio-group": "^1.2.1",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.1",
+    "@radix-ui/react-toast": "^1.2.6",
+    "@radix-ui/react-toggle-group": "^1.1.2",
     "@uidotdev/usehooks": "^2.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",