@saas-ui/react 3.0.0-alpha.6 → 3.0.0-alpha.8

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @saas-ui/react
 
+## 3.0.0-alpha.8
+
+### Patch Changes
+
+- 64e680e: Update default button colorPalette to gray
+- 64e680e: Export Menu.Context
+
+## 3.0.0-alpha.7
+
+### Major Changes
+
+- 8e760c5: Added new wide gammut color tokens
+
 ## 3.0.0-alpha.6
 
 ### Minor Changes

package/dist/chunk-7VSTNV2B.js

@@ -0,0 +1,53 @@
+'use client'
+import {
+  Spinner
+} from "./chunk-32JGENDB.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/loading-overlay/loading-overlay.tsx
+var loading_overlay_exports = {};
+__export(loading_overlay_exports, {
+  Root: () => LoadingOverlayRoot,
+  Spinner: () => LoadingOverlaySpinner,
+  Text: () => LoadingOverlayText
+});
+import {
+  Presence,
+  splitPresenceProps
+} from "@ark-ui/react/presence";
+import { chakra } from "@chakra-ui/react";
+
+// src/components/loading-overlay/loading-overlay.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  useStyles: useLoadingOverlayStyles,
+  withContext,
+  withProvider
+} = createSlotRecipeContext({
+  key: "suiLoadingOverlay"
+});
+
+// src/components/loading-overlay/loading-overlay.tsx
+import { jsx } from "react/jsx-runtime";
+var LoadingOverlay = (props) => {
+  const { children, loading = true, ...rest } = props;
+  const [presenceProps, rootProps] = splitPresenceProps(rest);
+  return /* @__PURE__ */ jsx(Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ jsx(chakra.div, { ...rootProps, children }) });
+};
+var LoadingOverlayRoot = withProvider(
+  LoadingOverlay,
+  "root"
+);
+LoadingOverlayRoot.displayName = "LoadingOverlay";
+var LoadingOverlaySpinner = Spinner;
+var LoadingOverlayText = withContext(
+  "p",
+  "text"
+);
+
+export {
+  useLoadingOverlayStyles,
+  loading_overlay_exports
+};

package/dist/{chunk-ZWSZQZ5G.js → chunk-CB52LBJK.js}

@@ -1,7 +1,4 @@
 'use client'
-import {
-  DialogContext
-} from "./chunk-VBIVLREP.js";
 import {
   CloseButton
 } from "./chunk-FZW2DYK3.js";
@@ -29,6 +26,7 @@ __export(namespace_exports, {
 // src/components/dialog/dialog.tsx
 import { forwardRef } from "react";
 import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
+import { DialogContext } from "@ark-ui/react/dialog";
 import { jsx, jsxs } from "react/jsx-runtime";
 var DialogContent = forwardRef(
   function DialogContent2(props, ref) {

package/dist/{chunk-F3CVOMG5.js → chunk-CD2JUFI2.js}

@@ -1,4 +1,16 @@
 'use client'
+import {
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
+
+// src/components/password-input/password-input.tsx
+import { forwardRef, useRef } from "react";
+import {
+  IconButton,
+  Input,
+  mergeRefs,
+  useControllableState
+} from "@chakra-ui/react";
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 import React2 from "react";
@@ -139,12 +151,6 @@ function IconBase(props) {
 }
 
 // ../../node_modules/react-icons/lu/index.mjs
-function LuCheck(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "20 6 9 17 4 12" }, "child": [] }] })(props);
-}
-function LuChevronRight(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "m9 18 6-6-6-6" }, "child": [] }] })(props);
-}
 function LuEyeOff(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
 }
@@ -152,9 +158,74 @@ function LuEye(props) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
 }
 
