@kushagradhawan/kookie-ui 0.1.0

package/dist/cjs/components/theme.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var M=Object.create;var R=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var z=(o,r)=>{for(var a in r)R(o,a,{get:r[a],enumerable:!0})},E=(o,r,a,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of V(r))!q.call(o,t)&&t!==a&&R(o,t,{get:()=>r[t],enumerable:!(s=O(r,t))||s.enumerable});return o};var G=(o,r,a)=>(a=o!=null?M(W(o)):{},E(r||!o||!o.__esModule?R(a,"default",{value:o,enumerable:!0}):a,o)),F=o=>E(R({},"__esModule",{value:!0}),o);var J={};z(J,{Theme:()=>S,ThemeContext:()=>u,useThemeContext:()=>H});module.exports=F(J);var e=G(require("react")),w=G(require("classnames")),h=require("radix-ui"),N=require("../helpers/get-matching-gray-color.js"),n=require("./theme.props.js");const d=()=>{},u=e.createContext(void 0);function H(){const o=e.useContext(u);if(o===void 0)throw new Error("`useThemeContext` must be used within a `Theme`");return o}const S=e.forwardRef((o,r)=>e.useContext(u)===void 0?e.createElement(h.Tooltip.Provider,{delayDuration:200},e.createElement(h.Direction.Provider,{dir:"ltr"},e.createElement(D,{...o,ref:r}))):e.createElement(I,{...o,ref:r}));S.displayName="Theme";const D=e.forwardRef((o,r)=>{const{appearance:a=n.themePropDefs.appearance.default,accentColor:s=n.themePropDefs.accentColor.default,grayColor:t=n.themePropDefs.grayColor.default,panelBackground:p=n.themePropDefs.panelBackground.default,radius:c=n.themePropDefs.radius.default,scaling:l=n.themePropDefs.scaling.default,hasBackground:i=n.themePropDefs.hasBackground.default,...g}=o,[C,m]=e.useState(a);e.useEffect(()=>m(a),[a]);const[v,f]=e.useState(s);e.useEffect(()=>f(s),[s]);const[k,T]=e.useState(t);e.useEffect(()=>T(t),[t]);const[B,P]=e.useState(p);e.useEffect(()=>P(p),[p]);const[x,b]=e.useState(c);e.useEffect(()=>b(c),[c]);const[y,A]=e.useState(l);return e.useEffect(()=>A(l),[l]),e.createElement(I,{...g,ref:r,isRoot:!0,hasBackground:i,appearance:C,accentColor:v,grayColor:k,panelBackground:B,radius:x,scaling:y,onAppearanceChange:m,onAccentColorChange:f,onGrayColorChange:T,onPanelBackgroundChange:P,onRadiusChange:b,onScalingChange:A})});D.displayName="ThemeRoot";const I=e.forwardRef((o,r)=>{const a=e.useContext(u),{asChild:s,isRoot:t,hasBackground:p,appearance:c=a?.appearance??n.themePropDefs.appearance.default,accentColor:l=a?.accentColor??n.themePropDefs.accentColor.default,grayColor:i=a?.resolvedGrayColor??n.themePropDefs.grayColor.default,panelBackground:g=a?.panelBackground??n.themePropDefs.panelBackground.default,radius:C=a?.radius??n.themePropDefs.radius.default,scaling:m=a?.scaling??n.themePropDefs.scaling.default,onAppearanceChange:v=d,onAccentColorChange:f=d,onGrayColorChange:k=d,onPanelBackgroundChange:T=d,onRadiusChange:B=d,onScalingChange:P=d,...x}=o,b=s?h.Slot.Root:"div",y=i==="auto"?(0,N.getMatchingGrayColor)(l):i,A=o.appearance==="light"||o.appearance==="dark",j=p===void 0?t||A:p;return e.createElement(u.Provider,{value:e.useMemo(()=>({appearance:c,accentColor:l,grayColor:i,resolvedGrayColor:y,panelBackground:g,radius:C,scaling:m,onAppearanceChange:v,onAccentColorChange:f,onGrayColorChange:k,onPanelBackgroundChange:T,onRadiusChange:B,onScalingChange:P}),[c,l,i,y,g,C,m,v,f,k,T,B,P])},e.createElement(b,{"data-is-root-theme":t?"true":"false","data-accent-color":l,"data-gray-color":y,"data-has-background":j?"true":"false","data-panel-background":g,"data-radius":C,"data-scaling":m,ref:r,...x,className:(0,w.default)("radix-themes",{light:c==="light",dark:c==="dark"},x.className)}))});I.displayName="ThemeImpl";
+//# sourceMappingURL=theme.js.map

package/dist/cjs/components/theme.js.map

