@womp/kookie-ui 0.18.0 → 0.19.0

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/checkbox-cards.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n  size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof checkboxCardsRootPropDefs.variant.values)[number];\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n  createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n  (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxCards,\n      className,\n      color,\n      ...rootProps\n    } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n    return (\n      <CheckboxCardsProvider\n        scope={__scopeCheckboxCards}\n        size={props.size}\n        variant={props.variant}\n      >\n        <Grid asChild>\n          <CheckboxGroupPrimitive.Root\n            {...checkboxGroupScope}\n            data-accent-color={color}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-CheckboxCardsRoot', className)}\n          />\n        </Grid>\n      </CheckboxCardsProvider>\n    );\n  },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n  CheckboxCardsItemElement,\n  ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n  const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n  const { className: checkboxClassName } = extractProps(\n    // Pass size and variant values from the context to generate styles\n    {\n      size: context?.size,\n      variant: context?.variant || 'solid',\n    },\n    // Pass size & variant prop defs to allow it to be extracted\n    baseCheckboxPropDefs,\n  );\n  const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n  const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n  return (\n    <label\n      className={classNames(\n        'rt-BaseCard',\n        'rt-CheckboxCardsItem',\n        variantClass,\n        sizeClass,\n        className,\n      )}\n      style={style}\n    >\n      {children}\n      <CheckboxGroupPrimitive.Item\n        {...checkboxGroupScope}\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCheckboxRoot',\n          'rt-CheckboxCardCheckbox',\n          checkboxClassName,\n        )}\n      >\n        <CheckboxGroupPrimitive.Indicator\n          {...checkboxGroupScope}\n          asChild\n          className=\"rt-BaseCheckboxIndicator\"\n        >\n          <ThickCheckIcon />\n        </CheckboxGroupPrimitive.Indicator>\n      </CheckboxGroupPrimitive.Item>\n    </label>\n  );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
-  "mappings": "qVAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAexB,IAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAIC,EAAQ,mBAAmBF,EAA0B,CACxFG,CACF,CAAC,EACKC,EAAwBD,EAAyB,EAOjD,CAACE,EAAuBC,CAAuB,EACnDL,EAAsDD,CAAwB,EAW1EO,EAA0B,aAC9B,CAACC,EAA4CC,IAAiB,CAC5D,GAAM,CACJ,qBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAA2BC,CAAc,EAC3DC,EAAqBb,EAAsBM,CAAoB,EACrE,OACE,gBAACL,EAAA,CACC,MAAOK,EACP,KAAMF,EAAM,KACZ,QAASA,EAAM,SAEf,gBAACU,EAAA,CAAK,QAAO,IACX,gBAAwBC,EAAvB,CACE,GAAGF,EACJ,oBAAmBL,EAClB,GAAGC,EACJ,IAAKJ,EACL,UAAWW,EAAW,uBAAwBT,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAJ,EAAkB,YAAc,qBAMhC,IAAMc,EAA0B,aAG9B,CAAC,CAAE,qBAAAX,EAAsB,SAAAY,EAAU,UAAAX,EAAW,MAAAY,EAAO,GAAGf,CAAM,EAAGC,IAAiB,CAClF,IAAMe,EAAUlB,EAAwB,oBAAqBI,CAAoB,EAC3EO,EAAqBb,EAAsBM,CAAoB,EAE/D,CAAE,UAAWe,CAAkB,EAAIX,EAEvC,CACE,KAAMU,GAAS,KACf,QAASA,GAAS,SAAW,OAC/B,EAEAE,CACF,EACMC,EAAeH,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEI,EAAYJ,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAAC,SACC,UAAWJ,EACT,cACA,uBACAO,EACAC,EACAjB,CACF,EACA,MAAOY,GAEND,EACD,gBAAwBO,EAAvB,CACE,GAAGZ,EACH,GAAGT,EACJ,IAAKC,EACL,UAAWW,EACT,WACA,sBACA,0BACAK,CACF,GAEA,gBAAwBK,EAAvB,CACE,GAAGb,EACJ,QAAO,GACP,UAAU,4BAEV,gBAACc,EAAA,IAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDV,EAAkB,YAAc",
-  "names": ["checkbox_cards_exports", "__export", "CheckboxCardsItem", "CheckboxCardsRoot", "React", "classNames", "Context", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "Context", "createCheckboxGroupScope", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "CheckboxCardsRoot", "props", "forwardedRef", "__scopeCheckboxCards", "className", "color", "rootProps", "extractProps", "checkboxCardsRootPropDefs", "marginPropDefs", "checkboxGroupScope", "Grid", "Root", "classNames", "CheckboxCardsItem", "children", "style", "context", "checkboxClassName", "baseCheckboxPropDefs", "variantClass", "sizeClass", "Item", "Indicator", "ThickCheckIcon"]
-}

