@womp/kookie-ui 0.13.2 → 0.13.3

package/tokens/base.css

@@ -1427,6 +1427,18 @@
   --radius-10: calc(40px * var(--scaling) * var(--radius-factor));
   --radius-11: calc(48px * var(--scaling) * var(--radius-factor));
   --radius-12: calc(56px * var(--scaling) * var(--radius-factor));
+  --radius-pill-1: max(var(--radius-1), var(--radius-full));
+  --radius-pill-2: max(var(--radius-2), var(--radius-full));
+  --radius-pill-3: max(var(--radius-3), var(--radius-full));
+  --radius-pill-4: max(var(--radius-4), var(--radius-full));
+  --radius-pill-5: max(var(--radius-5), var(--radius-full));
+  --radius-pill-6: max(var(--radius-6), var(--radius-full));
+  --radius-pill-7: max(var(--radius-7), var(--radius-full));
+  --radius-pill-8: max(var(--radius-8), var(--radius-full));
+  --radius-pill-9: max(var(--radius-9), var(--radius-full));
+  --radius-pill-10: max(var(--radius-10), var(--radius-full));
+  --radius-pill-11: max(var(--radius-11), var(--radius-full));
+  --radius-pill-12: max(var(--radius-12), var(--radius-full));
   --radius-surface-1: calc(6px * var(--scaling) * var(--radius-surface-factor));
   --radius-surface-2: calc(8px * var(--scaling) * var(--radius-surface-factor));
   --radius-surface-3: calc(10px * var(--scaling) * var(--radius-surface-factor));

package/tokens.css

@@ -4811,6 +4811,18 @@
   --radius-10: calc(40px * var(--scaling) * var(--radius-factor));
   --radius-11: calc(48px * var(--scaling) * var(--radius-factor));
   --radius-12: calc(56px * var(--scaling) * var(--radius-factor));
+  --radius-pill-1: max(var(--radius-1), var(--radius-full));
+  --radius-pill-2: max(var(--radius-2), var(--radius-full));
+  --radius-pill-3: max(var(--radius-3), var(--radius-full));
+  --radius-pill-4: max(var(--radius-4), var(--radius-full));
+  --radius-pill-5: max(var(--radius-5), var(--radius-full));
+  --radius-pill-6: max(var(--radius-6), var(--radius-full));
+  --radius-pill-7: max(var(--radius-7), var(--radius-full));
+  --radius-pill-8: max(var(--radius-8), var(--radius-full));
+  --radius-pill-9: max(var(--radius-9), var(--radius-full));
+  --radius-pill-10: max(var(--radius-10), var(--radius-full));
+  --radius-pill-11: max(var(--radius-11), var(--radius-full));
+  --radius-pill-12: max(var(--radius-12), var(--radius-full));
   --radius-surface-1: calc(6px * var(--scaling) * var(--radius-surface-factor));
   --radius-surface-2: calc(8px * var(--scaling) * var(--radius-surface-factor));
   --radius-surface-3: calc(10px * var(--scaling) * var(--radius-surface-factor));