+// src/components/password-input/password-input.tsx
+import { jsx } from "react/jsx-runtime";
+var PasswordInput = forwardRef(
+  function PasswordInput2(props, ref) {
+    const {
+      rootProps,
+      defaultVisible,
+      visible: visibleProp,
+      onVisibleChange,
+      visibilityIcon = { on: /* @__PURE__ */ jsx(LuEye, {}), off: /* @__PURE__ */ jsx(LuEyeOff, {}) },
+      ...rest
+    } = props;
+    const [visible, setVisible] = useControllableState({
+      value: visibleProp,
+      defaultValue: defaultVisible || false,
+      onChange: onVisibleChange
+    });
+    const inputRef = useRef(null);
+    return /* @__PURE__ */ jsx(
+      InputGroup,
+      {
+        width: "full",
+        endElement: /* @__PURE__ */ jsx(
+          VisibilityTrigger,
+          {
+            disabled: rest.disabled,
+            onPointerDown: (e) => {
+              if (rest.disabled) return;
+              if (e.button !== 0) return;
+              e.preventDefault();
+              setVisible(!visible);
+            },
+            children: visible ? visibilityIcon.off : visibilityIcon.on
+          }
+        ),
+        ...rootProps,
+        children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            ...rest,
+            ref: mergeRefs(ref, inputRef),
+            type: visible ? "text" : "password"
+          }
+        )
+      }
+    );
+  }
+);
+var VisibilityTrigger = forwardRef(
+  function VisibilityTrigger2(props, ref) {
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        tabIndex: -1,
+        ref,
+        me: "-2",
+        aspectRatio: "square",
+        size: "sm",
+        variant: "ghost",
+        colorPalette: "gray",
+        height: "calc(100% - {spacing.2})",
+        "aria-label": "Toggle password visibility",
+        ...props
+      }
+    );
+  }
+);
+
 export {
-  LuCheck,
-  LuChevronRight,
-  LuEyeOff,
-  LuEye
+  PasswordInput
 };

package/dist/{chunk-GEPWRHHH.js → chunk-H6TFEHY4.js}

@@ -1,7 +1,4 @@
 'use client'
-import {
-  DialogContext
-} from "./chunk-VBIVLREP.js";
 import {
   CloseButton
 } from "./chunk-FZW2DYK3.js";
