@uselets/ui 1.18.4 → 1.18.6

package/dist/stepper-BQ-59_UO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper-BQ-59_UO.js","names":[],"sources":["../src/components/stepper.tsx"],"sourcesContent":["import {\n  Children,\n  createContext,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactElement,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react'\n\nimport { cn } from '../lib/utils'\n\n// Types\ntype StepperOrientation = 'horizontal' | 'vertical'\ntype StepState = 'active' | 'completed' | 'inactive' | 'loading'\ntype StepIndicators = {\n  active?: React.ReactNode\n  completed?: React.ReactNode\n  inactive?: React.ReactNode\n  loading?: React.ReactNode\n}\n\ninterface StepperContextValue {\n  activeStep: number\n  setActiveStep: (step: number) => void\n  stepsCount: number\n  orientation: StepperOrientation\n  registerTrigger: (node: HTMLButtonElement | null) => void\n  triggerNodes: HTMLButtonElement[]\n  focusNext: (currentIdx: number) => void\n  focusPrev: (currentIdx: number) => void\n  focusFirst: () => void\n  focusLast: () => void\n  indicators: StepIndicators\n}\n\ninterface StepItemContextValue {\n  step: number\n  state: StepState\n  isDisabled: boolean\n  isLoading: boolean\n}\n\nconst StepperContext = createContext<StepperContextValue | undefined>(undefined)\nconst StepItemContext = createContext<StepItemContextValue | undefined>(undefined)\n\nfunction useStepper() {\n  const ctx = useContext(StepperContext)\n  if (!ctx) throw new Error('useStepper must be used within a Stepper')\n  return ctx\n}\n\nfunction useStepItem() {\n  const ctx = useContext(StepItemContext)\n  if (!ctx) throw new Error('useStepItem must be used within a StepperItem')\n  return ctx\n}\n\ninterface StepperProps extends HTMLAttributes<HTMLDivElement> {\n  defaultValue?: number\n  value?: number\n  onValueChange?: (value: number) => void\n  orientation?: StepperOrientation\n  indicators?: StepIndicators\n}\n\nfunction Stepper({\n  defaultValue = 1,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  children,\n  indicators = {},\n  ...props\n}: StepperProps) {\n  const [activeStep, setActiveStep] = useState(defaultValue)\n  const [triggerNodes, setTriggerNodes] = useState<HTMLButtonElement[]>([])\n\n  // Register/unregister triggers\n  const registerTrigger = useCallback((node: HTMLButtonElement | null) => {\n    setTriggerNodes((prev) => {\n      if (node && !prev.includes(node)) {\n        return [...prev, node]\n      } else if (!node && prev.includes(node!)) {\n        return prev.filter((n) => n !== node)\n      } else {\n        return prev\n      }\n    })\n  }, [])\n\n  const handleSetActiveStep = useCallback(\n    (step: number) => {\n      if (value === undefined) {\n        setActiveStep(step)\n      }\n      onValueChange?.(step)\n    },\n    [value, onValueChange]\n  )\n\n  const currentStep = value ?? activeStep\n\n  // Keyboard navigation logic\n  const focusTrigger = useCallback(\n    (idx: number) => {\n      if (triggerNodes[idx]) triggerNodes[idx].focus()\n    },\n    [triggerNodes]\n  )\n  const focusNext = useCallback(\n    (currentIdx: number) => focusTrigger((currentIdx + 1) % triggerNodes.length),\n    [focusTrigger, triggerNodes]\n  )\n  const focusPrev = useCallback(\n    (currentIdx: number) => focusTrigger((currentIdx - 1 + triggerNodes.length) % triggerNodes.length),\n    [focusTrigger, triggerNodes]\n  )\n  const focusFirst = useCallback(() => focusTrigger(0), [focusTrigger])\n  const focusLast = useCallback(() => focusTrigger(triggerNodes.length - 1), [focusTrigger, triggerNodes])\n\n  // Context value\n  const contextValue = useMemo<StepperContextValue>(\n    () => ({\n      activeStep: currentStep,\n      setActiveStep: handleSetActiveStep,\n      stepsCount: Children.toArray(children).filter(\n        (child): child is ReactElement =>\n          isValidElement(child) && (child.type as { displayName?: string }).displayName === 'StepperItem'\n      ).length,\n      orientation,\n      registerTrigger,\n      focusNext,\n      focusPrev,\n      focusFirst,\n      focusLast,\n      triggerNodes,\n      indicators\n    }),\n    [\n      currentStep,\n      handleSetActiveStep,\n      children,\n      orientation,\n      registerTrigger,\n      triggerNodes,\n      focusFirst,\n      focusLast,\n      focusNext,\n      focusPrev,\n      indicators\n    ]\n  )\n\n  return (\n    <StepperContext.Provider value={contextValue}>\n      <div\n        role=\"tablist\"\n        aria-orientation={orientation}\n        data-slot=\"stepper\"\n        className={cn('w-full', className)}\n        data-orientation={orientation}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepperContext.Provider>\n  )\n}\n\ninterface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number\n  completed?: boolean\n  disabled?: boolean\n  loading?: boolean\n}\n\nfunction StepperItem({\n  step,\n  completed = false,\n  disabled = false,\n  loading = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) {\n  const { activeStep } = useStepper()\n\n  const state: StepState = completed || step < activeStep ? 'completed' : activeStep === step ? 'active' : 'inactive'\n\n  const isLoading = loading && step === activeStep\n\n  return (\n    <StepItemContext.Provider value={{ step, state, isDisabled: disabled, isLoading }}>\n      <div\n        data-slot=\"stepper-item\"\n        className={cn(\n          'group/step flex items-center justify-center not-last:flex-1 group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col',\n          className\n        )}\n        data-state={state}\n        {...(isLoading ? { 'data-loading': true } : {})}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepItemContext.Provider>\n  )\n}\n\ninterface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean\n}\n\nfunction StepperTrigger({ asChild = false, className, children, tabIndex, ...props }: StepperTriggerProps) {\n  const { state, isLoading } = useStepItem()\n  const stepperCtx = useStepper()\n  const { setActiveStep, activeStep, registerTrigger, triggerNodes, focusNext, focusPrev, focusFirst, focusLast } =\n    stepperCtx\n  const { step, isDisabled } = useStepItem()\n  const isSelected = activeStep === step\n  const id = `stepper-tab-${step}`\n  const panelId = `stepper-panel-${step}`\n\n  // Register this trigger for keyboard navigation\n  const btnRef = useRef<HTMLButtonElement>(null)\n  useEffect(() => {\n    if (btnRef.current) {\n      registerTrigger(btnRef.current)\n    }\n  }, [registerTrigger])\n\n  // Find our index among triggers for navigation\n  const myIdx = useMemo(() => triggerNodes.findIndex((n: HTMLButtonElement) => n === btnRef.current), [triggerNodes])\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowDown':\n        e.preventDefault()\n        if (myIdx !== -1 && focusNext) focusNext(myIdx)\n        break\n      case 'ArrowLeft':\n      case 'ArrowUp':\n        e.preventDefault()\n        if (myIdx !== -1 && focusPrev) focusPrev(myIdx)\n        break\n      case 'Home':\n        e.preventDefault()\n        if (focusFirst) focusFirst()\n        break\n      case 'End':\n        e.preventDefault()\n        if (focusLast) focusLast()\n        break\n      case 'Enter':\n      case ' ':\n        e.preventDefault()\n        setActiveStep(step)\n        break\n    }\n  }\n\n  if (asChild) {\n    return (\n      <span data-slot=\"stepper-trigger\" data-state={state} className={className}>\n        {children}\n      </span>\n    )\n  }\n\n  return (\n    <button\n      ref={btnRef}\n      role=\"tab\"\n      id={id}\n      aria-selected={isSelected}\n      aria-controls={panelId}\n      tabIndex={typeof tabIndex === 'number' ? tabIndex : isSelected ? 0 : -1}\n      data-slot=\"stepper-trigger\"\n      data-state={state}\n      data-loading={isLoading}\n      className={cn(\n        'focus-visible:border-ring focus-visible:ring-ring/50 inline-flex cursor-pointer items-center outline-none focus-visible:z-10 focus-visible:ring-3 disabled:pointer-events-none disabled:opacity-60',\n        'gap-2.5 rounded-full',\n        className\n      )}\n      onClick={() => setActiveStep(step)}\n      onKeyDown={handleKeyDown}\n      disabled={isDisabled}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport type StepperIndicatorProps = React.ComponentProps<'div'>\n\nfunction StepperIndicator({ children, className }: StepperIndicatorProps) {\n  const { state, isLoading } = useStepItem()\n  const { indicators } = useStepper()\n\n  return (\n    <div\n      data-slot=\"stepper-indicator\"\n      data-state={state}\n      className={cn(\n        'border-background bg-accent text-accent-foreground data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground data-[state=active]:bg-primary data-[state=active]:text-primary-foreground relative flex size-6 shrink-0 items-center justify-center overflow-hidden',\n        'rounded-full text-xs',\n        className\n      )}\n    >\n      <div className=\"absolute\">\n        {indicators &&\n        ((isLoading && indicators.loading) ||\n          (state === 'completed' && indicators.completed) ||\n          (state === 'active' && indicators.active) ||\n          (state === 'inactive' && indicators.inactive))\n          ? (isLoading && indicators.loading) ||\n            (state === 'completed' && indicators.completed) ||\n            (state === 'active' && indicators.active) ||\n            (state === 'inactive' && indicators.inactive)\n          : children}\n      </div>\n    </div>\n  )\n}\n\nexport type StepperSeparatorProps = React.ComponentProps<'div'>\n\nfunction StepperSeparator({ className }: StepperSeparatorProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div\n      data-slot=\"stepper-separator\"\n      data-state={state}\n      className={cn(\n        'bg-muted rounded-sm group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5 m-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1',\n        className\n      )}\n    />\n  )\n}\n\nexport type StepperTitleProps = React.ComponentProps<'h3'>\n\nfunction StepperTitle({ children, className }: StepperTitleProps) {\n  const { state } = useStepItem()\n\n  return (\n    <h3 data-slot=\"stepper-title\" data-state={state} className={cn('text-sm leading-none font-medium', className)}>\n      {children}\n    </h3>\n  )\n}\n\nexport type StepperDescriptionProps = React.ComponentProps<'div'>\n\nfunction StepperDescription({ children, className }: StepperDescriptionProps) {\n  const { state } = useStepItem()\n\n  return (\n    <div data-slot=\"stepper-description\" data-state={state} className={cn('text-muted-foreground text-sm', className)}>\n      {children}\n    </div>\n  )\n}\n\nexport type StepperNavProps = React.ComponentProps<'nav'>\n\nfunction StepperNav({ children, className }: StepperNavProps) {\n  const { activeStep, orientation } = useStepper()\n\n  return (\n    <nav\n      data-slot=\"stepper-nav\"\n      data-state={activeStep}\n      data-orientation={orientation}\n      className={cn(\n        'group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n        className\n      )}\n    >\n      {children}\n    </nav>\n  )\n}\n\nexport type StepperPanelProps = React.ComponentProps<'div'>\n\nfunction StepperPanel({ children, className }: StepperPanelProps) {\n  const { activeStep } = useStepper()\n\n  return (\n    <div data-slot=\"stepper-panel\" data-state={activeStep} className={cn('w-full', className)}>\n      {children}\n    </div>\n  )\n}\n\ninterface StepperContentProps extends React.ComponentProps<'div'> {\n  value: number\n  forceMount?: boolean\n}\n\nfunction StepperContent({ value, forceMount, children, className }: StepperContentProps) {\n  const { activeStep } = useStepper()\n  const isActive = value === activeStep\n\n  if (!forceMount && !isActive) {\n    return null\n  }\n\n  return (\n    <div\n      data-slot=\"stepper-content\"\n      data-state={activeStep}\n      className={cn('w-full', className, !isActive && forceMount && 'hidden')}\n      hidden={!isActive && forceMount}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport {\n  Stepper,\n  StepperContent,\n  type StepperContentProps,\n  StepperDescription,\n  StepperIndicator,\n  StepperItem,\n  type StepperItemProps,\n  StepperNav,\n  StepperPanel,\n  type StepperProps,\n  StepperSeparator,\n  StepperTitle,\n  StepperTrigger,\n  type StepperTriggerProps,\n  useStepItem,\n  useStepper\n}\n"],"mappings":"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"}