package/dist/esm/chunk-QDW5ZG5E.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-QDW5ZG5E.js.map

package/dist/esm/chunk-RJ6SA7AY.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-NZJGC6ZW.js";var s=["1","2","3","4","5"],a=["raised","surface","outline","ghost","soft"],t={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},flush:{type:"boolean",default:!1},inset:{type:"boolean",default:!1}};export{t as a};
-//# sourceMappingURL=chunk-RJ6SA7AY.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/card.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['raised', 'surface', 'outline', 'ghost', 'soft'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  flush: { type: 'boolean', default: false },\n  inset: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  flush: PropDef<boolean>;\n  inset: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
-  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAE3DC,EAAe,CACnB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
-  "names": ["sizes", "variants", "cardPropDefs", "asChildPropDef"]
-}

package/dist/esm/chunk-VJSZG35J.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-VX44UTQ5.js";import{a as e}from"./chunk-ERGJN7FJ.js";import{a as t}from"./chunk-NZJGC6ZW.js";var r=["1","2","3"],f={...t,size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...o};export{f as a};
-//# sourceMappingURL=chunk-VJSZG35J.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/hover-card.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3'] as const;\n\nconst hoverCardContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  size: PropDef<(typeof contentSizes)[number]>;\n};\n\ntype HoverCardContentOwnProps = GetPropDefTypes<\n  typeof hoverCardContentPropDefs &\n    typeof asChildPropDef &\n    typeof widthPropDefs &\n    typeof heightPropDefs\n>;\n\nexport { hoverCardContentPropDefs };\nexport type { HoverCardContentOwnProps };\n"],
-  "mappings": "wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,GAAG,EAE7BC,EAA2B,CAC/B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
-  "names": ["contentSizes", "hoverCardContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
-}

package/dist/esm/chunk-YGPUKJEB.js