@@ -0,0 +1,7 @@
+{
+  "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';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.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 ThemePanelBackground = (typeof themePropDefs.panelBackground.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onPanelBackgroundChange: (panelBackground: ThemePanelBackground) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  panelBackground: ThemePanelBackground;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n}\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  if (context === undefined) {\n    throw new Error('`useThemeContext` must be used within a `Theme`');\n  }\n  return context;\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      panelBackground: panelBackgroundProp = themePropDefs.panelBackground.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n    const [appearance, setAppearance] = React.useState(appearanceProp);\n    React.useEffect(() => setAppearance(appearanceProp), [appearanceProp]);\n\n    const [accentColor, setAccentColor] = React.useState(accentColorProp);\n    React.useEffect(() => setAccentColor(accentColorProp), [accentColorProp]);\n\n    const [grayColor, setGrayColor] = React.useState(grayColorProp);\n    React.useEffect(() => setGrayColor(grayColorProp), [grayColorProp]);\n\n    const [panelBackground, setPanelBackground] = React.useState(panelBackgroundProp);\n    React.useEffect(() => setPanelBackground(panelBackgroundProp), [panelBackgroundProp]);\n\n    const [radius, setRadius] = React.useState(radiusProp);\n    React.useEffect(() => setRadius(radiusProp), [radiusProp]);\n\n    const [scaling, setScaling] = React.useState(scalingProp);\n    React.useEffect(() => setScaling(scalingProp), [scalingProp]);\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        panelBackground={panelBackground}\n        radius={radius}\n        scaling={scaling}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onPanelBackgroundChange={setPanelBackground}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\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}\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 = context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    panelBackground = context?.panelBackground ?? themePropDefs.panelBackground.default,\n    radius = context?.radius ?? themePropDefs.radius.default,\n    scaling = context?.scaling ?? themePropDefs.scaling.default,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onPanelBackgroundChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = 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  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          panelBackground,\n          radius,\n          scaling,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          panelBackground,\n          radius,\n          scaling,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onPanelBackgroundChange,\n          onRadiusChange,\n          onScalingChange,\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-panel-background={panelBackground}\n        data-radius={radius}\n        data-scaling={scaling}\n        ref={forwardedRef}\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 };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,EAAA,iBAAAC,EAAA,oBAAAC,IAAA,eAAAC,EAAAL,GAEA,IAAAM,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA6D,oBAE7DC,EAAqC,iDACrCC,EAA8B,4BAK9B,MAAMC,EAAO,IAAM,CAAC,EA2BdR,EAAeG,EAAM,cAA6C,MAAS,EAEjF,SAASF,GAAkB,CACzB,MAAMQ,EAAUN,EAAM,WAAWH,CAAY,EAC7C,GAAIS,IAAY,OACd,MAAM,IAAI,MAAM,iDAAiD,EAEnE,OAAOA,CACT,CAGA,MAAMV,EAAQI,EAAM,WAAyC,CAACO,EAAOC,IACnDR,EAAM,WAAWH,CAAY,IAClB,OAGvBG,EAAA,cAAC,EAAAS,QAAiB,SAAjB,CAA0B,cAAe,KACxCT,EAAA,cAAC,YAAU,SAAV,CAAmB,IAAI,OACtBA,EAAA,cAACU,EAAA,CAAW,GAAGH,EAAO,IAAKC,EAAc,CAC3C,CACF,EAGGR,EAAA,cAACW,EAAA,CAAW,GAAGJ,EAAO,IAAKC,EAAc,CACjD,EACDZ,EAAM,YAAc,QAEpB,MAAMc,EAAYV,EAAM,WACtB,CAACO,EAAOC,IAAiB,CACvB,KAAM,CACJ,WAAYI,EAAiB,gBAAc,WAAW,QACtD,YAAaC,EAAkB,gBAAc,YAAY,QACzD,UAAWC,EAAgB,gBAAc,UAAU,QACnD,gBAAiBC,EAAsB,gBAAc,gBAAgB,QACrE,OAAQC,EAAa,gBAAc,OAAO,QAC1C,QAASC,EAAc,gBAAc,QAAQ,QAC7C,cAAAC,EAAgB,gBAAc,cAAc,QAC5C,GAAGC,CACL,EAAIZ,EACE,CAACa,EAAYC,CAAa,EAAIrB,EAAM,SAASY,CAAc,EACjEZ,EAAM,UAAU,IAAMqB,EAAcT,CAAc,EAAG,CAACA,CAAc,CAAC,EAErE,KAAM,CAACU,EAAaC,CAAc,EAAIvB,EAAM,SAASa,CAAe,EACpEb,EAAM,UAAU,IAAMuB,EAAeV,CAAe,EAAG,CAACA,CAAe,CAAC,EAExE,KAAM,CAACW,EAAWC,CAAY,EAAIzB,EAAM,SAASc,CAAa,EAC9Dd,EAAM,UAAU,IAAMyB,EAAaX,CAAa,EAAG,CAACA,CAAa,CAAC,EAElE,KAAM,CAACY,EAAiBC,CAAkB,EAAI3B,EAAM,SAASe,CAAmB,EAChFf,EAAM,UAAU,IAAM2B,EAAmBZ,CAAmB,EAAG,CAACA,CAAmB,CAAC,EAEpF,KAAM,CAACa,EAAQC,CAAS,EAAI7B,EAAM,SAASgB,CAAU,EACrDhB,EAAM,UAAU,IAAM6B,EAAUb,CAAU,EAAG,CAACA,CAAU,CAAC,EAEzD,KAAM,CAACc,EAASC,CAAU,EAAI/B,EAAM,SAASiB,CAAW,EACxD,OAAAjB,EAAM,UAAU,IAAM+B,EAAWd,CAAW,EAAG,CAACA,CAAW,CAAC,EAG1DjB,EAAA,cAACW,EAAA,CACE,GAAGQ,EACJ,IAAKX,EACL,OAAM,GACN,cAAeU,EAEf,WAAYE,EACZ,YAAaE,EACb,UAAWE,EACX,gBAAiBE,EACjB,OAAQE,EACR,QAASE,EAET,mBAAoBT,EACpB,oBAAqBE,EACrB,kBAAmBE,EACnB,wBAAyBE,EACzB,eAAgBE,EAChB,gBAAiBE,EACnB,CAEJ,CACF,EACArB,EAAU,YAAc,YAUxB,MAAMC,EAAYX,EAAM,WAA6C,CAACO,EAAOC,IAAiB,CAC5F,MAAMF,EAAUN,EAAM,WAAWH,CAAY,EACvC,CACJ,QAAAmC,EACA,OAAAC,EACA,cAAeC,EAEf,WAAAd,EAAad,GAAS,YAAc,gBAAc,WAAW,QAC7D,YAAAgB,EAAchB,GAAS,aAAe,gBAAc,YAAY,QAChE,UAAAkB,EAAYlB,GAAS,mBAAqB,gBAAc,UAAU,QAClE,gBAAAoB,EAAkBpB,GAAS,iBAAmB,gBAAc,gBAAgB,QAC5E,OAAAsB,EAAStB,GAAS,QAAU,gBAAc,OAAO,QACjD,QAAAwB,EAAUxB,GAAS,SAAW,gBAAc,QAAQ,QAEpD,mBAAA6B,EAAqB9B,EACrB,oBAAA+B,EAAsB/B,EACtB,kBAAAgC,EAAoBhC,EACpB,wBAAAiC,EAA0BjC,EAC1B,eAAAkC,EAAiBlC,EACjB,gBAAAmC,EAAkBnC,EAElB,GAAGoC,CACL,EAAIlC,EACEmC,EAAOV,EAAU,OAAK,KAAO,MAC7BW,EAAoBnB,IAAc,UAAS,wBAAqBF,CAAW,EAAIE,EAC/EoB,EAAuBrC,EAAM,aAAe,SAAWA,EAAM,aAAe,OAC5EW,EACJgB,IAAsB,OAAYD,GAAUW,EAAuBV,EACrE,OACElC,EAAA,cAACH,EAAa,SAAb,CACC,MAAOG,EAAM,QACX,KAAO,CACL,WAAAoB,EACA,YAAAE,EACA,UAAAE,EACA,kBAAAmB,EACA,gBAAAjB,EACA,OAAAE,EACA,QAAAE,EAEA,mBAAAK,EACA,oBAAAC,EACA,kBAAAC,EACA,wBAAAC,EACA,eAAAC,EACA,gBAAAC,CACF,GACA,CACEpB,EACAE,EACAE,EACAmB,EACAjB,EACAE,EACAE,EAEAK,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,GAEAxC,EAAA,cAAC0C,EAAA,CACC,qBAAoBT,EAAS,OAAS,QACtC,oBAAmBX,EACnB,kBAAiBqB,EAEjB,sBAAqBzB,EAAgB,OAAS,QAC9C,wBAAuBQ,EACvB,cAAaE,EACb,eAAcE,EACd,IAAKtB,EACJ,GAAGiC,EACJ,aAAW,EAAAI,SACT,eACA,CACE,MAAOzB,IAAe,QACtB,KAAMA,IAAe,MACvB,EACAqB,EAAW,SACb,EACF,CACF,CAEJ,CAAC,EACD9B,EAAU,YAAc",
+  "names": ["theme_exports", "__export", "Theme", "ThemeContext", "useThemeContext", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_get_matching_gray_color", "import_theme_props", "noop", "context", "props", "forwardedRef", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "panelBackgroundProp", "radiusProp", "scalingProp", "hasBackground", "rootProps", "appearance", "setAppearance", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "panelBackground", "setPanelBackground", "radius", "setRadius", "scaling", "setScaling", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onPanelBackgroundChange", "onRadiusChange", "onScalingChange", "themeProps", "Comp", "resolvedGrayColor", "isExplicitAppearance", "classNames"]
+}

package/dist/cjs/components/theme.props.d.ts

@@ -0,0 +1,88 @@
+import { asChildPropDef } from '../props/as-child.prop.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+declare const themePropDefs: {
+    /**
+     * Whether to apply background color to the Theme element.
+     *
+     * Defaults to true for the root Theme and for Theme elements that
+     * have an explicit light or dark appearance prop.
+     */
+    hasBackground: {
+        type: "boolean";
+        default: true;
+    };
+    /**
+     * Sets the color scheme of the theme, typcially referred to as light and dark mode.
+     *
+     * @link
+     * https://www.radix-ui.com/themes/docs/theme/dark-mode
+     */
+    appearance: {
+        type: "enum";
+        values: readonly ["inherit", "light", "dark"];
+        default: "inherit";
+    };
+    /**
+     * Selects one of the accent color options to use in the Theme.
+     *
+     * @link
+     * https://www.radix-ui.com/themes/docs/theme/color
+     */
+    accentColor: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: "indigo";
+    };
+    /**
+     * Selects one of the gray color options to use in the Theme.
+     *
+     * @link
+     * https://www.radix-ui.com/themes/docs/theme/color
+     */
+    grayColor: {
+        type: "enum";
+        values: readonly ["auto", "gray", "mauve", "slate", "sage", "olive", "sand"];
+        default: "auto";
+    };
+    /**
+     * Controls whether to use a solid or translucent background color on panelled
+     * elements such as Card or Table is solid or translucent.
+     *
+     * @link
+     * https://www.radix-ui.com/themes/docs/theme/visual-style
+     */
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: "translucent";
+    };
+    /**
+     * Sets the default radius of the components.
+     *
+     * @link
+     * https://www.radix-ui.com/themes/docs/theme/visual-style
+     */
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: "medium";
+    };
+    /**
+     * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.
+     *
+     * @link
+     * https://www.radix-ui.com/themes/docs/theme/layout
+     */
+    scaling: {
+        type: "enum";
+        values: readonly ["90%", "95%", "100%", "105%", "110%"];
+        default: "100%";
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+type ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;
+export { themePropDefs };
+export type { ThemeOwnProps };
+//# sourceMappingURL=theme.props.d.ts.map

package/dist/cjs/components/theme.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.props.d.ts","sourceRoot":"","sources":["../../../src/components/theme.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,KAAK,EAAE,eAAe,EAAW,MAAM,sBAAsB,CAAC;AAMrE,QAAA,MAAM,aAAa;IAEjB;;;;;OAKG;;;;;IAEH;;;;;OAKG;;;;;;IAEH;;;;;OAKG;;;;;;IAEH;;;;;OAKG;;;;;;IAEH;;;;;;OAMG;;;;;;IAEH;;;;;OAKG;;;;;;IAEH;;;;;OAKG;;;;;;;;;CAUJ,CAAC;AAEF,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,GAAG,OAAO,cAAc,CAAC,CAAC;AAEnF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/cjs/components/theme.props.js

@@ -0,0 +1,2 @@
+"use strict";var t=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var a in e)t(o,a,{get:e[a],enumerable:!0})},d=(o,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!i.call(o,r)&&r!==a&&t(o,r,{get:()=>e[r],enumerable:!(n=f(e,r))||n.enumerable});return o};var y=o=>d(t({},"__esModule",{value:!0}),o);var h={};m(h,{themePropDefs:()=>l});module.exports=y(h);var s=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),u=require("../props/radius.prop.js");const g=["inherit","light","dark"],P=["solid","translucent"],D=["90%","95%","100%","105%","110%"],l={...s.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:g,default:"inherit"},accentColor:{type:"enum",values:p.accentColors,default:"indigo"},grayColor:{type:"enum",values:p.grayColors,default:"auto"},panelBackground:{type:"enum",values:P,default:"translucent"},radius:{type:"enum",values:u.radii,default:"medium"},scaling:{type:"enum",values:D,default:"100%"}};
+//# sourceMappingURL=theme.props.js.map