@@ -28,6 +25,7 @@ __export(namespace_exports, {
 
 // src/components/drawer/drawer.tsx
 import { forwardRef } from "react";
+import { DialogContext } from "@ark-ui/react/dialog";
 import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
 import { jsx } from "react/jsx-runtime";
 var DrawerContent = forwardRef(

package/dist/chunk-IFYV7NUJ.js

@@ -0,0 +1,326 @@
+'use client'
+
+// src/theme/tokens/colors.ts
+import { defineTokens } from "@chakra-ui/react";
+var colors = defineTokens.colors({
+  transparent: { value: "transparent" },
+  current: { value: "currentColor" },
+  black: { value: "oklch(0.07 0 0)" },
+  white: { value: "oklch(1 0 0)" },
+  whiteAlpha: {
+    50: { value: "oklch(1 0 0 / 0.04)" },
+    100: { value: "oklch(1 0 0 / 0.06)" },
+    200: { value: "oklch(1 0 0 / 0.08)" },
+    300: { value: "oklch(1 0 0 / 0.16)" },
+    400: { value: "oklch(1 0 0 / 0.24)" },
+    500: { value: "oklch(1 0 0 / 0.36)" },
+    600: { value: "oklch(1 0 0 / 0.48)" },
+    700: { value: "oklch(1 0 0 / 0.64)" },
+    800: { value: "oklch(1 0 0 / 0.80)" },
+    900: { value: "oklch(1 0 0 / 0.92)" },
+    950: { value: "oklch(1 0 0 / 0.95)" }
+  },
+  blackAlpha: {
+    50: { value: "oklch(0 0 0 / 0.04)" },
+    100: { value: "oklch(0 0 0 / 0.06)" },
+    200: { value: "oklch(0 0 0 / 0.08)" },
+    300: { value: "oklch(0 0 0 / 0.16)" },
+    400: { value: "oklch(0 0 0 / 0.24)" },
+    500: { value: "oklch(0 0 0 / 0.36)" },
+    600: { value: "oklch(0 0 0 / 0.48)" },
+    700: { value: "oklch(0 0 0 / 0.64)" },
+    800: { value: "oklch(0 0 0 / 0.80)" },
+    900: { value: "oklch(0 0 0 / 0.92)" },
+    950: { value: "oklch(0 0 0 / 0.95)" }
+  },
+  slate: {
+    50: { value: "oklch(0.984 0.003 247.858)" },
+    100: { value: "oklch(0.968 0.007 247.896)" },
+    200: { value: "oklch(0.929 0.013 255.508)" },
+    300: { value: "oklch(0.869 0.022 252.894)" },
+    400: { value: "oklch(0.704 0.04 256.788)" },
+    500: { value: "oklch(0.554 0.046 257.417)" },
+    600: { value: "oklch(0.446 0.043 257.281)" },
+    700: { value: "oklch(0.372 0.044 257.287)" },
+    800: { value: "oklch(0.279 0.041 260.031)" },
+    900: { value: "oklch(0.208 0.042 265.755)" },
+    950: { value: "oklch(0.129 0.042 264.695)" }
+  },
+  gray: {
+    50: { value: "oklch(0.985 0.002 247.839)" },
+    100: { value: "oklch(0.967 0.003 264.542)" },
+    200: { value: "oklch(0.928 0.006 264.531)" },
+    300: { value: "oklch(0.872 0.01 258.338)" },
+    400: { value: "oklch(0.707 0.022 261.325)" },
+    500: { value: "oklch(0.551 0.027 264.364)" },
+    600: { value: "oklch(0.446 0.03 256.802)" },
+    700: { value: "oklch(0.373 0.034 259.733)" },
+    800: { value: "oklch(0.278 0.033 256.848)" },
+    900: { value: "oklch(0.21 0.034 264.665)" },
+    950: { value: "oklch(0.13 0.028 261.692)" }
+  },
+  zinc: {
+    50: { value: "oklch(0.985 0 0)" },
+    100: { value: "oklch(0.967 0.001 286.375)" },
+    200: { value: "oklch(0.92 0.004 286.32)" },
+    300: { value: "oklch(0.871 0.006 286.286)" },
+    400: { value: "oklch(0.705 0.015 286.067)" },
+    500: { value: "oklch(0.552 0.016 285.938)" },
+    600: { value: "oklch(0.442 0.017 285.786)" },
+    700: { value: "oklch(0.37 0.013 285.805)" },
+    800: { value: "oklch(0.274 0.006 286.033)" },
+    900: { value: "oklch(0.21 0.006 285.885)" },
+    950: { value: "oklch(0.141 0.005 285.823)" }
+  },
+  neutral: {
+    50: { value: "oklch(0.985 0 0)" },
+    100: { value: "oklch(0.97 0 0)" },
+    200: { value: "oklch(0.922 0 0)" },
+    300: { value: "oklch(0.87 0 0)" },
+    400: { value: "oklch(0.708 0 0)" },
+    500: { value: "oklch(0.556 0 0)" },
+    600: { value: "oklch(0.439 0 0)" },
+    700: { value: "oklch(0.371 0 0)" },
+    800: { value: "oklch(0.269 0 0)" },
+    900: { value: "oklch(0.205 0 0)" },
+    950: { value: "oklch(0.145 0 0)" }
+  },
+  stone: {
+    50: { value: "oklch(0.985 0.001 106.423)" },
+    100: { value: "oklch(0.97 0.001 106.424)" },
+    200: { value: "oklch(0.923 0.003 48.717)" },
+    300: { value: "oklch(0.869 0.005 56.366)" },
+    400: { value: "oklch(0.709 0.01 56.259)" },
+    500: { value: "oklch(0.553 0.013 58.071)" },
+    600: { value: "oklch(0.444 0.011 73.639)" },
+    700: { value: "oklch(0.374 0.01 67.558)" },
+    800: { value: "oklch(0.268 0.007 34.298)" },
+    900: { value: "oklch(0.216 0.006 56.043)" },
+    950: { value: "oklch(0.147 0.004 49.25)" }
+  },
+  red: {
+    50: { value: "oklch(0.971 0.013 17.38)" },
+    100: { value: "oklch(0.936 0.032 17.717)" },
+    200: { value: "oklch(0.885 0.062 18.334)" },
+    300: { value: "oklch(0.808 0.114 19.571)" },
+    400: { value: "oklch(0.704 0.191 22.216)" },
+    500: { value: "oklch(0.637 0.237 25.331)" },
+    600: { value: "oklch(0.577 0.245 27.325)" },
+    700: { value: "oklch(0.505 0.213 27.518)" },
+    800: { value: "oklch(0.444 0.177 26.899)" },
+    900: { value: "oklch(0.396 0.141 25.723)" },
+    950: { value: "oklch(0.258 0.092 26.042)" }
+  },
+  orange: {
+    50: { value: "oklch(0.98 0.016 73.684)" },
+    100: { value: "oklch(0.954 0.038 75.164)" },
+    200: { value: "oklch(0.901 0.076 70.697)" },
+    300: { value: "oklch(0.837 0.128 66.29)" },
+    400: { value: "oklch(0.75 0.183 55.934)" },
+    500: { value: "oklch(0.705 0.213 47.604)" },
+    600: { value: "oklch(0.646 0.222 41.116)" },
+    700: { value: "oklch(0.553 0.195 38.402)" },
+    800: { value: "oklch(0.47 0.157 37.304)" },
+    900: { value: "oklch(0.408 0.123 38.172)" },
+    950: { value: "oklch(0.266 0.079 36.259)" }
+  },
+  amber: {
+    50: { value: "oklch(0.987 0.022 95.277)" },
+    100: { value: "oklch(0.962 0.059 95.617)" },
+    200: { value: "oklch(0.924 0.12 95.746)" },
+    300: { value: "oklch(0.879 0.169 91.605)" },
+    400: { value: "oklch(0.828 0.189 84.429)" },
+    500: { value: "oklch(0.769 0.188 70.08)" },
+    600: { value: "oklch(0.666 0.179 58.318)" },
+    700: { value: "oklch(0.555 0.163 48.998)" },
+    800: { value: "oklch(0.473 0.137 46.201)" },
+    900: { value: "oklch(0.414 0.112 45.904)" },
+    950: { value: "oklch(0.279 0.077 45.635)" }
+  },
+  yellow: {
+    50: { value: "oklch(0.987 0.026 102.212)" },
+    100: { value: "oklch(0.973 0.071 103.193)" },
+    200: { value: "oklch(0.945 0.129 101.54)" },
+    300: { value: "oklch(0.905 0.182 98.111)" },
+    400: { value: "oklch(0.852 0.199 91.936)" },
+    500: { value: "oklch(0.795 0.184 86.047)" },
+    600: { value: "oklch(0.681 0.162 75.834)" },
+    700: { value: "oklch(0.554 0.135 66.442)" },
+    800: { value: "oklch(0.476 0.114 61.907)" },
+    900: { value: "oklch(0.421 0.095 57.708)" },
+    950: { value: "oklch(0.286 0.066 53.813)" }
+  },
+  lime: {
+    50: { value: "oklch(0.986 0.031 120.757)" },
+    100: { value: "oklch(0.967 0.067 122.328)" },
+    200: { value: "oklch(0.938 0.127 124.321)" },
+    300: { value: "oklch(0.897 0.196 126.665)" },
+    400: { value: "oklch(0.841 0.238 128.85)" },
+    500: { value: "oklch(0.768 0.233 130.85)" },
+    600: { value: "oklch(0.648 0.2 131.684)" },
+    700: { value: "oklch(0.532 0.157 131.589)" },
+    800: { value: "oklch(0.453 0.124 130.933)" },
+    900: { value: "oklch(0.405 0.101 131.063)" },
+    950: { value: "oklch(0.274 0.072 132.109)" }
+  },
+  green: {
+    50: { value: "oklch(0.982 0.018 155.826)" },
+    100: { value: "oklch(0.962 0.044 156.743)" },
+    200: { value: "oklch(0.925 0.084 155.995)" },
+    300: { value: "oklch(0.871 0.15 154.449)" },
+    400: { value: "oklch(0.792 0.209 151.711)" },
+    500: { value: "oklch(0.723 0.219 149.579)" },
+    600: { value: "oklch(0.627 0.194 149.214)" },
+    700: { value: "oklch(0.527 0.154 150.069)" },
+    800: { value: "oklch(0.448 0.119 151.328)" },
+    900: { value: "oklch(0.393 0.095 152.535)" },
+    950: { value: "oklch(0.266 0.065 152.934)" }
+  },
+  emerald: {
+    50: { value: "oklch(0.979 0.021 166.113)" },
+    100: { value: "oklch(0.95 0.052 163.051)" },
+    200: { value: "oklch(0.905 0.093 164.15)" },
+    300: { value: "oklch(0.845 0.143 164.978)" },
+    400: { value: "oklch(0.765 0.177 163.223)" },
+    500: { value: "oklch(0.696 0.17 162.48)" },
+    600: { value: "oklch(0.596 0.145 163.225)" },
+    700: { value: "oklch(0.508 0.118 165.612)" },
+    800: { value: "oklch(0.432 0.095 166.913)" },
+    900: { value: "oklch(0.378 0.077 168.94)" },
+    950: { value: "oklch(0.262 0.051 172.552)" }
+  },
+  teal: {
+    50: { value: "oklch(0.984 0.014 180.72)" },
+    100: { value: "oklch(0.953 0.051 180.801)" },
+    200: { value: "oklch(0.91 0.096 180.426)" },
+    300: { value: "oklch(0.855 0.138 181.071)" },
+    400: { value: "oklch(0.777 0.152 181.912)" },
+    500: { value: "oklch(0.704 0.14 182.503)" },
+    600: { value: "oklch(0.6 0.118 184.704)" },
+    700: { value: "oklch(0.511 0.096 186.391)" },
+    800: { value: "oklch(0.437 0.078 188.216)" },
+    900: { value: "oklch(0.386 0.063 188.416)" },
+    950: { value: "oklch(0.277 0.046 192.524)" }
+  },
+  cyan: {
+    50: { value: "oklch(0.984 0.019 200.873)" },
+    100: { value: "oklch(0.956 0.045 203.388)" },
+    200: { value: "oklch(0.917 0.08 205.041)" },
+    300: { value: "oklch(0.865 0.127 207.078)" },
+    400: { value: "oklch(0.789 0.154 211.53)" },
+    500: { value: "oklch(0.715 0.143 215.221)" },
+    600: { value: "oklch(0.609 0.126 221.723)" },
+    700: { value: "oklch(0.52 0.105 223.128)" },
+    800: { value: "oklch(0.45 0.085 224.283)" },
+    900: { value: "oklch(0.398 0.07 227.392)" },
+    950: { value: "oklch(0.302 0.056 229.695)" }
+  },
+  sky: {
+    50: { value: "oklch(0.977 0.013 236.62)" },
+    100: { value: "oklch(0.951 0.026 236.824)" },
+    200: { value: "oklch(0.901 0.058 230.902)" },
+    300: { value: "oklch(0.828 0.111 230.318)" },
+    400: { value: "oklch(0.746 0.16 232.661)" },
+    500: { value: "oklch(0.685 0.169 237.323)" },
+    600: { value: "oklch(0.588 0.158 241.966)" },
+    700: { value: "oklch(0.5 0.134 242.749)" },
+    800: { value: "oklch(0.443 0.11 240.79)" },
+    900: { value: "oklch(0.391 0.09 240.876)" },
+    950: { value: "oklch(0.293 0.066 243.157)" }
+  },
+  blue: {
+    50: { value: "oklch(0.97 0.014 254.604)" },
+    100: { value: "oklch(0.932 0.032 255.585)" },
+    200: { value: "oklch(0.882 0.059 254.128)" },
+    300: { value: "oklch(0.809 0.105 251.813)" },
+    400: { value: "oklch(0.707 0.165 254.624)" },
+    500: { value: "oklch(0.623 0.214 259.815)" },
+    600: { value: "oklch(0.546 0.245 262.881)" },
+    700: { value: "oklch(0.488 0.243 264.376)" },
+    800: { value: "oklch(0.424 0.199 265.638)" },
+    900: { value: "oklch(0.379 0.146 265.522)" },
+    950: { value: "oklch(0.282 0.091 267.935)" }
+  },
+  indigo: {
+    50: { value: "oklch(0.962 0.018 272.314)" },
+    100: { value: "oklch(0.93 0.034 272.788)" },
+    200: { value: "oklch(0.87 0.065 274.039)" },
+    300: { value: "oklch(0.785 0.115 274.713)" },
+    400: { value: "oklch(0.673 0.182 276.935)" },
+    500: { value: "oklch(0.585 0.233 277.117)" },
+    600: { value: "oklch(0.511 0.262 276.966)" },
+    700: { value: "oklch(0.457 0.24 277.023)" },
+    800: { value: "oklch(0.398 0.195 277.366)" },
+    900: { value: "oklch(0.359 0.144 278.697)" },
+    950: { value: "oklch(0.257 0.09 281.288)" }
+  },
+  violet: {
+    50: { value: "oklch(0.969 0.016 293.756)" },
+    100: { value: "oklch(0.943 0.029 294.588)" },
+    200: { value: "oklch(0.894 0.057 293.283)" },
+    300: { value: "oklch(0.811 0.111 293.571)" },
+    400: { value: "oklch(0.702 0.183 293.541)" },
+    500: { value: "oklch(0.606 0.25 292.717)" },
+    600: { value: "oklch(0.541 0.281 293.009)" },
+    700: { value: "oklch(0.491 0.27 292.581)" },
+    800: { value: "oklch(0.432 0.232 292.759)" },
+    900: { value: "oklch(0.38 0.189 293.745)" },
+    950: { value: "oklch(0.283 0.141 291.089)" }
+  },
+  purple: {
+    50: { value: "oklch(0.977 0.014 308.299)" },
+    100: { value: "oklch(0.946 0.033 307.174)" },
+    200: { value: "oklch(0.902 0.063 306.703)" },
+    300: { value: "oklch(0.827 0.119 306.383)" },
+    400: { value: "oklch(0.714 0.203 305.504)" },
+    500: { value: "oklch(0.627 0.265 303.9)" },
+    600: { value: "oklch(0.558 0.288 302.321)" },
+    700: { value: "oklch(0.496 0.265 301.924)" },
+    800: { value: "oklch(0.438 0.218 303.724)" },
+    900: { value: "oklch(0.381 0.176 304.987)" },
+    950: { value: "oklch(0.291 0.149 302.717)" }
+  },
+  fuchsia: {
+    50: { value: "oklch(0.977 0.017 320.058)" },
+    100: { value: "oklch(0.952 0.037 318.852)" },
+    200: { value: "oklch(0.903 0.076 319.62)" },
+    300: { value: "oklch(0.833 0.145 321.434)" },
+    400: { value: "oklch(0.74 0.238 322.16)" },
+    500: { value: "oklch(0.667 0.295 322.15)" },
+    600: { value: "oklch(0.591 0.293 322.896)" },
+    700: { value: "oklch(0.518 0.253 323.949)" },
+    800: { value: "oklch(0.452 0.211 324.591)" },
+    900: { value: "oklch(0.401 0.17 325.612)" },
+    950: { value: "oklch(0.293 0.136 325.661)" }
+  },
+  pink: {
+    50: { value: "oklch(0.971 0.014 343.198)" },
+    100: { value: "oklch(0.948 0.028 342.258)" },
+    200: { value: "oklch(0.899 0.061 343.231)" },
+    300: { value: "oklch(0.823 0.12 346.018)" },
+    400: { value: "oklch(0.718 0.202 349.761)" },
+    500: { value: "oklch(0.656 0.241 354.308)" },
+    600: { value: "oklch(0.592 0.249 0.584)" },
+    700: { value: "oklch(0.525 0.223 3.958)" },
+    800: { value: "oklch(0.459 0.187 3.815)" },
+    900: { value: "oklch(0.408 0.153 2.432)" },
+    950: { value: "oklch(0.284 0.109 3.907)" }
+  },
+  rose: {
+    50: { value: "oklch(0.969 0.015 12.422)" },
+    100: { value: "oklch(0.941 0.03 12.58)" },
+    200: { value: "oklch(0.892 0.058 10.001)" },
+    300: { value: "oklch(0.81 0.117 11.638)" },
+    400: { value: "oklch(0.712 0.194 13.428)" },
+    500: { value: "oklch(0.645 0.246 16.439)" },
+    600: { value: "oklch(0.586 0.253 17.585)" },
+    700: { value: "oklch(0.514 0.222 16.935)" },
+    800: { value: "oklch(0.455 0.188 13.697)" },
+    900: { value: "oklch(0.41 0.159 10.272)" },
+    950: { value: "oklch(0.271 0.105 12.094)" }
+  }
+});
+
+export {
+  colors
+};

package/dist/{chunk-VF3BV2BY.js → chunk-JGHXJ3PI.js}

@@ -1,8 +1,11 @@
 'use client'
 import {
-  LuCheck,
-  LuChevronRight
-} from "./chunk-F3CVOMG5.js";
+  Button
+} from "./chunk-BCNPBZZK.js";
+import {
+  CheckIcon,
+  ChevronRightIcon
+} from "./chunk-VDXTEASE.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -11,8 +14,10 @@ import {
 var menu_exports = {};
 __export(menu_exports, {
   Arrow: () => MenuArrow,
+  Button: () => MenuButton,
   CheckboxItem: () => MenuCheckboxItem,
   Content: () => MenuContent,
+  Context: () => MenuContext,
   ContextTrigger: () => MenuContextTrigger,
   Item: () => MenuItem,
   ItemCommand: () => MenuItemCommand,
@@ -26,7 +31,11 @@ __export(menu_exports, {
   TriggerItem: () => MenuTriggerItem
 });
 import { forwardRef } from "react";
-import { AbsoluteCenter, Menu as ChakraMenu, Portal } from "@chakra-ui/react";
+import {
+  AbsoluteCenter,
+  Menu as ChakraMenu,
+  Portal
+} from "@chakra-ui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var MenuContent = forwardRef(
   function MenuContent2(props, ref) {
@@ -41,7 +50,7 @@ var MenuArrow = forwardRef(
 );
 var MenuCheckboxItem = forwardRef(function MenuCheckboxItem2(props, ref) {
   return /* @__PURE__ */ jsxs(ChakraMenu.CheckboxItem, { ref, ...props, children: [
-    /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(LuCheck, {}) }),
+    /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
     props.children
   ] });
 });
@@ -49,7 +58,7 @@ var MenuRadioItem = forwardRef(
   function MenuRadioItem2(props, ref) {
     const { children, ...rest } = props;
     return /* @__PURE__ */ jsxs(ChakraMenu.RadioItem, { ps: "8", ref, ...rest, children: [
-      /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(LuCheck, {}) }) }),
+      /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
       /* @__PURE__ */ jsx(ChakraMenu.ItemText, { children })
     ] });
   }