@@ -1,2 +0,0 @@
-import{a as n}from"./chunk-6YWJUNMB.js";import{a as p}from"./chunk-TGRRQHLQ.js";import{a as i}from"./chunk-UBSLEGQZ.js";import{a as d}from"./chunk-GSTOGDAJ.js";import{a as l}from"./chunk-OS3FCYZY.js";var v={};l(v,{Item:()=>c,Root:()=>f});import*as o from"react";import R from"classnames";import{RadioGroup as m}from"radix-ui";var C=o.createContext(void 0),u=()=>o.useContext(C),f=o.forwardRef((e,r)=>{let{className:a,color:t,...s}=i(e,n,d);return o.createElement(C.Provider,{value:{size:e.size,variant:e.variant}},o.createElement(p,{asChild:!0},o.createElement(m.Root,{"data-accent-color":t,...s,ref:r,className:R("rt-RadioCardsRoot",a)})))});f.displayName="RadioCards.Root";var c=o.forwardRef(({className:e,...r},a)=>{let t=u(),s=t?.variant?`rt-variant-${t.variant}`:void 0,P=t?.size?`rt-r-size-${t.size}`:void 0;return o.createElement(m.Item,{...r,asChild:!1,ref:a,className:R("rt-reset","rt-BaseCard","rt-RadioCardsItem",s,P,e)})});c.displayName="RadioCards.Item";export{f as a,c as b,v as c};
-//# sourceMappingURL=chunk-YGPUKJEB.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/radio-cards.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ntype RadioCardsContextValue = {\n  size?: Responsive<(typeof radioCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof radioCardsRootPropDefs.variant.values)[number];\n};\n\nconst RadioCardsContext = React.createContext<RadioCardsContextValue | undefined>(undefined);\n\nconst useRadioCardsContext = () => {\n  const context = React.useContext(RadioCardsContext);\n  return context;\n};\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      color,\n      ...rootProps\n    } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n    return (\n      <RadioCardsContext.Provider value={{ size: props.size, variant: props.variant }}>\n        <Grid asChild>\n          <RadioGroupPrimitive.Root\n            data-accent-color={color}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-RadioCardsRoot', className)}\n          />\n        </Grid>\n      </RadioCardsContext.Provider>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const context = useRadioCardsContext();\n    const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n    const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n    return (\n      <RadioGroupPrimitive.Item\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCard',\n          'rt-RadioCardsItem',\n          variantClass,\n          sizeClass,\n          className,\n        )}\n      />\n    );\n  },\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
-  "mappings": "wMAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,cAAcC,MAA2B,WAgBlD,IAAMC,EAA0B,gBAAkD,MAAS,EAErFC,EAAuB,IACL,aAAWD,CAAiB,EAa9CE,EAAuB,aAC3B,CAACC,EAAOC,IAAiB,CACvB,GAAM,CACJ,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaL,EAAOM,EAAwBC,CAAc,EAC9D,OACE,gBAACV,EAAkB,SAAlB,CAA2B,MAAO,CAAE,KAAMG,EAAM,KAAM,QAASA,EAAM,OAAQ,GAC5E,gBAACQ,EAAA,CAAK,QAAO,IACX,gBAACC,EAAoB,KAApB,CACC,oBAAmBN,EAClB,GAAGC,EACJ,IAAKH,EACL,UAAWS,EAAW,oBAAqBR,CAAS,EACtD,CACF,CACF,CAEJ,CACF,EACAH,EAAe,YAAc,kBAM7B,IAAMY,EAAuB,aAC3B,CAAC,CAAE,UAAAT,EAAW,GAAGF,CAAM,EAAGC,IAAiB,CACzC,IAAMW,EAAUd,EAAqB,EAC/Be,EAAeD,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEE,EAAYF,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAACH,EAAoB,KAApB,CACE,GAAGT,EACJ,QAAS,GACT,IAAKC,EACL,UAAWS,EACT,WACA,cACA,oBACAG,EACAC,EACAZ,CACF,EACF,CAEJ,CACF,EACAS,EAAe,YAAc",
-  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "React", "classNames", "RadioGroupPrimitive", "RadioCardsContext", "useRadioCardsContext", "RadioCardsRoot", "props", "forwardedRef", "className", "color", "rootProps", "extractProps", "radioCardsRootPropDefs", "marginPropDefs", "Grid", "RadioGroupPrimitive", "classNames", "RadioCardsItem", "context", "variantClass", "sizeClass"]
-}

package/dist/esm/components/inset.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { insetPropDefs } from './inset.props.js';
-import type { MarginProps } from '../props/margin.props.js';
-import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
-import type { GetPropDefTypes } from '../props/prop-def.js';
-type InsetOwnProps = GetPropDefTypes<typeof insetPropDefs>;
-interface InsetProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, InsetOwnProps {
-}
-declare const Inset: React.ForwardRefExoticComponent<InsetProps & React.RefAttributes<HTMLDivElement>>;
-export { Inset };
-export type { InsetProps };
-//# sourceMappingURL=inset.d.ts.map

package/dist/esm/components/inset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inset.d.ts","sourceRoot":"","sources":["../../../src/components/inset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAC3D,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,aAAa;CAAG;AAEpB,QAAA,MAAM,KAAK,mFAIT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/inset.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-IYFDCW7Y.js";import"../chunk-JAMLW534.js";import"../chunk-UBSLEGQZ.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-PBFSBHBS.js";import"../chunk-WRWNN2NW.js";import"../chunk-RZCX6IBE.js";import"../chunk-QM3RCK5P.js";import"../chunk-NZJGC6ZW.js";import"../chunk-OS3FCYZY.js";export{a as Inset};
-//# sourceMappingURL=inset.js.map

package/dist/esm/components/inset.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/components/inset.props.d.ts