package/dist/cjs/components/theme.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/theme.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'indigo' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'auto' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAEhDP,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,QAAS,EAOrE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,MAAO,EAQ/D,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQC,EAAU,QAAS,MAAO,CAC7D",
+  "names": ["theme_props_exports", "__export", "themePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_radius_prop", "appearances", "panelBackgrounds", "scalings"]
+}

package/dist/cjs/components/tooltip.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import { tooltipPropDefs } from './tooltip.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type TooltipOwnProps = GetPropDefTypes<typeof tooltipPropDefs>;
+interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>, ComponentPropsWithout<typeof TooltipPrimitive.Content, RemovedProps | 'content'>, TooltipOwnProps {
+    content: React.ReactNode;
+    container?: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Portal>['container'];
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip };
+export type { TooltipProps };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/cjs/components/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAKvD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAC;AAC/D,UAAU,YACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAClE,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,EAAE,YAAY,GAAG,SAAS,CAAC,EAChF,eAAe;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACzF;AACD,QAAA,MAAM,OAAO,qFAqCX,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/components/tooltip.js

@@ -0,0 +1,2 @@
+"use strict";var w=Object.create;var s=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var W=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var b=(o,t)=>{for(var e in t)s(o,e,{get:t[e],enumerable:!0})},m=(o,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let p of O(t))!E.call(o,p)&&p!==e&&s(o,p,{get:()=>t[p],enumerable:!(n=D(t,p))||n.enumerable});return o};var a=(o,t,e)=>(e=o!=null?w(W(o)):{},m(t||!o||!o.__esModule?s(e,"default",{value:o,enumerable:!0}):e,o)),j=o=>m(s({},"__esModule",{value:!0}),o);var A={};b(A,{Tooltip:()=>l});module.exports=j(A);var i=a(require("react")),f=a(require("classnames")),r=require("radix-ui"),P=require("./text.js"),T=require("./theme.js"),c=require("../helpers/extract-props.js"),d=require("./tooltip.props.js");const l=i.forwardRef((o,t)=>{const{children:e,className:n,open:p,defaultOpen:C,onOpenChange:y,delayDuration:h,disableHoverableContent:v,content:u,container:R,forceMount:x,...N}=(0,c.extractProps)(o,d.tooltipPropDefs),g={open:p,defaultOpen:C,onOpenChange:y,delayDuration:h,disableHoverableContent:v};return i.createElement(r.Tooltip.Root,{...g},i.createElement(r.Tooltip.Trigger,{asChild:!0},e),i.createElement(r.Tooltip.Portal,{container:R,forceMount:x},i.createElement(T.Theme,{asChild:!0},i.createElement(r.Tooltip.Content,{sideOffset:4,collisionPadding:10,...N,asChild:!1,ref:t,className:(0,f.default)("rt-TooltipContent",n)},i.createElement(P.Text,{as:"p",className:"rt-TooltipText",size:"1"},u),i.createElement(r.Tooltip.Arrow,{className:"rt-TooltipArrow"})))))});l.displayName="Tooltip";
+//# sourceMappingURL=tooltip.js.map

package/dist/cjs/components/tooltip.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tooltip.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\n\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { tooltipPropDefs } from './tooltip.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TooltipElement = React.ElementRef<typeof TooltipPrimitive.Content>;\ntype TooltipOwnProps = GetPropDefTypes<typeof tooltipPropDefs>;\ninterface TooltipProps\n  extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>,\n    ComponentPropsWithout<typeof TooltipPrimitive.Content, RemovedProps | 'content'>,\n    TooltipOwnProps {\n  content: React.ReactNode;\n  container?: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Portal>['container'];\n}\nconst Tooltip = React.forwardRef<TooltipElement, TooltipProps>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    open,\n    defaultOpen,\n    onOpenChange,\n    delayDuration,\n    disableHoverableContent,\n    content,\n    container,\n    forceMount,\n    ...tooltipContentProps\n  } = extractProps(props, tooltipPropDefs);\n  const rootProps = { open, defaultOpen, onOpenChange, delayDuration, disableHoverableContent };\n  return (\n    <TooltipPrimitive.Root {...rootProps}>\n      <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n      <TooltipPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <TooltipPrimitive.Content\n            sideOffset={4}\n            collisionPadding={10}\n            {...tooltipContentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames('rt-TooltipContent', className)}\n          >\n            <Text as=\"p\" className=\"rt-TooltipText\" size=\"1\">\n              {content}\n            </Text>\n            <TooltipPrimitive.Arrow className=\"rt-TooltipArrow\" />\n          </TooltipPrimitive.Content>\n        </Theme>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  );\n});\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\nexport type { TooltipProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA4C,oBAE5CC,EAAqB,qBACrBC,EAAsB,sBACtBC,EAA6B,uCAC7BC,EAAgC,8BAchC,MAAMR,EAAUE,EAAM,WAAyC,CAACO,EAAOC,IAAiB,CACtF,KAAM,CACJ,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,cAAAC,EACA,wBAAAC,EACA,QAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,KAAI,gBAAaZ,EAAO,iBAAe,EACjCa,EAAY,CAAE,KAAAT,EAAM,YAAAC,EAAa,aAAAC,EAAc,cAAAC,EAAe,wBAAAC,CAAwB,EAC5F,OACEf,EAAA,cAAC,EAAAqB,QAAiB,KAAjB,CAAuB,GAAGD,GACzBpB,EAAA,cAAC,EAAAqB,QAAiB,QAAjB,CAAyB,QAAO,IAAEZ,CAAS,EAC5CT,EAAA,cAAC,EAAAqB,QAAiB,OAAjB,CAAwB,UAAWJ,EAAW,WAAYC,GACzDlB,EAAA,cAAC,SAAM,QAAO,IACZA,EAAA,cAAC,EAAAqB,QAAiB,QAAjB,CACC,WAAY,EACZ,iBAAkB,GACjB,GAAGF,EACJ,QAAS,GACT,IAAKX,EACL,aAAW,EAAAc,SAAW,oBAAqBZ,CAAS,GAEpDV,EAAA,cAAC,QAAK,GAAG,IAAI,UAAU,iBAAiB,KAAK,KAC1CgB,CACH,EACAhB,EAAA,cAAC,EAAAqB,QAAiB,MAAjB,CAAuB,UAAU,kBAAkB,CACtD,CACF,CACF,CACF,CAEJ,CAAC,EACDvB,EAAQ,YAAc",
+  "names": ["tooltip_exports", "__export", "Tooltip", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_text", "import_theme", "import_extract_props", "import_tooltip_props", "props", "forwardedRef", "children", "className", "open", "defaultOpen", "onOpenChange", "delayDuration", "disableHoverableContent", "content", "container", "forceMount", "tooltipContentProps", "rootProps", "TooltipPrimitive", "classNames"]
+}

package/dist/cjs/components/tooltip.props.d.ts

@@ -0,0 +1,31 @@
+import { widthPropDefs } from '../props/width.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+declare const tooltipPropDefs: {
+    content: {
+        type: "ReactNode";
+        required: true;
+    };
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+        responsive: true;
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+        responsive: true;
+    };
+    maxWidth: {
+        default: string;
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+        responsive: true;
+    };
+};
+type TooltipOwnProps = GetPropDefTypes<typeof tooltipPropDefs & typeof widthPropDefs>;
+export { tooltipPropDefs };
+export type { TooltipOwnProps };
+//# sourceMappingURL=tooltip.props.d.ts.map