package/dist/stepper-DK5_o7RG.d.ts

@@ -1,71 +0,0 @@
-import { n as __name } from "./rolldown-runtime-Bdj-bS2b.js";
-import { HTMLAttributes } from "react";
-//#region src/components/stepper.d.ts
-type StepperOrientation = 'horizontal' | 'vertical';
-type StepState = 'active' | 'completed' | 'inactive' | 'loading';
-type StepIndicators = {
-  active?: React.ReactNode;
-  completed?: React.ReactNode;
-  inactive?: React.ReactNode;
-  loading?: React.ReactNode;
-};
-interface StepperContextValue {
-  activeStep: number;
-  setActiveStep: (step: number) => void;
-  stepsCount: number;
-  orientation: StepperOrientation;
-  registerTrigger: (node: HTMLButtonElement | null) => void;
-  triggerNodes: HTMLButtonElement[];
-  focusNext: (currentIdx: number) => void;
-  focusPrev: (currentIdx: number) => void;
-  focusFirst: () => void;
-  focusLast: () => void;
-  indicators: StepIndicators;
-}
-interface StepItemContextValue {
-  step: number;
-  state: StepState;
-  isDisabled: boolean;
-  isLoading: boolean;
-}
-declare function useStepper(): StepperContextValue;
-declare function useStepItem(): StepItemContextValue;
-interface StepperProps extends HTMLAttributes<HTMLDivElement> {
-  defaultValue?: number;
-  value?: number;
-  onValueChange?: (value: number) => void;
-  orientation?: StepperOrientation;
-  indicators?: StepIndicators;
-}
-declare function Stepper({ defaultValue, value, onValueChange, orientation, className, children, indicators, ...props }: StepperProps): import("react").JSX.Element;
-interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
-  step: number;
-  completed?: boolean;
-  disabled?: boolean;
-  loading?: boolean;
-}
-declare function StepperItem({ step, completed, disabled, loading, className, children, ...props }: StepperItemProps): import("react").JSX.Element;
-interface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  asChild?: boolean;
-}
-declare function StepperTrigger({ asChild, className, children, tabIndex, ...props }: StepperTriggerProps): import("react").JSX.Element;
-type StepperIndicatorProps = React.ComponentProps<'div'>;
-declare function StepperIndicator({ children, className }: StepperIndicatorProps): import("react").JSX.Element;
-type StepperSeparatorProps = React.ComponentProps<'div'>;
-declare function StepperSeparator({ className }: StepperSeparatorProps): import("react").JSX.Element;
-type StepperTitleProps = React.ComponentProps<'h3'>;
-declare function StepperTitle({ children, className }: StepperTitleProps): import("react").JSX.Element;
-type StepperDescriptionProps = React.ComponentProps<'div'>;
-declare function StepperDescription({ children, className }: StepperDescriptionProps): import("react").JSX.Element;
-type StepperNavProps = React.ComponentProps<'nav'>;
-declare function StepperNav({ children, className }: StepperNavProps): import("react").JSX.Element;
-type StepperPanelProps = React.ComponentProps<'div'>;
-declare function StepperPanel({ children, className }: StepperPanelProps): import("react").JSX.Element;
-interface StepperContentProps extends React.ComponentProps<'div'> {
-  value: number;
-  forceMount?: boolean;
-}
-declare function StepperContent({ value, forceMount, children, className }: StepperContentProps): import("react").JSX.Element | null;
-//#endregion
-export { useStepper as S, StepperTitle as _, StepperDescriptionProps as a, StepperTriggerProps as b, StepperItem as c, StepperNavProps as d, StepperPanel as f, StepperSeparatorProps as g, StepperSeparator as h, StepperDescription as i, StepperItemProps as l, StepperProps as m, StepperContent as n, StepperIndicator as o, StepperPanelProps as p, StepperContentProps as r, StepperIndicatorProps as s, Stepper as t, StepperNav as u, StepperTitleProps as v, useStepItem as x, StepperTrigger as y };
-//# sourceMappingURL=stepper-DK5_o7RG.d.ts.map