@@ -1,71 +0,0 @@
-declare const insetPropDefs: {
-    side: {
-        type: "enum";
-        className: string;
-        values: readonly ["all", "x", "y", "top", "bottom", "left", "right"];
-        default: "all";
-        responsive: true;
-    };
-    clip: {
-        type: "enum";
-        className: string;
-        values: readonly ["border-box", "padding-box"];
-        default: "border-box";
-        responsive: true;
-    };
-    p: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    px: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    py: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    pt: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    pr: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    pb: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    pl: {
-        type: "enum";
-        className: string;
-        values: readonly ["current", "0"];
-        parseValue: typeof parsePaddingValue;
-        responsive: true;
-    };
-    asChild: {
-        type: "boolean";
-    };
-};
-declare function parsePaddingValue(value: string): string;
-export { insetPropDefs };
-//# sourceMappingURL=inset.props.d.ts.map

package/dist/esm/components/inset.props.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inset.props.d.ts","sourceRoot":"","sources":["../../../src/components/inset.props.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ElB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/esm/components/inset.props.js

@@ -1,2 +0,0 @@
-import{a}from"../chunk-JAMLW534.js";import"../chunk-NZJGC6ZW.js";import"../chunk-OS3FCYZY.js";export{a as insetPropDefs};
-//# sourceMappingURL=inset.props.js.map

package/dist/esm/components/inset.props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/src/components/inset.css

