@saas-ui/react 3.0.0-next.2 → 3.0.0-next.21

package/dist/theme/slot-recipes.js

@@ -0,0 +1,106 @@
+import { accordionSlotRecipe } from "../components/accordion/accordion.recipe.js";
+import { actionBarSlotRecipe } from "../components/action-bar/action-bar.recipe.js";
+import { alertSlotRecipe } from "../components/alert/alert.recipe.js";
+import { appShellSlotRecipe } from "../components/app-shell/app-shell.recipe.js";
+import { avatarSlotRecipe } from "../components/avatar/avatar.recipe.js";
+import { blockquoteSlotRecipe } from "../components/blockquote/blockquote.recipe.js";
+import { breadcrumbSlotRecipe } from "../components/breadcrumb/breadcrumb.recipe.js";
+import { cardSlotRecipe } from "../components/card/card.recipe.js";
+import { checkboxCardSlotRecipe } from "../components/checkbox-card/checkbox-card.recipe.js";
+import { checkboxSlotRecipe } from "../components/checkbox/checkbox.recipe.js";
+import { collapsibleSlotRecipe } from "../components/collapsible/collapsible.recipe.js";
+import { dataListSlotRecipe } from "../components/data-list/data-list.recipe.js";
+import { dialogSlotRecipe } from "../components/dialog/dialog.recipe.js";
+import { drawerSlotRecipe } from "../components/drawer/drawer.recipe.js";
+import { editableSlotRecipe } from "../components/editable/editable.recipe.js";
+import { emptyStateSlotRecipe } from "../components/empty-state/empty-state.recipe.js";
+import { fieldSlotRecipe } from "../components/field/field.recipe.js";
+import { fileUploadSlotRecipe } from "../components/file-upload/file-upload.recipe.js";
+import { gridListSlotRecipe } from "../components/grid-list/grid-list.recipe.js";
+import { hoverCardSlotRecipe } from "../components/hover-card/hover-card.recipe.js";
+import { listSlotRecipe } from "../components/list/list.recipe.js";
+import { loadingOverlaySlotRecipe } from "../components/loading-overlay/loading-overlay.recipe.js";
+import { menuSlotRecipe } from "../components/menu/menu.recipe.js";
+import { nativeSelectSlotRecipe } from "../components/native-select/native-select.recipe.js";
+import { navbarSlotRecipe } from "../components/navbar/navbar.recipe.js";
+import { numberInputSlotRecipe } from "../components/number-input/number-input.recipe.js";
+import { pageSlotRecipe } from "../components/page/page.recipe.js";
+import { personaSlotRecipe } from "../components/persona/persona.recipe.js";
+import { pinInputSlotRecipe } from "../components/pin-input/pin-input.recipe.js";
+import { popoverSlotRecipe } from "../components/popover/popover.recipe.js";
+import { progressCircleSlotRecipe } from "../components/progress-circle/progress-circle.recipe.js";
+import { progressSlotRecipe } from "../components/progress/progress.recipe.js";
+import { radioCardSlotRecipe } from "../components/radio-card/radio-card.recipe.js";
+import { radioGroupSlotRecipe } from "../components/radio-group/radio-group.recipe.js";
+import { ratingGroupSlotRecipe } from "../components/rating-group/rating-group.recipe.js";
+import { sectionSlotRecipe } from "../components/section/section.recipe.js";
+import { segmentGroupSlotRecipe } from "../components/segmented-control/segment-group.recipe.js";
+import { selectSlotRecipe } from "../components/select/select.recipe.js";
+import { sidebarNavItemSlotRecipe } from "../components/sidebar/sidebar-nav-item.recipe.js";
+import { sidebarSlotRecipe } from "../components/sidebar/sidebar.recipe.js";
+import { sliderSlotRecipe } from "../components/slider/slider.recipe.js";
+import { statSlotRecipe } from "../components/stat/stat.recipe.js";
+import { statusSlotRecipe } from "../components/status/status.recipe.js";
+import { stepsSlotRecipe } from "../components/steps/steps.recipe.js";
+import { switchSlotRecipe } from "../components/switch/switch.recipe.js";
+import { tableSlotRecipe } from "../components/table/table.recipe.js";
+import { tabsSlotRecipe } from "../components/tabs/tabs.recipe.js";
+import { tagSlotRecipe } from "../components/tag/tag.recipe.js";
+import { timelineSlotRecipe } from "../components/timeline/timeline.recipe.js";
+import { toastSlotRecipe } from "../components/toaster/toast.recipe.js";
+import { tooltipSlotRecipe } from "../components/tooltip/tooltip.recipe.js";
+export const slotRecipes = {
+    // Chakra UI Recipes
+    accordion: accordionSlotRecipe,
+    actionBar: actionBarSlotRecipe,
+    alert: alertSlotRecipe,
+    avatar: avatarSlotRecipe,
+    blockquote: blockquoteSlotRecipe,
+    breadcrumb: breadcrumbSlotRecipe,
+    card: cardSlotRecipe,
+    checkbox: checkboxSlotRecipe,
+    checkboxCard: checkboxCardSlotRecipe,
+    collapsible: collapsibleSlotRecipe,
+    dataList: dataListSlotRecipe,
+    dialog: dialogSlotRecipe,
+    drawer: drawerSlotRecipe,
+    editable: editableSlotRecipe,
+    emptyState: emptyStateSlotRecipe,
+    field: fieldSlotRecipe,
+    fileUpload: fileUploadSlotRecipe,
+    hoverCard: hoverCardSlotRecipe,
+    list: listSlotRecipe,
+    menu: menuSlotRecipe,
+    nativeSelect: nativeSelectSlotRecipe,
+    numberInput: numberInputSlotRecipe,
+    pinInput: pinInputSlotRecipe,
+    popover: popoverSlotRecipe,
+    progress: progressSlotRecipe,
+    progressCircle: progressCircleSlotRecipe,
+    radioCard: radioCardSlotRecipe,
+    radioGroup: radioGroupSlotRecipe,
+    ratingGroup: ratingGroupSlotRecipe,
+    segmentGroup: segmentGroupSlotRecipe,
+    select: selectSlotRecipe,
+    slider: sliderSlotRecipe,
+    stat: statSlotRecipe,
+    steps: stepsSlotRecipe,
+    switch: switchSlotRecipe,
+    table: tableSlotRecipe,
+    tabs: tabsSlotRecipe,
+    tag: tagSlotRecipe,
+    toast: toastSlotRecipe,
+    tooltip: tooltipSlotRecipe,
+    status: statusSlotRecipe,
+    timeline: timelineSlotRecipe,
+    // Saas UI Recipes
+    suiAppShell: appShellSlotRecipe,
+    suiLoadingOverlay: loadingOverlaySlotRecipe,
+    suiPersona: personaSlotRecipe,
+    suiGridList: gridListSlotRecipe,
+    suiNavbar: navbarSlotRecipe,
+    suiSidebar: sidebarSlotRecipe,
+    suiSidebarNavItem: sidebarNavItemSlotRecipe,
+    suiPage: pageSlotRecipe,
+    suiSection: sectionSlotRecipe,
+};