package/dist/cjs/components/tooltip.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.props.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAErE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;CAUpB,CAAC;AAEF,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,GAAG,OAAO,aAAa,CAAC,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/tooltip.props.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var h=(e,t)=>{for(var p in t)i(e,p,{get:t[p],enumerable:!0})},D=(e,t,p,f)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of n(t))!P.call(e,o)&&o!==p&&i(e,o,{get:()=>t[o],enumerable:!(f=d(t,o))||f.enumerable});return e};var m=e=>D(i({},"__esModule",{value:!0}),e);var a={};h(a,{tooltipPropDefs:()=>s});module.exports=m(a);var r=require("../props/width.props.js");const s={content:{type:"ReactNode",required:!0},width:r.widthPropDefs.width,minWidth:r.widthPropDefs.minWidth,maxWidth:{...r.widthPropDefs.maxWidth,default:"360px"}};
+//# sourceMappingURL=tooltip.props.js.map

package/dist/cjs/components/tooltip.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/tooltip.props.tsx"],
+  "sourcesContent": ["import { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst tooltipPropDefs = {\n  content: { type: 'ReactNode', required: true },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '360px' },\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  content: PropDef<React.ReactNode>;\n};\n\ntype TooltipOwnProps = GetPropDefTypes<typeof tooltipPropDefs & typeof widthPropDefs>;\n\nexport { tooltipPropDefs };\nexport type { TooltipOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,mCAI9B,MAAMF,EAAkB,CACtB,QAAS,CAAE,KAAM,YAAa,SAAU,EAAK,EAC7C,MAAO,gBAAc,MACrB,SAAU,gBAAc,SACxB,SAAU,CAAE,GAAG,gBAAc,SAAU,QAAS,OAAQ,CAC1D",
+  "names": ["tooltip_props_exports", "__export", "tooltipPropDefs", "__toCommonJS", "import_width_props"]
+}

package/dist/cjs/components/visually-hidden.d.ts

@@ -0,0 +1,5 @@
+import { VisuallyHidden as VisuallyHiddenPrimitive } from 'radix-ui';
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<VisuallyHiddenPrimitive.VisuallyHiddenProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Root: import("react").ForwardRefExoticComponent<VisuallyHiddenPrimitive.VisuallyHiddenProps & import("react").RefAttributes<HTMLSpanElement>>;
+export type VisuallyHiddenProps = VisuallyHiddenPrimitive.VisuallyHiddenProps;
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/cjs/components/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../src/components/visually-hidden.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACrE,eAAO,MAAM,cAAc,yIAA+B,CAAC;AAC3D,eAAO,MAAM,IAAI,yIAA+B,CAAC;AACjD,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC,mBAAmB,CAAC"}

package/dist/cjs/components/visually-hidden.js

@@ -0,0 +1,2 @@
+"use strict";var l=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var p=(o,i)=>{for(var e in i)l(o,e,{get:i[e],enumerable:!0})},y=(o,i,e,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let d of n(i))!a.call(o,d)&&d!==e&&l(o,d,{get:()=>i[d],enumerable:!(s=r(i,d))||s.enumerable});return o};var u=o=>y(l({},"__esModule",{value:!0}),o);var m={};p(m,{Root:()=>V,VisuallyHidden:()=>H});module.exports=u(m);var t=require("radix-ui");const H=t.VisuallyHidden.Root,V=t.VisuallyHidden.Root;
+//# sourceMappingURL=visually-hidden.js.map

package/dist/cjs/components/visually-hidden.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/visually-hidden.tsx"],
+  "sourcesContent": ["import { VisuallyHidden as VisuallyHiddenPrimitive } from 'radix-ui';\nexport const VisuallyHidden = VisuallyHiddenPrimitive.Root;\nexport const Root = VisuallyHiddenPrimitive.Root;\nexport type VisuallyHiddenProps = VisuallyHiddenPrimitive.VisuallyHiddenProps;\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,mBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA0D,oBACnD,MAAMF,EAAiB,EAAAG,eAAwB,KACzCJ,EAAO,EAAAI,eAAwB",
+  "names": ["visually_hidden_exports", "__export", "Root", "VisuallyHidden", "__toCommonJS", "import_radix_ui", "VisuallyHiddenPrimitive"]
+}

package/dist/cjs/helpers/component-props.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+type ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<Extract<React.ComponentPropsWithoutRef<C>, {
+    as: T;
+}>, 'as' | 'asChild'>;
+type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
+type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
+export type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };
+//# sourceMappingURL=component-props.d.ts.map

package/dist/cjs/helpers/component-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-props.d.ts","sourceRoot":"","sources":["../../../src/helpers/component-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,gBAAgB,CACnB,CAAC,SAAS,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,EAChC,CAAC,SAAS,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAC/C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAAE,EAAE,EAAE,CAAC,CAAA;CAAE,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;AAIlF,KAAK,qBAAqB,CACxB,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,CAAC,SACG,IAAI,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,GACrD,MAAM,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,IACzC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,CAAC;AAExD,KAAK,YAAY,GAAG,SAAS,GAAG,gBAAgB,GAAG,cAAc,GAAG,OAAO,CAAC;AAE5E,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/helpers/component-props.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var r=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var i=(t,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of r(e))!m.call(t,o)&&o!==s&&n(t,o,{get:()=>e[o],enumerable:!(p=a(e,o))||p.enumerable});return t};var C=t=>i(n({},"__esModule",{value:!0}),t);var R={};module.exports=C(R);
+//# sourceMappingURL=component-props.js.map

package/dist/cjs/helpers/component-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/component-props.ts"],
+  "sourcesContent": ["import type React from 'react';\n\ntype ComponentPropsAs<\n  C extends React.ElementType<any>,\n  T extends React.ComponentPropsWithoutRef<C>['as']\n> = Omit<Extract<React.ComponentPropsWithoutRef<C>, { as: T }>, 'as' | 'asChild'>;\n\n// Omits the specified props from the component props. Autocomplete will suggest props\n// of the component, but won't restrict the omittable props to those that actually exist.\ntype ComponentPropsWithout<\n  T extends React.ElementType,\n  O extends\n    | Omit<string, keyof React.ComponentPropsWithoutRef<T>>\n    | keyof React.ComponentPropsWithoutRef<T>\n> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;\n\ntype RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';\n\nexport type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["component_props_exports", "__toCommonJS"]
+}

package/dist/cjs/helpers/extract-margin-props.d.ts

@@ -0,0 +1,12 @@
+import type { MarginProps } from '../props/margin.props.js';
+export declare function extractMarginProps<T extends MarginProps>(props: T): {
+    m: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    mx: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    my: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    mt: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    mr: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    mb: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    ml: import("../props/prop-def.js").Responsive<import("../props/prop-def.js").Union<string, "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9">> | undefined;
+    rest: Omit<T, "m" | "ml" | "mr" | "mt" | "mb" | "mx" | "my">;
+};
+//# sourceMappingURL=extract-margin-props.d.ts.map

package/dist/cjs/helpers/extract-margin-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-margin-props.d.ts","sourceRoot":"","sources":["../../../src/helpers/extract-margin-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,CAAC;;;;;;;;;EAGjE"}

package/dist/cjs/helpers/extract-margin-props.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var M=(t,r)=>{for(var o in r)n(t,o,{get:r[o],enumerable:!0})},P=(t,r,o,p)=>{if(r&&typeof r=="object"||typeof r=="function")for(let m of x(r))!c.call(t,m)&&m!==o&&n(t,m,{get:()=>r[m],enumerable:!(p=g(r,m))||p.enumerable});return t};var f=t=>P(n({},"__esModule",{value:!0}),t);var y={};M(y,{extractMarginProps:()=>u});module.exports=f(y);function u(t){const{m:r,mx:o,my:p,mt:m,mr:s,mb:e,ml:i,...a}=t;return{m:r,mx:o,my:p,mt:m,mr:s,mb:e,ml:i,rest:a}}
+//# sourceMappingURL=extract-margin-props.js.map

package/dist/cjs/helpers/extract-margin-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/extract-margin-props.ts"],
+  "sourcesContent": ["import type { MarginProps } from '../props/margin.props.js';\n\nexport function extractMarginProps<T extends MarginProps>(props: T) {\n  const { m, mx, my, mt, mr, mb, ml, ...rest } = props;\n  return { m, mx, my, mt, mr, mb, ml, rest };\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAEO,SAASE,EAA0CE,EAAU,CAClE,KAAM,CAAE,EAAAC,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAGC,CAAK,EAAIR,EAC/C,MAAO,CAAE,EAAAC,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,KAAAC,CAAK,CAC3C",
+  "names": ["extract_margin_props_exports", "__export", "extractMarginProps", "__toCommonJS", "props", "m", "mx", "my", "mt", "mr", "mb", "ml", "rest"]
+}