package/dist/esm/chunk-SEY4NA45.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-WAURCNAS.js";import{a as j}from"./chunk-F22ZRNWL.js";import{a as e}from"./chunk-XYVLQDGR.js";import{a as W}from"./chunk-5TXQLK4G.js";import*as n from"react";import q from"classnames";import{Direction as z,Slot as J,Tooltip as K}from"radix-ui";import{useComposedRefs as Q,useLayoutEffect as U}from"radix-ui/internal";var o=()=>{},X={appearance:e.appearance.default,accentColor:e.accentColor.default,grayColor:e.grayColor.default,resolvedGrayColor:e.grayColor.default,material:e.material.default,panelBackground:e.panelBackground.default,radius:e.radius.default,scaling:e.scaling.default,fontFamily:e.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:o,onAccentColorChange:o,onGrayColorChange:o,onMaterialChange:o,onPanelBackgroundChange:o,onRadiusChange:o,onScalingChange:o,onFontFamilyChange:o,onHeadingFontFamilyChange:o},S=n.createContext(void 0);function re(){return n.useContext(S)??X}var Y=n.forwardRef((a,l)=>n.useContext(S)===void 0?n.createElement(K.Provider,{delayDuration:200},n.createElement(z.Provider,{dir:"ltr"},n.createElement(L,{...a,ref:l}))):n.createElement(O,{...a,ref:l}));Y.displayName="Theme";var L=n.forwardRef((a,l)=>{let{appearance:t=e.appearance.default,accentColor:P=e.accentColor.default,grayColor:i=e.grayColor.default,material:s=e.material.default,panelBackground:c=e.panelBackground.default,radius:m=e.radius.default,scaling:d=e.scaling.default,fontFamily:u=e.fontFamily.default,headingFontFamily:p,hasBackground:h=e.hasBackground.default,...g}=a;W(a.panelBackground);let[f,C]=r(t),[v,k]=r(P),[R,x]=r(i),B=s!==e.material.default?s:c,[y,A]=r(B),[b,I]=r(y),[F,M]=r(m),[T,H]=r(d),[E,G]=r(u),[w,D]=r(p);return n.createElement(O,{...g,ref:l,isRoot:!0,hasBackground:h,appearance:f,accentColor:v,grayColor:R,material:y,panelBackground:b,radius:F,scaling:T,fontFamily:E,headingFontFamily:w,onAppearanceChange:C,onAccentColorChange:k,onGrayColorChange:x,onMaterialChange:A,onPanelBackgroundChange:I,onRadiusChange:M,onScalingChange:H,onFontFamilyChange:G,onHeadingFontFamilyChange:D})});L.displayName="ThemeRoot";function Z(){if(typeof navigator>"u")return;let a=navigator.userAgent;if(a.includes("Win"))return"windows";if(a.includes("Mac"))return"macos";if(a.includes("Linux"))return"linux"}var O=n.forwardRef((a,l)=>{let t=n.useContext(S),{asChild:P,isRoot:i,hasBackground:s,appearance:c=a.appearance??t?.appearance??e.appearance.default,accentColor:m=a.accentColor??t?.accentColor??e.accentColor.default,grayColor:d=a.grayColor??t?.resolvedGrayColor??e.grayColor.default,material:u=a.material??t?.material??e.material.default,panelBackground:p=a.panelBackground??t?.panelBackground??e.panelBackground.default,radius:h=a.radius??t?.radius??e.radius.default,scaling:g=a.scaling??t?.scaling??e.scaling.default,fontFamily:f=a.fontFamily??t?.fontFamily??e.fontFamily.default,headingFontFamily:C=a.headingFontFamily??t?.headingFontFamily,onAppearanceChange:v=o,onAccentColorChange:k=o,onGrayColorChange:R=o,onMaterialChange:x=o,onPanelBackgroundChange:B=o,onRadiusChange:y=o,onScalingChange:A=o,onFontFamilyChange:b=o,onHeadingFontFamilyChange:I=o,...F}=a,M=P?J.Root:"div",T=d==="auto"?j(m):d,H=a.appearance==="light"||a.appearance==="dark",E=s===void 0?i||H:s,G=n.useRef(null),w=Q(l,G),D="data-os"in F;return U(()=>{if(!i||D)return;let N=G.current;if(!N)return;let V=Z();if(V)return N.setAttribute("data-os",V),()=>N.removeAttribute("data-os")},[i,D]),n.createElement(S.Provider,{value:n.useMemo(()=>({appearance:c,accentColor:m,grayColor:d,resolvedGrayColor:T,material:u,panelBackground:p,radius:h,scaling:g,fontFamily:f,headingFontFamily:C,onAppearanceChange:v,onAccentColorChange:k,onGrayColorChange:R,onMaterialChange:x,onPanelBackgroundChange:B,onRadiusChange:y,onScalingChange:A,onFontFamilyChange:b,onHeadingFontFamilyChange:I}),[c,m,d,T,u,p,h,g,f,C,v,k,R,x,B,y,A,b,I])},n.createElement(M,{"data-is-root-theme":i?"true":"false","data-accent-color":m,"data-gray-color":T,"data-has-background":E?"true":"false","data-material":u,"data-panel-background":p,"data-radius":h,"data-scaling":g,"data-font-family":f,"data-heading-font-family":C,ref:w,...F,className:q("radix-themes",{light:c==="light",dark:c==="dark"},F.className)}))});O.displayName="ThemeImpl";export{S as a,re as b,Y as c};
-//# sourceMappingURL=chunk-SEY4NA45.js.map