package/dist/styles/gomax.css

@@ -1,222 +0,0 @@
-:root {
-  /* palette tokens */
-  --primary-50: oklch(0.967 0.011 269.55); /* #F1F4FC */
-  --primary-100: oklch(0.934 0.021 268.428); /* #E3E9F8 */
-  --primary-200: oklch(0.859 0.043 270.875); /* #C6D0EE */
-  --primary-300: oklch(0.752 0.078 272.162); /* #9DACE1 */
-  --primary-400: oklch(0.647 0.104 271.342); /* #778ACE */
-  --primary-500: oklch(0.534 0.167 269.617); /* #4862CC */
-  --primary-600: oklch(0.423 0.174 269.851); /* #2C3EAB */
-  --primary-700: oklch(0.353 0.143 272.141); /* #252E84 */
-  --primary-800: oklch(0.286 0.111 274.807); /* #1D2060 */
-  --primary-900: oklch(0.23 0.08 278.141); /* #161641 */
-  --primary-950: oklch(0.192 0.053 281.835); /* #11102B */
-
-  --brand-50: oklch(0.974 0.01 9.532); /* #FDF4F5 */
-  --brand-100: oklch(0.931 0.032 29.76); /* #FDE1DC */
-  --brand-200: oklch(0.791 0.122 33.999); /* #FF9D86 */
-  --brand-300: oklch(0.734 0.166 34.994); /* #FF7D5D */
-  --brand-400: oklch(0.708 0.187 34.708); /* #FF6C49 */
-  --brand-500: oklch(0.686 0.205 34.607); /* #FF5C35 */
-  --brand-600: oklch(0.64 0.192 34.625); /* #E9532F */
-  --brand-700: oklch(0.585 0.175 34.659); /* #CE4929 */
-  --brand-800: oklch(0.537 0.163 34.517); /* #B93F22 */
-  --brand-900: oklch(0.471 0.141 34.467); /* #9A341C */
-  --brand-950: oklch(0.401 0.118 34.378); /* #7B2916 */
-
-  --gray-50: oklch(0.981 0.005 247.876); /* #F6F9FC */
-  --gray-100: oklch(0.952 0.01 247.935); /* #EAF0F6 */
-  --gray-200: oklch(0.915 0.016 247.999); /* #DBE4ED */
-  --gray-300: oklch(0.821 0.028 244.747); /* #B6C7D6 */
-  --gray-400: oklch(0.744 0.039 247.107); /* #99AFC4 */
-  --gray-500: oklch(0.646 0.052 249.575); /* #7691AD */
-  --gray-600: oklch(0.532 0.063 251.386); /* #516F90 */
-  --gray-700: oklch(0.454 0.055 249.121); /* #3E5974 */
-  --gray-800: oklch(0.313 0.037 246.164); /* #213343 */
-  --gray-900: oklch(0.266 0.03 245.1); /* #192733 */
-  --gray-950: oklch(0.216 0.021 243.075); /* #111B23 */
-
-  --zinc-50: oklch(0.979 0 0); /* #F8F8F8 */
-  --zinc-100: oklch(0.952 0 0); /* #EFEFEF */
-  --zinc-200: oklch(0.885 0 0); /* #D9D9D9 */
-  --zinc-300: oklch(0.798 0 0); /* #BDBDBD */
-  --zinc-400: oklch(0.68 0 0); /* #989898 */
-  --zinc-500: oklch(0.586 0 0); /* #7C7C7C */
-  --zinc-600: oklch(0.507 0 0); /* #656565 */
-  --zinc-700: oklch(0.394 0 0); /* #464646 */
-  --zinc-800: oklch(0.305 0.002 106.504); /* #2F2F2E */
-  --zinc-900: oklch(0.207 0.004 345.603); /* #191718 */
-  --zinc-950: oklch(0.155 0.003 67.627); /* #0D0C0B */
-
-  --red-50: oklch(0.968 0.013 5.8); /* #FDF1F3 */
-  --red-100: oklch(0.936 0.03 7.525); /* #FDE2E6 */
-  --red-200: oklch(0.862 0.071 9.896); /* #FCBFC7 */
-  --red-300: oklch(0.755 0.145 13.73); /* #FD8694 */
-  --red-400: oklch(0.673 0.211 19.364); /* #FD4D5F */
-  --red-500: oklch(0.615 0.224 22.558); /* #ED2D40 */
-  --red-600: oklch(0.538 0.21 26.258); /* #CC1420 */
-  --red-700: oklch(0.44 0.165 25.779); /* #99151B */
-  --red-800: oklch(0.349 0.122 24.328); /* #6C1317 */
-  --red-900: oklch(0.266 0.084 22.977); /* #460F11 */
-  --red-950: oklch(0.211 0.055 21.251); /* #2D0C0D */
-
-  --yellow-50: oklch(0.988 0.014 88.681); /* #FFFBF1 */
-  --yellow-100: oklch(0.974 0.029 89.569); /* #FEF6E1 */
-  --yellow-200: oklch(0.944 0.059 84.511); /* #FFEAC0 */
-  --yellow-300: oklch(0.885 0.104 78.009); /* #FFD189 */
-  --yellow-400: oklch(0.827 0.142 71.92); /* #FFB652 */
-  --yellow-500: oklch(0.798 0.158 67.669); /* #FFA736 */
-  --yellow-600: oklch(0.709 0.171 55.903); /* #EF7F0A */
-  --yellow-700: oklch(0.564 0.138 53.071); /* #B25A0E */
-  --yellow-800: oklch(0.433 0.1 52.359); /* #7A3E11 */
-  --yellow-900: oklch(0.324 0.069 50.591); /* #4F280F */
-  --yellow-950: oklch(0.249 0.046 47.281); /* #331A0D */
-
-  --green-50: oklch(0.98 0.003 145.55); /* #F7F9F7 */
-  --green-100: oklch(0.957 0.012 145.482); /* #ECF3EC */
-  --green-200: oklch(0.912 0.032 143.849); /* #D6E8D5 */
-  --green-300: oklch(0.838 0.073 143.695); /* #AED7AC */
-  --green-400: oklch(0.767 0.12 142.694); /* #85C780 */
-  --green-500: oklch(0.675 0.165 142.096); /* #52AF4A */
-  --green-600: oklch(0.567 0.13 141.644); /* #45893D */
-  --green-700: oklch(0.467 0.097 140.77); /* #396731 */
-  --green-800: oklch(0.366 0.066 140.101); /* #2B4725 */
-  --green-900: oklch(0.281 0.041 139.471); /* #1E2E1A */
-  --green-950: oklch(0.222 0.026 138.012); /* #151E12 */
-
-  --blue-50: oklch(0.976 0.002 247.839); /* #F6F7F8 */
-  --blue-100: oklch(0.948 0.006 255.476); /* #EBEEF2 */
-  --blue-200: oklch(0.891 0.018 240.018); /* #D1DDE6 */
-  --blue-300: oklch(0.8 0.044 240.87); /* #A5C2D8 */
-  --blue-400: oklch(0.715 0.077 240.176); /* #76AACF */
-  --blue-500: oklch(0.622 0.113 242.424); /* #408EC5 */
-  --blue-600: oklch(0.538 0.097 239.26); /* #2F75A0 */
-  --blue-700: oklch(0.452 0.072 234.642); /* #275C78 */
-  --blue-800: oklch(0.363 0.05 228.7); /* #1E4353 */
-  --blue-900: oklch(0.282 0.032 222.574); /* #162D35 */
-  --blue-950: oklch(0.224 0.021 217.756); /* #101E22 */
-
-  --indigo-50: oklch(0.966 0.012 301.287); /* #F5F2FB */
-  --indigo-100: oklch(0.929 0.028 299.539); /* #EAE4F8 */
-  --indigo-200: oklch(0.851 0.062 297.56); /* #D2C6F2 */
-  --indigo-300: oklch(0.743 0.087 295.69); /* #B0A1DD */
-  --indigo-400: oklch(0.611 0.153 291.363); /* #866FD7 */
-  --indigo-500: oklch(0.559 0.193 287.911); /* #7358DC */
-  --indigo-600: oklch(0.42 0.218 279.213); /* #4026BE */
-  --indigo-700: oklch(0.351 0.17 279.238); /* #30218F */
-  --indigo-800: oklch(0.286 0.122 280.262); /* #231B64 */
-  --indigo-900: oklch(0.229 0.079 281.288); /* #181540 */
-  --indigo-950: oklch(0.19 0.049 282.432); /* #111029 */
-
-  --pink-50: oklch(0.969 0.016 341.389); /* #FDF1F8 */
-  --pink-100: oklch(0.944 0.027 337.065); /* #F9E6F3 */
-  --pink-200: oklch(0.903 0.045 338.704); /* #F4D4E9 */
-  --pink-300: oklch(0.778 0.085 337.731); /* #DBA2CA */
-  --pink-400: oklch(0.68 0.145 338.806); /* #D172B6 */
-  --pink-500: oklch(0.624 0.191 340.354); /* #CE4EAA */
-  --pink-600: oklch(0.532 0.19 339.952); /* #AE2F8E */
-  --pink-700: oklch(0.436 0.148 337.368); /* #81276E */
-  --pink-800: oklch(0.345 0.103 335.104); /* #58204E */
-  --pink-900: oklch(0.266 0.065 332.23); /* #371833 */
-  --pink-950: oklch(0.211 0.036 331.312); /* #221220 */
-
-  /* gradient tokens */
-  --gradient-primary: linear-gradient(
-    87.14044870021029deg,
-    oklch(0.534 0.167 269.617) 0% /* #4862CC */,
-    oklch(0.71 0.167 13.3) 100% /* #F76F83 */
-  );
-
-  /* semantic tokens */
-  --background: var(--gray-50);
-  --foreground: var(--gray-900);
-  --logo-foreground: oklch(0.262 0.035 267.621);
-  --rd-logo-foreground: oklch(0.278 0.042 182.513);
-  --card: oklch(1 0 0);
-  --card-foreground: var(--gray-900);
-  --popover: oklch(1 0 0);
-  --popover-foreground: var(--gray-900);
-  --primary: var(--primary-500);
-  --primary-foreground: oklch(1 0 0);
-  --brand: var(--brand-500);
-  --brand-foreground: oklch(1 0 0);
-  --gray: var(--gray-500);
-  --zinc: var(--zinc-500);
-  --red: var(--red-500);
-  --yellow: var(--yellow-500);
-  --blue: var(--blue-500);
-  --indigo: var(--indigo-500);
-  --pink: var(--pink-500);
-  --green: var(--green-500);
-  --secondary: var(--gray-100);
-  --secondary-foreground: var(--gray-900);
-  --muted: var(--gray-100);
-  --muted-foreground: var(--gray-600);
-  --accent: var(--gray-200);
-  --accent-foreground: var(--gray-900);
-  --destructive: var(--red-500);
-  --destructive-foreground: oklch(1 0 0);
-  --border: var(--gray-200);
-  --input: var(--gray-200);
-  --ring: var(--primary-300);
-  --chart-1: var(--primary-500);
-  --chart-2: var(--green-500);
-  --chart-3: var(--blue-500);
-  --chart-4: var(--indigo-500);
-  --chart-5: var(--pink-500);
-  --sidebar: var(--gray-100);
-  --sidebar-foreground: var(--gray-900);
-  --sidebar-primary: var(--primary-500);
-  --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: var(--gray-200);
-  --sidebar-accent-foreground: var(--gray-900);
-  --sidebar-border: var(--gray-200);
-  --sidebar-ring: var(--primary-300);
-}
-
-.dark {
-  --background: var(--zinc-950);
-  --foreground: var(--zinc-50);
-  --logo-foreground: var(--zinc-600);
-  --rd-logo-foreground: var(--green-400);
-  --card: var(--zinc-900);
-  --card-foreground: var(--zinc-50);
-  --popover: var(--zinc-900);
-  --popover-foreground: var(--zinc-50);
-  --primary: var(--primary-400);
-  --primary-foreground: oklch(1 0 0);
-  --brand: var(--brand-400);
-  --brand-foreground: oklch(1 0 0);
-  --gray: var(--gray-400);
-  --zinc: var(--zinc-400);
-  --red: var(--red-400);
-  --yellow: var(--yellow-400);
-  --blue: var(--blue-400);
-  --indigo: var(--indigo-400);
-  --pink: var(--pink-400);
-  --green: var(--green-400);
-  --secondary: var(--zinc-800);
-  --secondary-foreground: var(--zinc-50);
-  --muted: var(--zinc-800);
-  --muted-foreground: var(--zinc-400);
-  --accent: var(--zinc-700);
-  --accent-foreground: var(--zinc-50);
-  --destructive: var(--red-400);
-  --destructive-foreground: oklch(1 0 0);
-  --border: var(--zinc-700);
-  --input: var(--zinc-600);
-  --ring: var(--primary-400);
-  --chart-1: var(--primary-400);
-  --chart-2: var(--green-400);
-  --chart-3: var(--blue-400);
-  --chart-4: var(--indigo-400);
-  --chart-5: var(--pink-300);
-  --sidebar: var(--zinc-900);
-  --sidebar-foreground: var(--zinc-50);
-  --sidebar-primary: var(--primary-400);
-  --sidebar-primary-foreground: oklch(1 0 0);
-  --sidebar-accent: var(--zinc-700);
-  --sidebar-accent-foreground: var(--zinc-50);
-  --sidebar-border: var(--zinc-700);
-  --sidebar-ring: var(--primary-400);
-}