@@ -69,14 +78,20 @@ var MenuTriggerItem = forwardRef(
     return /* @__PURE__ */ jsxs(ChakraMenu.TriggerItem, { ref, ...rest, children: [
       startIcon,
       children,
-      /* @__PURE__ */ jsx(LuChevronRight, {})
+      /* @__PURE__ */ jsx(ChevronRightIcon, {})
     ] });
   }
 );
+var MenuButton = forwardRef(
+  function MenuButton2(props, ref) {
+    return /* @__PURE__ */ jsx(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, {}) });
+  }
+);
 var MenuRadioItemGroup = ChakraMenu.RadioItemGroup;
 var MenuContextTrigger = ChakraMenu.ContextTrigger;
 var MenuRoot = ChakraMenu.Root;
 var MenuSeparator = ChakraMenu.Separator;
+var MenuContext = ChakraMenu.Context;
 var MenuItem = ChakraMenu.Item;
 var MenuItemText = ChakraMenu.ItemText;
 var MenuItemCommand = ChakraMenu.ItemCommand;

package/dist/chunk-SKXSBAOS.js

@@ -0,0 +1,35 @@
+'use client'
+
+// src/components/segmented-control/segmented-control.tsx
+import { forwardRef, useMemo } from "react";
+import { For, SegmentGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+var SegmentedControl = forwardRef(function SegmentedControl2(props, ref) {
+  const { items, ...rest } = props;
+  const data = useMemo(() => normalize(items), [items]);
+  return /* @__PURE__ */ jsxs(SegmentGroup.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ jsx(For, { each: data, children: (item) => /* @__PURE__ */ jsxs(
+      SegmentGroup.Item,
+      {
+        value: item.value,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+
+export {
+  SegmentedControl
+};

package/dist/{chunk-7C3IZBNJ.js → chunk-TT4C5VXB.js}

@@ -3,16 +3,14 @@ import {
   __export
 } from "./chunk-RTMS5TJN.js";
 
-// src/components/breadcrumbs/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
   CurrentLink: () => BreadcrumbCurrentLink,
   Ellipsis: () => BreadcrumbEllipsis,
   Link: () => BreadcrumbLink,
   Root: () => BreadcrumbRoot
 });
-
-// src/components/breadcrumbs/breadcrumb.tsx
 import { Children, Fragment, forwardRef, isValidElement } from "react";
 import { Breadcrumb } from "@chakra-ui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -34,5 +32,5 @@ var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
 var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
 
 export {
-  namespace_exports
+  breadcrumb_exports
 };