@@ -1,111 +0,0 @@
-.rt-Inset {
-  box-sizing: border-box;
-
-  /* We reset the defined margin variables to avoid inheriting them from a higher component */
-  /* If a margin IS defined on the component itself, the utility class will win and reset it */
-  --margin-top: 0px;
-  --margin-right: 0px;
-  --margin-bottom: 0px;
-  --margin-left: 0px;
-
-  overflow: hidden;
-
-  /*
-   * Note: Next.js may collapse this into a shorthand "margin" declaration when bundling the CSS.
-   * If any of the variables are set to "initial", the shorthand syntax will become invalid and botch the Inset styles.
-   */
-  margin-top: var(--margin-top-override);
-  margin-right: var(--margin-right-override);
-  margin-bottom: var(--margin-bottom-override);
-  margin-left: var(--margin-left-override);
-
-  /* Reset the overrides on direct children */
-  :where(&) > * {
-    --margin-top-override: initial;
-    --margin-right-override: initial;
-    --margin-bottom-override: initial;
-    --margin-left-override: initial;
-  }
-}
-
-@breakpoints {
-  .rt-Inset {
-    &:where(.rt-r-clip-border-box) {
-      /* prettier-ignore */
-      --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-      --inset-padding-top-calc: var(--inset-padding-top, 0px);
-      --inset-padding-right-calc: var(--inset-padding-right, 0px);
-      --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-      --inset-padding-left-calc: var(--inset-padding-left, 0px);
-    }
-    /* prettier-ignore */
-    &:where(.rt-r-clip-padding-box) {
-      --inset-border-radius-calc: var(--inset-border-radius, 0px);
-      --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-      --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-      --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-      --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-    }
-    &:where(.rt-r-side-top) {
-      --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-      --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-      --margin-bottom-override: var(--margin-bottom);
-      --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-      border-top-left-radius: var(--inset-border-radius-calc);
-      border-top-right-radius: var(--inset-border-radius-calc);
-      border-bottom-left-radius: 0px;
-      border-bottom-right-radius: 0px;
-    }
-    &:where(.rt-r-side-bottom) {
-      --margin-top-override: var(--margin-top);
-      --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-      --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-      border-top-left-radius: 0px;
-      border-top-right-radius: 0px;
-      border-bottom-left-radius: var(--inset-border-radius-calc);
-      border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    &:where(.rt-r-side-left) {
-      --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-      --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-      --margin-right-override: var(--margin-right);
-      border-top-left-radius: var(--inset-border-radius-calc);
-      border-top-right-radius: 0px;
-      border-bottom-left-radius: var(--inset-border-radius-calc);
-      border-bottom-right-radius: 0px;
-    }
-    &:where(.rt-r-side-right) {
-      --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-      --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-      --margin-left-override: var(--margin-left);
-      border-top-left-radius: 0px;
-      border-top-right-radius: var(--inset-border-radius-calc);
-      border-bottom-left-radius: 0px;
-      border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    &:where(.rt-r-side-x) {
-      --margin-top-override: var(--margin-top);
-      --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-      --margin-bottom-override: var(--margin-bottom);
-      --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-      border-radius: 0px;
-    }
-    &:where(.rt-r-side-y) {
-      --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-      --margin-right-override: var(--margin-right);
-      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-      --margin-left-override: var(--margin-left);
-      border-radius: 0px;
-    }
-    &:where(.rt-r-side-all) {
-      --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-      --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-      --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-      --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-      border-radius: var(--inset-border-radius-calc);
-    }
-  }
-}

package/src/components/inset.props.tsx

@@ -1,90 +0,0 @@
-import { asChildPropDef } from '../props/as-child.prop.js';
-
-import type { PropDef } from '../props/prop-def.js';
-
-const sides = ['all', 'x', 'y', 'top', 'bottom', 'left', 'right'] as const;
-const clipValues = ['border-box', 'padding-box'] as const;
-const paddingValues = ['current', '0'] as const;
-
-const insetPropDefs = {
-  ...asChildPropDef,
-  side: {
-    type: 'enum',
-    className: 'rt-r-side',
-    values: sides,
-    default: 'all',
-    responsive: true,
-  },
-  clip: {
-    type: 'enum',
-    className: 'rt-r-clip',
-    values: clipValues,
-    default: 'border-box',
-    responsive: true,
-  },
-  p: {
-    type: 'enum',
-    className: 'rt-r-p',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  px: {
-    type: 'enum',
-    className: 'rt-r-px',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  py: {
-    type: 'enum',
-    className: 'rt-r-py',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pt: {
-    type: 'enum',
-    className: 'rt-r-pt',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pr: {
-    type: 'enum',
-    className: 'rt-r-pr',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pb: {
-    type: 'enum',
-    className: 'rt-r-pb',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-  pl: {
-    type: 'enum',
-    className: 'rt-r-pl',
-    values: paddingValues,
-    parseValue: parsePaddingValue,
-    responsive: true,
-  },
-} satisfies {
-  side: PropDef<(typeof sides)[number]>;
-  clip: PropDef<(typeof clipValues)[number]>;
-  p: PropDef<(typeof paddingValues)[number]>;
-  px: PropDef<(typeof paddingValues)[number]>;
-  py: PropDef<(typeof paddingValues)[number]>;
-  pt: PropDef<(typeof paddingValues)[number]>;
-  pr: PropDef<(typeof paddingValues)[number]>;
-  pb: PropDef<(typeof paddingValues)[number]>;
-  pl: PropDef<(typeof paddingValues)[number]>;
-};
-
-function parsePaddingValue(value: string) {
-  return value === 'current' ? 'inset' : value;
-}
-
-export { insetPropDefs };

package/src/components/inset.tsx

@@ -1,28 +0,0 @@
-import * as React from 'react';
-import classNames from 'classnames';
-import { Slot } from 'radix-ui';
-
-import { insetPropDefs } from './inset.props.js';
-import { extractProps } from '../helpers/extract-props.js';
-import { marginPropDefs } from '../props/margin.props.js';
-
-import type { MarginProps } from '../props/margin.props.js';
-import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
-import type { GetPropDefTypes } from '../props/prop-def.js';
-
-type InsetElement = React.ElementRef<'div'>;
-type InsetOwnProps = GetPropDefTypes<typeof insetPropDefs>;
-interface InsetProps
-  extends ComponentPropsWithout<'div', RemovedProps>,
-    MarginProps,
-    InsetOwnProps {}
-
-const Inset = React.forwardRef<InsetElement, InsetProps>((props, forwardedRef) => {
-  const { asChild, className, ...insetProps } = extractProps(props, insetPropDefs, marginPropDefs);
-  const Comp = asChild ? Slot.Root : 'div';
-  return <Comp {...insetProps} ref={forwardedRef} className={classNames('rt-Inset', className)} />;
-});
-Inset.displayName = 'Inset';
-
-export { Inset };
-export type { InsetProps };