package/dist/cjs/helpers/extract-props.d.ts

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+import type { PropDef } from '../props/prop-def.js';
+type PropDefsWithClassName<T> = T extends Record<string, PropDef> ? {
+    [K in keyof T]: T[K] extends {
+        className: string;
+    } ? K : never;
+}[keyof T] : never;
+/**
+ * Takes props, checks them against prop defs that have a `className` on them,
+ * adds necessary CSS classes and inline styles, and returns the props without
+ * the corresponding prop defs that were used to formulate the new `className`
+ * and `style` values. Also applies prop def defaults to every prop.
+ */
+declare function extractProps<P extends {
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}, T extends Record<string, PropDef>[]>(props: P, ...propDefs: T): Omit<P & {
+    className?: string;
+    style?: React.CSSProperties;
+}, PropDefsWithClassName<T[number]>>;
+export { extractProps };
+//# sourceMappingURL=extract-props.d.ts.map

package/dist/cjs/helpers/extract-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extract-props.d.ts","sourceRoot":"","sources":["../../../src/helpers/extract-props.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,KAAK,qBAAqB,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC7D;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,GAAG,CAAC,GAAG,KAAK;CAAE,CAAC,MAAM,CAAC,CAAC,GAC3E,KAAK,CAAC;AAMV;;;;;GAKG;AACH,iBAAS,YAAY,CACnB,CAAC,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACjF,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAEnC,KAAK,EAAE,CAAC,EACR,GAAG,QAAQ,EAAE,CAAC,GACb,IAAI,CAAC,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,EAAE,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CA4FjG;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/helpers/extract-props.js

@@ -0,0 +1,2 @@
+"use strict";var R=Object.create;var f=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty;var V=(s,r)=>{for(var t in r)f(s,t,{get:r[t],enumerable:!0})},P=(s,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of T(r))!C.call(s,n)&&n!==t&&f(s,n,{get:()=>r[n],enumerable:!(i=D(r,n))||i.enumerable});return s};var S=(s,r,t)=>(t=s!=null?R(x(s)):{},P(r||!s||!s.__esModule?f(t,"default",{value:s,enumerable:!0}):t,s)),b=s=>P(f({},"__esModule",{value:!0}),s);var j={};V(j,{extractProps:()=>g});module.exports=b(j);var o=S(require("classnames")),c=require("./get-responsive-styles.js"),u=require("./is-responsive-object.js"),m=require("./merge-styles.js");function k(...s){return Object.assign({},...s)}function g(s,...r){let t,i;const n={...s},d=k(...r);for(const l in d){let a=n[l];const e=d[l];if(e.default!==void 0&&a===void 0&&(a=e.default),e.type==="enum"&&![e.default,...e.values].includes(a)&&!(0,u.isResponsiveObject)(a)&&(a=e.default),n[l]=a,"className"in e&&e.className){delete n[l];const y="responsive"in e;if(!a||(0,u.isResponsiveObject)(a)&&!y)continue;if((0,u.isResponsiveObject)(a)&&(e.default!==void 0&&a.initial===void 0&&(a.initial=e.default),e.type==="enum"&&([e.default,...e.values].includes(a.initial)||(a.initial=e.default))),e.type==="enum"){const p=(0,c.getResponsiveClassNames)({allowArbitraryValues:!1,value:a,className:e.className,propValues:e.values,parseValue:e.parseValue});t=(0,o.default)(t,p);continue}if(e.type==="string"||e.type==="enum | string"){const p=e.type==="string"?[]:e.values,[N,v]=(0,c.getResponsiveStyles)({className:e.className,customProperties:e.customProperties,propValues:p,parseValue:e.parseValue,value:a});i=(0,m.mergeStyles)(i,v),t=(0,o.default)(t,N);continue}if(e.type==="boolean"&&a){t=(0,o.default)(t,e.className);continue}}}return n.className=(0,o.default)(t,s.className),n.style=(0,m.mergeStyles)(i,s.style),n}
+//# sourceMappingURL=extract-props.js.map

package/dist/cjs/helpers/extract-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/extract-props.ts"],
+  "sourcesContent": ["import classNames from 'classnames';\n\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef>\n  ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T]\n  : never;\n\nfunction mergePropDefs<T extends Record<string, PropDef>[]>(...args: T): Record<string, PropDef> {\n  return Object.assign({}, ...args);\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Record<string, PropDef>[]\n>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n  const extractedProps = { ...props };\n  const allPropDefs = mergePropDefs(...propDefs);\n\n  for (const key in allPropDefs) {\n    let value = extractedProps[key];\n    const propDef = allPropDefs[key];\n\n    // Apply prop def defaults\n    if (propDef.default !== undefined && value === undefined) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.type === 'enum') {\n      const values = [propDef.default, ...propDef.values];\n\n      if (!values.includes(value) && !isResponsiveObject(value)) {\n        value = propDef.default;\n      }\n    }\n\n    // Apply the value with defaults\n    (extractedProps as Record<string, any>)[key] = value;\n\n    if ('className' in propDef && propDef.className) {\n      delete extractedProps[key];\n\n      const isResponsivePropDef = 'responsive' in propDef;\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!value || (isResponsiveObject(value) && !isResponsivePropDef)) {\n        continue;\n      }\n\n      if (isResponsiveObject(value)) {\n        // Apply prop def defaults to the `initial` breakpoint\n        if (propDef.default !== undefined && value.initial === undefined) {\n          value.initial = propDef.default;\n        }\n\n        // Apply the default value to the `initial` breakpoint when it is not a valid enum value\n        if (propDef.type === 'enum') {\n          const values = [propDef.default, ...propDef.values];\n\n          if (!values.includes(value.initial)) {\n            value.initial = propDef.default;\n          }\n        }\n      }\n\n      if (propDef.type === 'enum') {\n        const propClassName = getResponsiveClassNames({\n          allowArbitraryValues: false,\n          value,\n          className: propDef.className,\n          propValues: propDef.values,\n          parseValue: propDef.parseValue,\n        });\n\n        className = classNames(className, propClassName);\n        continue;\n      }\n\n      if (propDef.type === 'string' || propDef.type === 'enum | string') {\n        const propDefValues = propDef.type === 'string' ? [] : propDef.values;\n\n        const [propClassNames, propCustomProperties] = getResponsiveStyles({\n          className: propDef.className,\n          customProperties: propDef.customProperties,\n          propValues: propDefValues,\n          parseValue: propDef.parseValue,\n          value,\n        });\n\n        style = mergeStyles(style, propCustomProperties);\n        className = classNames(className, propClassNames);\n        continue;\n      }\n\n      if (propDef.type === 'boolean' && value) {\n        // TODO handle responsive boolean props\n        className = classNames(className, propDef.className);\n        continue;\n      }\n    }\n  }\n\n  extractedProps.className = classNames(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n\nexport { extractProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,yBAEvBC,EAA6D,sCAC7DC,EAAmC,qCACnCC,EAA4B,6BAS5B,SAASC,KAAsDC,EAAkC,CAC/F,OAAO,OAAO,OAAO,CAAC,EAAG,GAAGA,CAAI,CAClC,CAQA,SAASP,EAIPQ,KACGC,EAC8F,CACjG,IAAIC,EACAC,EACJ,MAAMC,EAAiB,CAAE,GAAGJ,CAAM,EAC5BK,EAAcP,EAAc,GAAGG,CAAQ,EAE7C,UAAWK,KAAOD,EAAa,CAC7B,IAAIE,EAAQH,EAAeE,CAAG,EAC9B,MAAME,EAAUH,EAAYC,CAAG,EAmB/B,GAhBIE,EAAQ,UAAY,QAAaD,IAAU,SAC7CA,EAAQC,EAAQ,SAIdA,EAAQ,OAAS,QAGf,CAFW,CAACA,EAAQ,QAAS,GAAGA,EAAQ,MAAM,EAEtC,SAASD,CAAK,GAAK,IAAC,sBAAmBA,CAAK,IACtDA,EAAQC,EAAQ,SAKnBJ,EAAuCE,CAAG,EAAIC,EAE3C,cAAeC,GAAWA,EAAQ,UAAW,CAC/C,OAAOJ,EAAeE,CAAG,EAEzB,MAAMG,EAAsB,eAAgBD,EAE5C,GAAI,CAACD,MAAU,sBAAmBA,CAAK,GAAK,CAACE,EAC3C,SAmBF,MAhBI,sBAAmBF,CAAK,IAEtBC,EAAQ,UAAY,QAAaD,EAAM,UAAY,SACrDA,EAAM,QAAUC,EAAQ,SAItBA,EAAQ,OAAS,SACJ,CAACA,EAAQ,QAAS,GAAGA,EAAQ,MAAM,EAEtC,SAASD,EAAM,OAAO,IAChCA,EAAM,QAAUC,EAAQ,WAK1BA,EAAQ,OAAS,OAAQ,CAC3B,MAAME,KAAgB,2BAAwB,CAC5C,qBAAsB,GACtB,MAAAH,EACA,UAAWC,EAAQ,UACnB,WAAYA,EAAQ,OACpB,WAAYA,EAAQ,UACtB,CAAC,EAEDN,KAAY,EAAAS,SAAWT,EAAWQ,CAAa,EAC/C,QACF,CAEA,GAAIF,EAAQ,OAAS,UAAYA,EAAQ,OAAS,gBAAiB,CACjE,MAAMI,EAAgBJ,EAAQ,OAAS,SAAW,CAAC,EAAIA,EAAQ,OAEzD,CAACK,EAAgBC,CAAoB,KAAI,uBAAoB,CACjE,UAAWN,EAAQ,UACnB,iBAAkBA,EAAQ,iBAC1B,WAAYI,EACZ,WAAYJ,EAAQ,WACpB,MAAAD,CACF,CAAC,EAEDJ,KAAQ,eAAYA,EAAOW,CAAoB,EAC/CZ,KAAY,EAAAS,SAAWT,EAAWW,CAAc,EAChD,QACF,CAEA,GAAIL,EAAQ,OAAS,WAAaD,EAAO,CAEvCL,KAAY,EAAAS,SAAWT,EAAWM,EAAQ,SAAS,EACnD,QACF,CACF,CACF,CAEA,OAAAJ,EAAe,aAAY,EAAAO,SAAWT,EAAWF,EAAM,SAAS,EAChEI,EAAe,SAAQ,eAAYD,EAAOH,EAAM,KAAK,EAC9CI,CACT",
+  "names": ["extract_props_exports", "__export", "extractProps", "__toCommonJS", "import_classnames", "import_get_responsive_styles", "import_is_responsive_object", "import_merge_styles", "mergePropDefs", "args", "props", "propDefs", "className", "style", "extractedProps", "allPropDefs", "key", "value", "propDef", "isResponsivePropDef", "propClassName", "classNames", "propDefValues", "propClassNames", "propCustomProperties"]
+}