package/dist/styles/max.css

@@ -1,223 +0,0 @@
-:root {
-  /* palette tokens */
-  --primary-50: oklch(0.973 0.011 39.44); /* #FDF4F1 */
-  --primary-100: oklch(0.93 0.033 38.63); /* #FDE1D8 */
-  --primary-200: oklch(0.864 0.072 39.865); /* #FDC3AF */
-  --primary-300: oklch(0.794 0.121 39); /* #FEA081 */
-  --primary-400: oklch(0.739 0.164 38.91); /* #FF8157 */
-  --primary-500: oklch(0.686 0.205 34.607); /* #FF5C35 */
-  --primary-600: oklch(0.637 0.213 35.811); /* #F0470F */
-  --primary-700: oklch(0.537 0.172 36.579); /* #BC3B10 */
-  --primary-800: oklch(0.423 0.128 37.154); /* #852C0F */
-  --primary-900: oklch(0.309 0.087 38.386); /* #531C09 */
-  --primary-950: oklch(0.216 0.051 40.042); /* #2D1006 */
-
-  --brand-50: oklch(0.973 0.011 39.44); /* #FDF4F1 */
-  --brand-100: oklch(0.93 0.033 38.63); /* #FDE1D8 */
-  --brand-200: oklch(0.864 0.072 39.865); /* #FDC3AF */
-  --brand-300: oklch(0.794 0.121 39); /* #FEA081 */
-  --brand-400: oklch(0.739 0.164 38.91); /* #FF8157 */
-  --brand-500: oklch(0.686 0.205 34.607); /* #FF5C35 */
-  --brand-600: oklch(0.637 0.213 35.811); /* #F0470F */
-  --brand-700: oklch(0.537 0.172 36.579); /* #BC3B10 */
-  --brand-800: oklch(0.423 0.128 37.154); /* #852C0F */
-  --brand-900: oklch(0.309 0.087 38.386); /* #531C09 */
-  --brand-950: oklch(0.216 0.051 40.042); /* #2D1006 */
-
-  --gray-50: oklch(1 0 0); /* #FFFFFF */
-  --gray-100: oklch(0.981 0.005 247.876); /* #F6F9FC */
-  --gray-200: oklch(0.952 0.01 247.935); /* #EAF0F6 */
-  --gray-300: oklch(0.915 0.016 247.999); /* #DBE4ED */
-  --gray-400: oklch(0.821 0.028 244.747); /* #B6C7D6 */
-  --gray-500: oklch(0.744 0.039 247.107); /* #99AFC4 */
-  --gray-600: oklch(0.646 0.052 249.575); /* #7691AD */
-  --gray-700: oklch(0.532 0.063 251.386); /* #516F90 */
-  --gray-800: oklch(0.454 0.055 249.121); /* #3E5974 */
-  --gray-900: oklch(0.313 0.037 246.164); /* #213343 */
-  --gray-950: oklch(0.266 0.03 245.1); /* #192733 */
-
-  --zinc-50: oklch(1 0 0); /* #FFFFFF */
-  --zinc-100: oklch(0.979 0 0); /* #F8F8F8 */
-  --zinc-200: oklch(0.952 0 0); /* #EFEFEF */
-  --zinc-300: oklch(0.885 0 0); /* #D9D9D9 */
-  --zinc-400: oklch(0.798 0 0); /* #BDBDBD */
-  --zinc-500: oklch(0.68 0 0); /* #989898 */
-  --zinc-600: oklch(0.586 0 0); /* #7C7C7C */
-  --zinc-700: oklch(0.507 0 0); /* #656565 */
-  --zinc-800: oklch(0.394 0 0); /* #464646 */
-  --zinc-900: oklch(0.305 0.002 106.504); /* #2F2F2E */
-  --zinc-950: oklch(0.207 0.004 48.535); /* #191716 */
-
-  --red-50: oklch(0.974 0.004 359.996); /* #F9F5F6 */
-  --red-100: oklch(0.928 0.016 12.798); /* #F2E3E4 */
-  --red-200: oklch(0.84 0.05 11.897); /* #E9BEC2 */
-  --red-300: oklch(0.741 0.105 13.147); /* #E58F98 */
-  --red-400: oklch(0.647 0.181 17.734); /* #E75564 */
-  --red-500: oklch(0.585 0.218 23.835); /* #E02535 */
-  --red-600: oklch(0.524 0.189 22.069); /* #BF2434 */
-  --red-700: oklch(0.45 0.161 21.978); /* #9B1C29 */
-  --red-800: oklch(0.368 0.128 20.619); /* #741520 */
-  --red-900: oklch(0.284 0.093 19.546); /* #4E0F16 */
-  --red-950: oklch(0.207 0.058 20.395); /* #2D0A0C */
-
-  --yellow-50: oklch(0.988 0.014 88.681); /* #FFFBF1 */
-  --yellow-100: oklch(0.974 0.029 89.569); /* #FEF6E1 */
-  --yellow-200: oklch(0.944 0.059 84.511); /* #FFEAC0 */
-  --yellow-300: oklch(0.885 0.104 78.009); /* #FFD189 */
-  --yellow-400: oklch(0.827 0.142 71.92); /* #FFB652 */
-  --yellow-500: oklch(0.798 0.158 67.669); /* #FFA736 */
-  --yellow-600: oklch(0.709 0.171 55.903); /* #EF7F0A */
-  --yellow-700: oklch(0.564 0.138 53.071); /* #B25A0E */
-  --yellow-800: oklch(0.433 0.1 52.359); /* #7A3E11 */
-  --yellow-900: oklch(0.324 0.069 50.591); /* #4F280F */
-  --yellow-950: oklch(0.249 0.046 47.281); /* #331A0D */
-
-  --green-50: oklch(0.98 0.003 145.55); /* #F7F9F7 */
-  --green-100: oklch(0.957 0.012 145.482); /* #ECF3EC */
-  --green-200: oklch(0.912 0.032 143.849); /* #D6E8D5 */
-  --green-300: oklch(0.838 0.073 143.695); /* #AED7AC */
-  --green-400: oklch(0.767 0.12 142.694); /* #85C780 */
-  --green-500: oklch(0.675 0.165 142.096); /* #52AF4A */
-  --green-600: oklch(0.567 0.13 141.644); /* #45893D */
-  --green-700: oklch(0.467 0.097 140.77); /* #396731 */
-  --green-800: oklch(0.366 0.066 140.101); /* #2B4725 */
-  --green-900: oklch(0.281 0.041 139.471); /* #1E2E1A */
-  --green-950: oklch(0.222 0.026 138.012); /* #151E12 */
-
-  --blue-50: oklch(0.976 0.002 247.839); /* #F6F7F8 */
-  --blue-100: oklch(0.948 0.006 255.476); /* #EBEEF2 */
-  --blue-200: oklch(0.891 0.018 240.018); /* #D1DDE6 */
-  --blue-300: oklch(0.8 0.044 240.87); /* #A5C2D8 */
-  --blue-400: oklch(0.715 0.077 240.176); /* #76AACF */
-  --blue-500: oklch(0.622 0.113 242.424); /* #408EC5 */
-  --blue-600: oklch(0.538 0.097 239.26); /* #2F75A0 */
-  --blue-700: oklch(0.452 0.072 234.642); /* #275C78 */
-  --blue-800: oklch(0.363 0.05 228.7); /* #1E4353 */
-  --blue-900: oklch(0.282 0.032 222.574); /* #162D35 */
-  --blue-950: oklch(0.224 0.021 217.756); /* #101E22 */
-
-  --indigo-50: oklch(0.969 0.009 286.225); /* #F4F4FB */
-  --indigo-100: oklch(0.924 0.026 283.478); /* #E3E4F7 */
-  --indigo-200: oklch(0.845 0.057 282.903); /* #C6C8F1 */
-  --indigo-300: oklch(0.737 0.105 281.065); /* #9EA2EB */
-  --indigo-400: oklch(0.624 0.155 278.421); /* #747AE2 */
-  --indigo-500: oklch(0.532 0.184 276.037); /* #545AD4 */
-  --indigo-600: oklch(0.46 0.163 275.857); /* #4348B0 */
-  --indigo-700: oklch(0.383 0.14 275.071); /* #31368C */
-  --indigo-800: oklch(0.3 0.109 275.563); /* #212463 */
-  --indigo-900: oklch(0.225 0.073 276.527); /* #14163D */
-  --indigo-950: oklch(0.172 0.043 278.782); /* #0C0D22 */
-
-  --pink-50: oklch(0.893 0.047 335.372);
-  --pink-100: oklch(0.839 0.076 336.368);
-  --pink-200: oklch(0.732 0.133 338.361);
-  --pink-300: oklch(0.624 0.191 340.354);
-  --pink-400: oklch(0.581 0.205 342.54);
-  --pink-500: oklch(0.538 0.22 344.727);
-  --pink-600: oklch(0.478 0.195 344.211);
-  --pink-700: oklch(0.418 0.17 343.696);
-  --pink-800: oklch(0.358 0.144 343.18);
-  --pink-900: oklch(0.298 0.119 342.664);
-  --pink-950: oklch(0.268 0.106 342.406);
-
-  /* gradient tokens */
-  --gradient-primary: linear-gradient(
-    87.14044870021029deg,
-    oklch(0.644 0.226 23.049) 0%,
-    oklch(0.686 0.205 34.607) 50%,
-    oklch(0.71 0.167 13.3) 100%
-  );
-
-  /* semantic tokens */
-  --background: var(--zinc-50);
-  --foreground: var(--zinc-950);
-  --logo-foreground: oklch(0.262 0.035 267.621);
-  --rd-logo-foreground: oklch(0.278 0.042 182.513);
-  --card: var(--zinc-50);
-  --card-foreground: var(--zinc-950);
-  --popover: var(--zinc-50);
-  --popover-foreground: var(--zinc-950);
-  --primary: var(--primary-500);
-  --primary-foreground: var(--zinc-50);
-  --brand: var(--brand-500);
-  --brand-foreground: var(--zinc-50);
-  --gray: var(--gray-500);
-  --zinc: var(--zinc-500);
-  --red: var(--red-500);
-  --yellow: var(--yellow-500);
-  --blue: var(--blue-500);
-  --indigo: var(--indigo-500);
-  --pink: var(--pink-500);
-  --green: var(--green-500);
-  --secondary: var(--zinc-100);
-  --secondary-foreground: var(--zinc-900);
-  --muted: var(--zinc-100);
-  --muted-foreground: var(--zinc-600);
-  --accent: var(--zinc-200);
-  --accent-foreground: var(--zinc-950);
-  --destructive: var(--red-500);
-  --destructive-foreground: var(--zinc-50);
-  --border: var(--zinc-200);
-  --input: var(--zinc-200);
-  --ring: var(--primary-300);
-  --chart-1: var(--primary-500);
-  --chart-2: var(--green-500);
-  --chart-3: var(--blue-500);
-  --chart-4: var(--indigo-500);
-  --chart-5: var(--pink-500);
-  --sidebar: var(--zinc-100);
-  --sidebar-foreground: var(--zinc-950);
-  --sidebar-primary: var(--primary-500);
-  --sidebar-primary-foreground: var(--zinc-50);
-  --sidebar-accent: var(--zinc-200);
-  --sidebar-accent-foreground: var(--zinc-900);
-  --sidebar-border: var(--zinc-200);
-  --sidebar-ring: var(--primary-300);
-}
-
-.dark {
-  --background: var(--zinc-950);
-  --foreground: var(--zinc-50);
-  --logo-foreground: var(--zinc-700);
-  --rd-logo-foreground: var(--green-400);
-  --card: var(--zinc-900);
-  --card-foreground: var(--zinc-50);
-  --popover: var(--zinc-900);
-  --popover-foreground: var(--zinc-50);
-  --primary: var(--primary-400);
-  --primary-foreground: var(--zinc-50);
-  --brand: var(--brand-400);
-  --brand-foreground: var(--zinc-50);
-  --gray: var(--gray-400);
-  --zinc: var(--zinc-400);
-  --red: var(--red-400);
-  --yellow: var(--yellow-400);
-  --blue: var(--blue-400);
-  --indigo: var(--indigo-400);
-  --pink: var(--pink-400);
-  --green: var(--green-400);
-  --secondary: var(--zinc-800);
-  --secondary-foreground: var(--zinc-50);
-  --muted: var(--zinc-800);
-  --muted-foreground: var(--zinc-300);
-  --accent: var(--zinc-800);
-  --accent-foreground: var(--zinc-50);
-  --destructive: var(--red-400);
-  --destructive-foreground: var(--zinc-950);
-  --border: var(--zinc-800);
-  --input: var(--zinc-700);
-  --ring: var(--primary-400);
-  --chart-1: var(--primary-400);
-  --chart-2: var(--green-400);
-  --chart-3: var(--blue-400);
-  --chart-4: var(--indigo-400);
-  --chart-5: var(--pink-300);
-  --sidebar: var(--zinc-900);
-  --sidebar-foreground: var(--zinc-50);
-  --sidebar-primary: var(--primary-400);
-  --sidebar-primary-foreground: var(--zinc-50);
-  --sidebar-accent: var(--zinc-800);
-  --sidebar-accent-foreground: var(--zinc-50);
-  --sidebar-border: var(--zinc-800);
-  --sidebar-ring: var(--primary-400);
-}