package/dist/theme/text-styles.d.ts

@@ -0,0 +1 @@
+export declare const textStyles: any;

package/dist/theme/text-styles.js

@@ -0,0 +1,38 @@
+import { defineTextStyles } from '@chakra-ui/react';
+export const textStyles = defineTextStyles({
+    '2xs': { value: { fontSize: '2xs', lineHeight: '0.75rem' } },
+    xs: { value: { fontSize: 'xs', lineHeight: '1rem' } },
+    sm: { value: { fontSize: 'sm', lineHeight: '1.25rem' } },
+    md: { value: { fontSize: 'md', lineHeight: '1.5rem' } },
+    lg: { value: { fontSize: 'lg', lineHeight: '1.75rem' } },
+    xl: { value: { fontSize: 'xl', lineHeight: '1.875rem' } },
+    '2xl': { value: { fontSize: '2xl', lineHeight: '2rem' } },
+    '3xl': { value: { fontSize: '3xl', lineHeight: '2.375rem' } },
+    '4xl': {
+        value: {
+            fontSize: '4xl',
+            lineHeight: '2.75rem',
+            letterSpacing: '-0.025em',
+        },
+    },
+    '5xl': {
+        value: {
+            fontSize: '5xl',
+            lineHeight: '3.75rem',
+            letterSpacing: '-0.025em',
+        },
+    },
+    '6xl': {
+        value: { fontSize: '6xl', lineHeight: '4.5rem', letterSpacing: '-0.025em' },
+    },
+    '7xl': {
+        value: {
+            fontSize: '7xl',
+            lineHeight: '5.75rem',
+            letterSpacing: '-0.025em',
+        },
+    },
+    none: {
+        value: {},
+    },
+});

package/dist/theme/tokens/animations.d.ts

@@ -0,0 +1,14 @@
+export declare const animations: {
+    spin: {
+        value: string;
+    };
+    ping: {
+        value: string;
+    };
+    pulse: {
+        value: string;
+    };
+    bounce: {
+        value: string;
+    };
+};