package/dist/cjs/helpers/get-margin-styles.d.ts

@@ -0,0 +1,3 @@
+import type { MarginProps } from '../props/margin.props.js';
+export declare function getMarginStyles(props: MarginProps): readonly [string, import("react").CSSProperties | Record<string, string | number | null | undefined> | undefined];
+//# sourceMappingURL=get-margin-styles.d.ts.map

package/dist/cjs/helpers/get-margin-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-margin-styles.d.ts","sourceRoot":"","sources":["../../../src/helpers/get-margin-styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAI5D,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,qHAsEjD"}

package/dist/cjs/helpers/get-margin-styles.js

@@ -0,0 +1,2 @@
+"use strict";var x=Object.create;var l=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var D=(s,m)=>{for(var r in m)l(s,r,{get:m[r],enumerable:!0})},i=(s,m,r,o)=>{if(m&&typeof m=="object"||typeof m=="function")for(let t of S(m))!j.call(s,t)&&t!==r&&l(s,t,{get:()=>m[t],enumerable:!(o=M(m,t))||o.enumerable});return s};var R=(s,m,r)=>(r=s!=null?x(h(s)):{},i(m||!s||!s.__esModule?l(r,"default",{value:s,enumerable:!0}):r,s)),d=s=>i(l({},"__esModule",{value:!0}),s);var q={};D(q,{getMarginStyles:()=>k});module.exports=d(q);var p=R(require("classnames")),e=require("./get-responsive-styles.js"),u=require("./merge-styles.js"),n=require("../props/margin.props.js");const a=n.marginPropDefs.m.values;function k(s){const[m,r]=(0,e.getResponsiveStyles)({className:"rt-r-m",customProperties:["--margin"],propValues:a,value:s.m}),[o,t]=(0,e.getResponsiveStyles)({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:a,value:s.mx}),[c,g]=(0,e.getResponsiveStyles)({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:a,value:s.my}),[P,N]=(0,e.getResponsiveStyles)({className:"rt-r-mt",customProperties:["--margin-top"],propValues:a,value:s.mt}),[C,f]=(0,e.getResponsiveStyles)({className:"rt-r-mr",customProperties:["--margin-right"],propValues:a,value:s.mr}),[v,y]=(0,e.getResponsiveStyles)({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:a,value:s.mb}),[V,b]=(0,e.getResponsiveStyles)({className:"rt-r-ml",customProperties:["--margin-left"],propValues:a,value:s.ml});return[(0,p.default)(m,o,c,P,C,v,V),(0,u.mergeStyles)(r,t,g,N,f,y,b)]}
+//# sourceMappingURL=get-margin-styles.js.map

package/dist/cjs/helpers/get-margin-styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/get-margin-styles.ts"],
+  "sourcesContent": ["import classNames from 'classnames';\n\nimport { getResponsiveStyles } from './get-responsive-styles.js';\nimport { mergeStyles } from './merge-styles.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\n\nconst marginValues = marginPropDefs.m.values;\n\nexport function getMarginStyles(props: MarginProps) {\n  const [mClassNames, mCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-m',\n    customProperties: ['--margin'],\n    propValues: marginValues,\n    value: props.m,\n  });\n\n  const [mxClassNames, mxCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mx',\n    customProperties: ['--margin-left', '--margin-right'],\n    propValues: marginValues,\n    value: props.mx,\n  });\n\n  const [myClassNames, myCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-my',\n    customProperties: ['--margin-top', '--margin-bottom'],\n    propValues: marginValues,\n    value: props.my,\n  });\n\n  const [mtClassNames, mtCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mt',\n    customProperties: ['--margin-top'],\n    propValues: marginValues,\n    value: props.mt,\n  });\n\n  const [mrClassNames, mrCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mr',\n    customProperties: ['--margin-right'],\n    propValues: marginValues,\n    value: props.mr,\n  });\n\n  const [mbClassNames, mbCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mb',\n    customProperties: ['--margin-bottom'],\n    propValues: marginValues,\n    value: props.mb,\n  });\n\n  const [mlClassNames, mlCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-ml',\n    customProperties: ['--margin-left'],\n    propValues: marginValues,\n    value: props.ml,\n  });\n\n  return [\n    classNames(\n      mClassNames,\n      mxClassNames,\n      myClassNames,\n      mtClassNames,\n      mrClassNames,\n      mbClassNames,\n      mlClassNames\n    ),\n    mergeStyles(\n      mCustomProperties,\n      mxCustomProperties,\n      myCustomProperties,\n      mtCustomProperties,\n      mrCustomProperties,\n      mbCustomProperties,\n      mlCustomProperties\n    ),\n  ] as const;\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,yBAEvBC,EAAoC,sCACpCC,EAA4B,6BAC5BC,EAA+B,oCAI/B,MAAMC,EAAe,iBAAe,EAAE,OAE/B,SAASN,EAAgBO,EAAoB,CAClD,KAAM,CAACC,EAAaC,CAAiB,KAAI,uBAAoB,CAC3D,UAAW,SACX,iBAAkB,CAAC,UAAU,EAC7B,WAAYH,EACZ,MAAOC,EAAM,CACf,CAAC,EAEK,CAACG,EAAcC,CAAkB,KAAI,uBAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,gBAAiB,gBAAgB,EACpD,WAAYL,EACZ,MAAOC,EAAM,EACf,CAAC,EAEK,CAACK,EAAcC,CAAkB,KAAI,uBAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,eAAgB,iBAAiB,EACpD,WAAYP,EACZ,MAAOC,EAAM,EACf,CAAC,EAEK,CAACO,EAAcC,CAAkB,KAAI,uBAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,cAAc,EACjC,WAAYT,EACZ,MAAOC,EAAM,EACf,CAAC,EAEK,CAACS,EAAcC,CAAkB,KAAI,uBAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,gBAAgB,EACnC,WAAYX,EACZ,MAAOC,EAAM,EACf,CAAC,EAEK,CAACW,EAAcC,CAAkB,KAAI,uBAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,iBAAiB,EACpC,WAAYb,EACZ,MAAOC,EAAM,EACf,CAAC,EAEK,CAACa,EAAcC,CAAkB,KAAI,uBAAoB,CAC7D,UAAW,UACX,iBAAkB,CAAC,eAAe,EAClC,WAAYf,EACZ,MAAOC,EAAM,EACf,CAAC,EAED,MAAO,IACL,EAAAe,SACEd,EACAE,EACAE,EACAE,EACAE,EACAE,EACAE,CACF,KACA,eACEX,EACAE,EACAE,EACAE,EACAE,EACAE,EACAE,CACF,CACF,CACF",
+  "names": ["get_margin_styles_exports", "__export", "getMarginStyles", "__toCommonJS", "import_classnames", "import_get_responsive_styles", "import_merge_styles", "import_margin_props", "marginValues", "props", "mClassNames", "mCustomProperties", "mxClassNames", "mxCustomProperties", "myClassNames", "myCustomProperties", "mtClassNames", "mtCustomProperties", "mrClassNames", "mrCustomProperties", "mbClassNames", "mbCustomProperties", "mlClassNames", "mlCustomProperties", "classNames"]
+}