package/dist/esm/chunk-SEY4NA45.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/theme.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { useDeprecatedPanelBackgroundWarning } from '../helpers/use-deprecation-warning.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeMaterial = (typeof themePropDefs.material.values)[number];\ntype ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onMaterialChange: (material: ThemeMaterial) => void;\n  onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  material: ThemeMaterial;\n  panelBackground: ThemePanelBackground;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  material: themePropDefs.material.default,\n  panelBackground: themePropDefs.panelBackground.default,\n  radius: themePropDefs.radius.default,\n  scaling: themePropDefs.scaling.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onPanelBackgroundChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir=\"ltr\">\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(\n  (props, forwardedRef) => {\n    const {\n      appearance: appearanceProp = themePropDefs.appearance.default,\n      accentColor: accentColorProp = themePropDefs.accentColor.default,\n      grayColor: grayColorProp = themePropDefs.grayColor.default,\n      material: materialProp = themePropDefs.material.default,\n      panelBackground: panelBackgroundProp = themePropDefs.panelBackground.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n      headingFontFamily: headingFontFamilyProp,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n    useDeprecatedPanelBackgroundWarning(props.panelBackground);\n\n    // Each of these follows its prop but stays independently settable, so\n    // `ThemePanel` can change the theme at runtime. Syncing during render\n    // rather than in an effect matters here: an effect would commit the old\n    // theme first and re-render every consumer of the context a second time.\n    const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n    const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n    const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      materialProp !== themePropDefs.material.default ? materialProp : panelBackgroundProp;\n    const [material, setMaterial] = usePropSyncedState(effectiveMaterial);\n\n    // Keep panelBackground in sync with material for backward compatibility\n    const [panelBackground, setPanelBackground] = usePropSyncedState(material);\n\n    const [radius, setRadius] = usePropSyncedState(radiusProp);\n    const [scaling, setScaling] = usePropSyncedState(scalingProp);\n    const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n    const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n\n    return (\n      <ThemeImpl\n        {...rootProps}\n        ref={forwardedRef}\n        isRoot\n        hasBackground={hasBackground}\n        //\n        appearance={appearance}\n        accentColor={accentColor}\n        grayColor={grayColor}\n        material={material}\n        panelBackground={panelBackground}\n        radius={radius}\n        scaling={scaling}\n        fontFamily={fontFamily}\n        headingFontFamily={headingFontFamily}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onMaterialChange={setMaterial}\n        onPanelBackgroundChange={setPanelBackground}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\n        onFontFamilyChange={setFontFamily}\n        onHeadingFontFamilyChange={setHeadingFontFamily}\n      />\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    material = props.material ?? context?.material ?? themePropDefs.material.default,\n    panelBackground = props.panelBackground ??\n      context?.panelBackground ??\n      themePropDefs.panelBackground.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onMaterialChange = noop,\n    onPanelBackgroundChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground =\n    hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          panelBackground,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        ],\n      )}\n    >\n      <Comp\n        data-is-root-theme={isRoot ? 'true' : 'false'}\n        data-accent-color={accentColor}\n        data-gray-color={resolvedGrayColor}\n        // for nested `Theme` background\n        data-has-background={hasBackground ? 'true' : 'false'}\n        data-material={material}\n        data-panel-background={panelBackground}\n        data-radius={radius}\n        data-scaling={scaling}\n        data-font-family={fontFamily}\n        data-heading-font-family={headingFontFamily}\n        ref={composedRef}\n        {...themeProps}\n        className={classNames(\n          'radix-themes',\n          {\n            light: appearance === 'light',\n            dark: appearance === 'dark',\n          },\n          themeProps.className,\n        )}\n      />\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Direction", "Slot", "TooltipPrimitive", "useComposedRefs", "useLayoutEffect", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "TooltipPrimitive", "Direction", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "materialProp", "panelBackgroundProp", "radiusProp", "scalingProp", "fontFamilyProp", "headingFontFamilyProp", "hasBackground", "rootProps", "useDeprecatedPanelBackgroundWarning", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "effectiveMaterial", "material", "setMaterial", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "getClientOS", "ua", "context", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "themeProps", "Comp", "Slot", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "useComposedRefs", "hasExplicitOS", "useLayoutEffect", "node", "os", "classNames"]
-}