package/dist/theme/tokens/animations.js

@@ -0,0 +1,7 @@
+import { defineTokens } from '@chakra-ui/react';
+export const animations = defineTokens.animations({
+    spin: { value: 'spin 1s linear infinite' },
+    ping: { value: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite' },
+    pulse: { value: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite' },
+    bounce: { value: 'bounce 1s infinite' },
+});

package/dist/theme/tokens/aspect-ratios.d.ts

@@ -0,0 +1,20 @@
+export declare const aspectRatios: {
+    square: {
+        value: string;
+    };
+    landscape: {
+        value: string;
+    };
+    portrait: {
+        value: string;
+    };
+    wide: {
+        value: string;
+    };
+    ultrawide: {
+        value: string;
+    };
+    golden: {
+        value: string;
+    };
+};

package/dist/theme/tokens/aspect-ratios.js

@@ -0,0 +1,9 @@
+import { defineTokens } from '@chakra-ui/react';
+export const aspectRatios = defineTokens.aspectRatios({
+    square: { value: '1 / 1' },
+    landscape: { value: '4 / 3' },
+    portrait: { value: '3 / 4' },
+    wide: { value: '16 / 9' },
+    ultrawide: { value: '18 / 5' },
+    golden: { value: '1.618 / 1' },
+});

package/dist/theme/tokens/blurs.d.ts

@@ -0,0 +1,26 @@
+export declare const blurs: {
+    none: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+    '2xl': {
+        value: string;
+    };
+    '3xl': {
+        value: string;
+    };
+    '4xl': {
+        value: string;
+    };
+};

package/dist/theme/tokens/blurs.js

@@ -0,0 +1,11 @@
+import { defineTokens } from '@chakra-ui/react';
+export const blurs = defineTokens.blurs({
+    none: { value: ' ' },
+    sm: { value: '4px' },
+    md: { value: '8px' },
+    lg: { value: '12px' },
+    xl: { value: '16px' },
+    '2xl': { value: '24px' },
+    '3xl': { value: '40px' },
+    '4xl': { value: '64px' },
+});

package/dist/theme/tokens/borders.d.ts

@@ -0,0 +1,17 @@
+export declare const borders: {
+    xs: {
+        value: string;
+    };
+    sm: {
+        value: string;
+    };
+    md: {
+        value: string;
+    };
+    lg: {
+        value: string;
+    };
+    xl: {
+        value: string;
+    };
+};

package/dist/theme/tokens/borders.js

@@ -0,0 +1,8 @@
+import { defineTokens } from '@chakra-ui/react';
+export const borders = defineTokens.borders({
+    xs: { value: '0.5px solid' },
+    sm: { value: '1px solid' },
+    md: { value: '2px solid' },
+    lg: { value: '4px solid' },
+    xl: { value: '8px solid' },
+});

package/dist/theme/tokens/colors.d.ts

@@ -1,4 +1,4 @@
-declare const colors: {
+export declare const colors: {
     transparent: {
         value: string;
     };
@@ -852,5 +852,3 @@ declare const colors: {
         };
     };
 };
-
-export { colors };

package/dist/theme/tokens/colors.js

@@ -1,7 +1,319 @@
-'use client'
-import {
-  colors
-} from "../../chunk-KNFGYOLD.js";
-export {
-  colors
-};
+import { defineTokens } from '@chakra-ui/react';
+export const 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.897 0.182 98.111)' },
+        400: { value: 'oklch(0.854 0.184 96.404)' },
+        500: { value: 'oklch(0.795 0.180 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)' },
+    },
+});

package/dist/theme/tokens/cursor.d.ts

@@ -0,0 +1,26 @@
+export declare const cursor: {
+    button: {
+        value: string;
+    };
+    checkbox: {
+        value: string;
+    };
+    disabled: {
+        value: string;
+    };
+    menuitem: {
+        value: string;
+    };
+    option: {
+        value: string;
+    };
+    radio: {
+        value: string;
+    };
+    slider: {
+        value: string;
+    };
+    switch: {
+        value: string;
+    };
+};

package/dist/theme/tokens/cursor.js

@@ -0,0 +1,11 @@
+import { defineTokens } from '@chakra-ui/react';
+export const cursor = defineTokens.cursor({
+    button: { value: 'pointer' },
+    checkbox: { value: 'default' },
+    disabled: { value: 'not-allowed' },
+    menuitem: { value: 'default' },
+    option: { value: 'default' },
+    radio: { value: 'default' },
+    slider: { value: 'default' },
+    switch: { value: 'pointer' },
+});