package/dist/cjs/helpers/get-matching-gray-color.d.ts

@@ -0,0 +1,5 @@
+import type { accentColors } from '../props/color.prop.js';
+type ThemeAccentColor = (typeof accentColors)[number];
+export declare function getMatchingGrayColor(accentColor: ThemeAccentColor): "gray" | "mauve" | "slate" | "sage" | "olive" | "sand";
+export {};
+//# sourceMappingURL=get-matching-gray-color.d.ts.map

package/dist/cjs/helpers/get-matching-gray-color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-matching-gray-color.d.ts","sourceRoot":"","sources":["../../../src/helpers/get-matching-gray-color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,KAAK,gBAAgB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,gBAAgB,0DAmCjE"}

package/dist/cjs/helpers/get-matching-gray-color.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var i=(e,a)=>{for(var s in a)r(e,s,{get:a[s],enumerable:!0})},p=(e,a,s,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let c of n(a))!l.call(e,c)&&c!==s&&r(e,c,{get:()=>a[c],enumerable:!(o=t(a,c))||o.enumerable});return e};var u=e=>p(r({},"__esModule",{value:!0}),e);var g={};i(g,{getMatchingGrayColor:()=>m});module.exports=u(g);function m(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}
+//# sourceMappingURL=get-matching-gray-color.js.map

package/dist/cjs/helpers/get-matching-gray-color.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/get-matching-gray-color.ts"],
+  "sourcesContent": ["import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GAIO,SAASE,EAAqBE,EAA+B,CAClE,OAAQA,EAAa,CACnB,IAAK,SACL,IAAK,MACL,IAAK,OACL,IAAK,UACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,SACH,MAAO,QACT,IAAK,OACL,IAAK,SACL,IAAK,OACL,IAAK,MACL,IAAK,OACH,MAAO,QACT,IAAK,OACL,IAAK,OACL,IAAK,OACL,IAAK,QACH,MAAO,OACT,IAAK,QACL,IAAK,OACH,MAAO,QACT,IAAK,SACL,IAAK,QACL,IAAK,SACL,IAAK,QACL,IAAK,OACL,IAAK,SACH,MAAO,OACT,IAAK,OACH,MAAO,MACX,CACF",
+  "names": ["get_matching_gray_color_exports", "__export", "getMatchingGrayColor", "__toCommonJS", "accentColor"]
+}

package/dist/cjs/helpers/get-responsive-styles.d.ts

@@ -0,0 +1,26 @@
+import type { Responsive, Union } from '../props/prop-def.js';
+interface GetResponsiveStylesOptions {
+    className: string;
+    customProperties: `--${string}`[];
+    value: Responsive<Union> | Responsive<string> | undefined;
+    propValues: string[] | readonly string[];
+    parseValue?: (value: string) => string | undefined;
+}
+declare function getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions): readonly [string | undefined, Record<string, string | undefined> | undefined];
+interface GetResponsiveClassNamesOptions {
+    allowArbitraryValues?: boolean;
+    className: string;
+    value: Responsive<Union> | Responsive<string> | undefined;
+    propValues: string[] | readonly string[];
+    parseValue?: (value: string) => string | undefined;
+}
+declare function getResponsiveClassNames({ allowArbitraryValues, value, className, propValues, parseValue, }: GetResponsiveClassNamesOptions): string | undefined;
+interface GetResponsiveCustomPropertiesOptions {
+    customProperties: `--${string}`[];
+    value: Responsive<Union> | Responsive<string> | undefined;
+    propValues: string[] | readonly string[];
+    parseValue?: (value: string) => string | undefined;
+}
+declare function getResponsiveCustomProperties({ customProperties, value, propValues, parseValue, }: GetResponsiveCustomPropertiesOptions): Record<string, string | undefined> | undefined;
+export { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };
+//# sourceMappingURL=get-responsive-styles.d.ts.map

package/dist/cjs/helpers/get-responsive-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-responsive-styles.d.ts","sourceRoot":"","sources":["../../../src/helpers/get-responsive-styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE9D,UAAU,0BAA0B;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,KAAK,MAAM,EAAE,EAAE,CAAC;IAClC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,MAAM,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACpD;AAED,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,0BAA0B,iFAShG;AAED,UAAU,8BAA8B;IACtC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,MAAM,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACpD;AAED,iBAAS,uBAAuB,CAAC,EAC/B,oBAAoB,EACpB,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAA6B,GAC9B,EAAE,8BAA8B,GAAG,MAAM,GAAG,SAAS,CAwCrD;AAeD,UAAU,oCAAoC;IAC5C,gBAAgB,EAAE,KAAK,MAAM,EAAE,EAAE,CAAC;IAClC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,UAAU,EAAE,MAAM,EAAE,GAAG,SAAS,MAAM,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CACpD;AAED,iBAAS,6BAA6B,CAAC,EACrC,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,UAA6B,GAC9B,EAAE,oCAAoC,kDA+CtC;AAED,OAAO,EAAE,mBAAmB,EAAE,6BAA6B,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/cjs/helpers/get-responsive-styles.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var $=Object.prototype.hasOwnProperty;var O=(s,n)=>{for(var i in n)c(s,i,{get:n[i],enumerable:!0})},P=(s,n,i,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let e of C(n))!$.call(s,e)&&e!==i&&c(s,e,{get:()=>n[e],enumerable:!(p=b(n,e))||p.enumerable});return s};var N=s=>P(c({},"__esModule",{value:!0}),s);var j={};O(j,{getResponsiveClassNames:()=>l,getResponsiveCustomProperties:()=>m,getResponsiveStyles:()=>R});module.exports=N(j);var a=require("../props/prop-def.js"),d=require("./has-own-property.js"),g=require("./is-responsive-object.js");function R({className:s,customProperties:n,...i}){const p=l({allowArbitraryValues:!0,className:s,...i}),e=m({customProperties:n,...i});return[p,e]}function l({allowArbitraryValues:s,value:n,className:i,propValues:p,parseValue:e=t=>t}){const t=[];if(n){if(typeof n=="string"&&p.includes(n))return v(i,n,e);if((0,g.isResponsiveObject)(n)){const o=n;for(const r in o){if(!(0,d.hasOwnProperty)(o,r)||!a.breakpoints.includes(r))continue;const u=o[r];if(u!==void 0){if(p.includes(u)){const f=v(i,u,e),y=r==="initial"?f:`${r}:${f}`;t.push(y)}else if(s){const f=r==="initial"?i:`${r}:${i}`;t.push(f)}}}return t.join(" ")}if(s)return i}}function v(s,n,i){const p=s?"-":"",e=i(n),t=e?.startsWith("-"),o=t?"-":"",r=t?e?.substring(1):e;return`${o}${s}${p}${r}`}function m({customProperties:s,value:n,propValues:i,parseValue:p=e=>e}){let e={};if(!(!n||typeof n=="string"&&i.includes(n))){if(typeof n=="string"&&(e=Object.fromEntries(s.map(t=>[t,n]))),(0,g.isResponsiveObject)(n)){const t=n;for(const o in t){if(!(0,d.hasOwnProperty)(t,o)||!a.breakpoints.includes(o))continue;const r=t[o];if(!i.includes(r))for(const u of s)e={[o==="initial"?u:`${u}-${o}`]:r,...e}}}for(const t in e){const o=e[t];o!==void 0&&(e[t]=p(o))}return e}}
+//# sourceMappingURL=get-responsive-styles.js.map

package/dist/cjs/helpers/get-responsive-styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/get-responsive-styles.ts"],
+  "sourcesContent": ["import { breakpoints } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({\n  allowArbitraryValues,\n  value,\n  className,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveClassNamesOptions): string | undefined {\n  const classNames: string[] = [];\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && propValues.includes(value)) {\n    return getBaseClassName(className, value, parseValue);\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpoints.includes(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (propValues.includes(value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.join(' ');\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(\n  className: string,\n  value: string,\n  parseValue: (value: string) => string | undefined\n): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({\n  customProperties,\n  value,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveCustomPropertiesOptions) {\n  let styles: Record<string, string | undefined> = {};\n\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && propValues.includes(value))) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    styles = Object.fromEntries(customProperties.map((prop) => [prop, value]));\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpoints.includes(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (propValues.includes(value)) {\n        continue;\n      }\n\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n\n        styles = {\n          [bpProperty]: value,\n          ...styles,\n        };\n      }\n    }\n  }\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value !== undefined) {\n      styles[key] = parseValue(value);\n    }\n  }\n\n  return styles;\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,6BAAAE,EAAA,kCAAAC,EAAA,wBAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAA4B,gCAC5BC,EAA+B,iCAC/BC,EAAmC,qCAYnC,SAASJ,EAAoB,CAAE,UAAAK,EAAW,iBAAAC,EAAkB,GAAGC,CAAK,EAA+B,CACjG,MAAMC,EAAuBV,EAAwB,CACnD,qBAAsB,GACtB,UAAAO,EACA,GAAGE,CACL,CAAC,EAEKE,EAA6BV,EAA8B,CAAE,iBAAAO,EAAkB,GAAGC,CAAK,CAAC,EAC9F,MAAO,CAACC,EAAsBC,CAA0B,CAC1D,CAUA,SAASX,EAAwB,CAC/B,qBAAAY,EACA,MAAAC,EACA,UAAAN,EACA,WAAAO,EACA,WAAAC,EAAcF,GAAUA,CAC1B,EAAuD,CACrD,MAAMG,EAAuB,CAAC,EAE9B,GAAKH,EAIL,IAAI,OAAOA,GAAU,UAAYC,EAAW,SAASD,CAAK,EACxD,OAAOI,EAAiBV,EAAWM,EAAOE,CAAU,EAGtD,MAAI,sBAAmBF,CAAK,EAAG,CAC7B,MAAMK,EAASL,EAEf,UAAWM,KAAMD,EAAQ,CAEvB,GAAI,IAAC,kBAAeA,EAAQC,CAAE,GAAK,CAAC,cAAY,SAASA,CAAE,EACzD,SAGF,MAAMN,EAAQK,EAAOC,CAAE,EAEvB,GAAIN,IAAU,QACZ,GAAIC,EAAW,SAASD,CAAK,EAAG,CAC9B,MAAMO,EAAgBH,EAAiBV,EAAWM,EAAOE,CAAU,EAC7DM,EAAcF,IAAO,UAAYC,EAAgB,GAAGD,CAAE,IAAIC,CAAa,GAC7EJ,EAAW,KAAKK,CAAW,CAC7B,SAAWT,EAAsB,CAC/B,MAAMS,EAAcF,IAAO,UAAYZ,EAAY,GAAGY,CAAE,IAAIZ,CAAS,GACrES,EAAW,KAAKK,CAAW,CAC7B,EAEJ,CAEA,OAAOL,EAAW,KAAK,GAAG,CAC5B,CAEA,GAAIJ,EACF,OAAOL,EAEX,CAEA,SAASU,EACPV,EACAM,EACAE,EACQ,CACR,MAAMO,EAAYf,EAAY,IAAM,GAC9BgB,EAAeR,EAAWF,CAAK,EAC/BW,EAAaD,GAAc,WAAW,GAAG,EACzCE,EAAQD,EAAa,IAAM,GAC3BE,EAAgBF,EAAaD,GAAc,UAAU,CAAC,EAAIA,EAChE,MAAO,GAAGE,CAAK,GAAGlB,CAAS,GAAGe,CAAS,GAAGI,CAAa,EACzD,CASA,SAASzB,EAA8B,CACrC,iBAAAO,EACA,MAAAK,EACA,WAAAC,EACA,WAAAC,EAAcF,GAAUA,CAC1B,EAAyC,CACvC,IAAIc,EAA6C,CAAC,EAGlD,GAAI,GAACd,GAAU,OAAOA,GAAU,UAAYC,EAAW,SAASD,CAAK,GAQrE,IAJI,OAAOA,GAAU,WACnBc,EAAS,OAAO,YAAYnB,EAAiB,IAAKoB,GAAS,CAACA,EAAMf,CAAK,CAAC,CAAC,MAGvE,sBAAmBA,CAAK,EAAG,CAC7B,MAAMK,EAASL,EAEf,UAAWM,KAAMD,EAAQ,CAEvB,GAAI,IAAC,kBAAeA,EAAQC,CAAE,GAAK,CAAC,cAAY,SAASA,CAAE,EACzD,SAGF,MAAMN,EAAQK,EAAOC,CAAE,EAGvB,GAAI,CAAAL,EAAW,SAASD,CAAK,EAI7B,UAAWgB,KAAkBrB,EAG3BmB,EAAS,CACP,CAHiBR,IAAO,UAAYU,EAAiB,GAAGA,CAAc,IAAIV,CAAE,EAGjE,EAAGN,EACd,GAAGc,CACL,CAEJ,CACF,CAEA,UAAWG,KAAOH,EAAQ,CACxB,MAAMd,EAAQc,EAAOG,CAAG,EACpBjB,IAAU,SACZc,EAAOG,CAAG,EAAIf,EAAWF,CAAK,EAElC,CAEA,OAAOc,EACT",
+  "names": ["get_responsive_styles_exports", "__export", "getResponsiveClassNames", "getResponsiveCustomProperties", "getResponsiveStyles", "__toCommonJS", "import_prop_def", "import_has_own_property", "import_is_responsive_object", "className", "customProperties", "args", "responsiveClassNames", "responsiveCustomProperties", "allowArbitraryValues", "value", "propValues", "parseValue", "classNames", "getBaseClassName", "object", "bp", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "prop", "customProperty", "key"]
+}

package/dist/cjs/helpers/get-subtree.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * This is a helper function that is used when a component supports `asChild`
+ * using the `Slot` component but its implementation contains nested DOM elements.
+ *
+ * Using it ensures if a consumer uses the `asChild` prop, the elements are in
+ * correct order in the DOM, adopting the intended consumer `children`.
+ */
+export declare function getSubtree(options: {
+    asChild: boolean | undefined;
+    children: React.ReactNode;
+}, content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)): React.ReactNode;
+//# sourceMappingURL=get-subtree.d.ts.map

package/dist/cjs/helpers/get-subtree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-subtree.d.ts","sourceRoot":"","sources":["../../../src/helpers/get-subtree.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,OAAO,EAAE;IAAE,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,EACpE,OAAO,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,mBAU5E"}

package/dist/cjs/helpers/get-subtree.js

@@ -0,0 +1,2 @@
+"use strict";var o=Object.create;var r=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var s=(c,e)=>{for(var t in e)r(c,t,{get:e[t],enumerable:!0})},d=(c,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of R(e))!h.call(c,a)&&a!==t&&r(c,a,{get:()=>e[a],enumerable:!(i=n(e,a))||i.enumerable});return c};var u=(c,e,t)=>(t=c!=null?o(f(c)):{},d(e||!c||!c.__esModule?r(t,"default",{value:c,enumerable:!0}):t,c)),p=c=>d(r({},"__esModule",{value:!0}),c);var C={};s(C,{getSubtree:()=>m});module.exports=p(C);var l=u(require("react"));function m(c,e){const{asChild:t,children:i}=c;if(!t)return typeof e=="function"?e(i):e;const a=l.Children.only(i);return l.cloneElement(a,{children:typeof e=="function"?e(a.props.children):e})}
+//# sourceMappingURL=get-subtree.js.map

package/dist/cjs/helpers/get-subtree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/get-subtree.ts"],
+  "sourcesContent": ["import * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement;\n  return React.cloneElement(firstChild, {\n    // @ts-expect-error\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBAShB,SAASF,EACdG,EACAC,EACA,CACA,KAAM,CAAE,QAAAC,EAAS,SAAAC,CAAS,EAAIH,EAC9B,GAAI,CAACE,EAAS,OAAO,OAAOD,GAAY,WAAaA,EAAQE,CAAQ,EAAIF,EAEzE,MAAMG,EAAaL,EAAM,SAAS,KAAKI,CAAQ,EAC/C,OAAOJ,EAAM,aAAaK,EAAY,CAEpC,SAAU,OAAOH,GAAY,WAAaA,EAAQG,EAAW,MAAM,QAAQ,EAAIH,CACjF,CAAC,CACH",
+  "names": ["get_subtree_exports", "__export", "getSubtree", "__toCommonJS", "React", "options", "content", "asChild", "children", "firstChild"]
+}

package/dist/cjs/helpers/has-own-property.d.ts

@@ -0,0 +1,4 @@
+/** A util to check whether the object has a key, while inferring the correct key type */
+declare function hasOwnProperty<K extends string | number | symbol>(obj: Record<K, unknown>, key: string | number | symbol): key is K;
+export { hasOwnProperty };
+//# sourceMappingURL=has-own-property.d.ts.map