@chassis-ui/react 0.3.0 → 0.4.0

package/dist/placeholder.d.ts

@@ -1,2 +1,2 @@
-import { n as PlaceholderProps, t as Placeholder } from "./chunks/index-Bm2NpgND.js";
+import { n as PlaceholderProps, t as Placeholder } from "./chunks/index-0jbACjYQ.js";
 export { Placeholder, type PlaceholderProps };

package/dist/progress.d.ts

@@ -1,2 +1,2 @@
-import { i as ProgressProps, n as ProgressBarProps, r as Progress, t as ProgressBar } from "./chunks/index-t_x6jj7l.js";
+import { i as ProgressProps, n as ProgressBarProps, r as Progress, t as ProgressBar } from "./chunks/index-BOx8v-oT.js";
 export { Progress, ProgressBar, type ProgressBarProps, type ProgressProps };

package/dist/radio.d.ts

@@ -1,2 +1,2 @@
-import { i as RadioProps, n as RadioGroupProps, r as Radio, t as RadioGroup } from "./chunks/index-qMq_-GY2.js";
+import { i as RadioProps, n as RadioGroupProps, r as Radio, t as RadioGroup } from "./chunks/index-CjT_4IZx.js";
 export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };

package/dist/radio.js

@@ -1 +1 @@
-"use client";import{n as e,t}from"./chunks/radio-DOFYCfJi.js";export{e as Radio,t as RadioGroup};
+"use client";import{n as e,t}from"./chunks/radio-B6gJdtoN.js";export{e as Radio,t as RadioGroup};

package/dist/skeleton.d.ts

@@ -1,2 +1,2 @@
-import { i as SkeletonProps, n as SkeletonLoaderProps, r as Skeleton, t as SkeletonLoader } from "./chunks/index-DjXRq-n3.js";
+import { i as SkeletonProps, n as SkeletonLoaderProps, r as Skeleton, t as SkeletonLoader } from "./chunks/index-CHQR8x8_.js";
 export { Skeleton, SkeletonLoader, type SkeletonLoaderProps, type SkeletonProps };

package/dist/skeleton.js

@@ -1 +1 @@
-"use client";import{n as e,t}from"./chunks/skeleton-BrD2JwNx.js";export{e as Skeleton,t as SkeletonLoader};
+"use client";import{n as e,t}from"./chunks/skeleton-CmZBLJwp.js";export{e as Skeleton,t as SkeletonLoader};

package/dist/spinner.d.ts

@@ -1,2 +1,2 @@
-import { n as SpinnerProps, t as Spinner } from "./chunks/index-CJzKu7QI.js";
+import { n as SpinnerProps, t as Spinner } from "./chunks/index-B5bF1JxF.js";
 export { Spinner, type SpinnerProps };

package/dist/stack.d.ts

@@ -1,2 +1,2 @@
-import { n as StackProps, t as Stack } from "./chunks/index-CsMIgBsd.js";
+import { n as StackProps, t as Stack } from "./chunks/index-YJ9QdBuq.js";
 export { Stack, type StackProps };

package/dist/stack.js

@@ -1 +1 @@
-"use client";import{t as e}from"./chunks/stack-CsMiQbpq.js";export{e as Stack};
+"use client";import{t as e}from"./chunks/stack-DK5F53VT.js";export{e as Stack};

package/dist/static-table.d.ts

@@ -1,2 +1,2 @@
-import { n as StaticTableProps, t as StaticTable } from "./chunks/index-Dfy1YW5j.js";
+import { n as StaticTableProps, t as StaticTable } from "./chunks/index-U27Ar174.js";
 export { StaticTable, type StaticTableProps };

package/dist/stepper.d.ts

@@ -1,2 +1,2 @@
-import { a as StepperProps, i as StepperItemDef, n as StepperItemProps, r as Stepper, t as StepperItem } from "./chunks/index-e7SJkI_m.js";
+import { a as StepperProps, i as StepperItemDef, n as StepperItemProps, r as Stepper, t as StepperItem } from "./chunks/index-BLS1jhSJ.js";
 export { Stepper, StepperItem, type StepperItemDef, type StepperItemProps, type StepperProps };

package/dist/switch.d.ts

@@ -1,2 +1,2 @@
-import { n as SwitchProps, t as Switch } from "./chunks/index-BO9jLOIb.js";
+import { n as SwitchProps, t as Switch } from "./chunks/index-lSPcxiii.js";
 export { Switch, type SwitchProps };

package/dist/table.d.ts

@@ -1,2 +1,2 @@
-import { a as TableColumn, c as TableCellProps, d as Table, f as TableProps, i as TableHeaderProps, l as TableBody, n as TableRowProps, o as TableColumnProps, r as TableHeader, s as TableCell, t as TableRow, u as TableBodyProps } from "./chunks/index-CRfm7W6C.js";
+import { a as TableColumn, c as TableCellProps, d as Table, f as TableProps, i as TableHeaderProps, l as TableBody, n as TableRowProps, o as TableColumnProps, r as TableHeader, s as TableCell, t as TableRow, u as TableBodyProps } from "./chunks/index-C9gzVqwX.js";
 export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, type TableHeaderProps, type TableProps, TableRow, type TableRowProps };

package/dist/toast.d.ts

@@ -1,2 +1,2 @@
-import { _ as Toast, a as closeToast, c as ToasterProps, d as ToastHeader, f as ToastHeaderProps, g as ToastBodyProps, h as ToastBody, i as addToast, l as ToastIcon, m as ToastFooterProps, n as useToast, o as toastQueue, p as ToastFooter, r as ToastContent, s as Toaster, t as UseToastResult, u as ToastIconProps, v as ToastProps } from "./chunks/index-CYgBmZ8w.js";
+import { _ as Toast, a as closeToast, c as ToasterProps, d as ToastHeader, f as ToastHeaderProps, g as ToastBodyProps, h as ToastBody, i as addToast, l as ToastIcon, m as ToastFooterProps, n as useToast, o as toastQueue, p as ToastFooter, r as ToastContent, s as Toaster, t as UseToastResult, u as ToastIconProps, v as ToastProps } from "./chunks/index-DP5xugE-.js";
 export { Toast, ToastBody, type ToastBodyProps, type ToastContent, ToastFooter, type ToastFooterProps, ToastHeader, type ToastHeaderProps, ToastIcon, type ToastIconProps, type ToastProps, Toaster, type ToasterProps, type UseToastResult, addToast, closeToast, toastQueue, useToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chassis-ui/react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "description": "Chassis UI Components Library for React.js",
   "keywords": [
@@ -146,8 +146,8 @@
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",
     "@arethetypeswrong/core": "^0.18.5",
-    "@chassis-ui/css": "^0.6.0",
-    "@chassis-ui/tokens": "^0.6.0",
+    "@chassis-ui/css": "^0.7.0",
+    "@chassis-ui/tokens": "^0.7.0",
     "@playwright/test": "1.63.0",
     "@storybook/addon-a11y": "^10.6.1",
     "@storybook/addon-docs": "^10.6.1",
@@ -181,7 +181,7 @@
     "vitest": "^4.1.11"
   },
   "peerDependencies": {
-    "@chassis-ui/css": ">=0.6.0 <0.7.0",
+    "@chassis-ui/css": ">=0.7.0 <0.8.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   }

package/dist/chunks/breakpoints-CJ-498B7.d.ts

@@ -1,7 +0,0 @@
-//#region src/utils/breakpoints.d.ts
-type Span = 'auto' | number | string | boolean;
-type WidthSpan = 'auto' | number | string | boolean;
-type FlexDirection = 'row' | 'column';
-//#endregion
-export { Span as n, WidthSpan as r, FlexDirection as t };
-//# sourceMappingURL=breakpoints-CJ-498B7.d.ts.map

package/dist/chunks/breakpoints-o_2Ev7ir.js

@@ -1,2 +0,0 @@
-const e=[`sm`,`md`,`lg`,`xl`,`2xl`];function t(t,n,r){let i=r?e.filter(e=>r[e]).flatMap(e=>t(r[e],`${e}:`)):[];return[...t(n,``),...i]}const n=(e,t)=>[e&&`${t}flex-${e}`];export{n,t};
-//# sourceMappingURL=breakpoints-o_2Ev7ir.js.map

package/dist/chunks/breakpoints-o_2Ev7ir.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breakpoints-o_2Ev7ir.js","names":[],"sources":["../../src/utils/breakpoints.ts"],"sourcesContent":["import { Breakpoint } from '../types'\n\n// Mobile-first ascending order. Every responsive layout prop (`Flex`/`Stack`/`Row`/`Col`/\n// `Skeleton`'s `responsive`) keys its overrides by these literal chassis-css breakpoint names.\nexport const BREAKPOINTS: Breakpoint[] = ['sm', 'md', 'lg', 'xl', '2xl']\n\n// A column span: a track count, `'auto'` for a natural-width track, or `true` for the bare (no\n// explicit width) case. `Col` maps it to the `col-{n}` / `col` classes of chassis-css's flexbox\n// grid, and the type goes when `Col` does.\nexport type Span = 'auto' | number | string | boolean\n\n// A width in twelfths of the parent: a count, `'auto'` for the natural width, or `true` to fill\n// the rest of a flex row. `Skeleton` maps it to chassis-css's width utilities. The same values as\n// `Span`, kept apart so the skeleton doesn't depend on a type of the flexbox grid.\nexport type WidthSpan = 'auto' | number | string | boolean\n\n/**\n * Builds the class list for a component's base layout plus per-breakpoint overrides supplied via\n * a `responsive` prop — the pattern shared by `Flex`, `Stack`, and (from Phase 2) `Row`/`Col`.\n *\n * `toClassNames` maps one breakpoint's layout value to class name fragments for a given prefix\n * (`''` for the base/unprefixed case, `` `${breakpoint}:` `` otherwise). Falsy entries in its\n * return value are fine — `classnames` drops them at the call site — so fields the layout object\n * doesn't set can just map to `undefined`/`false`.\n */\nexport function buildResponsiveClassNames<TLayout>(\n  toClassNames: (layout: TLayout, prefix: string) => Array<string | false | null | undefined>,\n  base: TLayout,\n  responsive?: Partial<Record<Breakpoint, TLayout>>\n): Array<string | false | null | undefined> {\n  const responsiveClassNames = responsive\n    ? BREAKPOINTS.filter((bp) => responsive[bp]).flatMap((bp) =>\n        toClassNames(responsive[bp] as TLayout, `${bp}:`)\n      )\n    : []\n\n  return [...toClassNames(base, ''), ...responsiveClassNames]\n}\n\nexport type FlexDirection = 'row' | 'column'\n\n// A `buildResponsiveClassNames` `toClassNames` fn for the `flex-row`/`flex-column` direction\n// toggle shared by `Card` and `CardBody`, both of which map a `direction` prop to the same\n// chassis-css class.\nexport const flexDirectionClassNames = (\n  direction: FlexDirection | undefined,\n  prefix: string\n): Array<string | false | undefined> => [direction && `${prefix}flex-${direction}`]\n"],"mappings":"AAIA,MAAa,EAA4B,CAAC,KAAM,KAAM,KAAM,KAAM,KAAK,EAqBvE,SAAgB,EACd,EACA,EACA,EAC0C,CAC1C,IAAM,EAAuB,EACzB,EAAY,OAAQ,GAAO,EAAW,EAAG,CAAC,CAAC,QAAS,GAClD,EAAa,EAAW,GAAgB,GAAG,EAAG,EAAE,CAClD,EACA,CAAC,EAEL,MAAO,CAAC,GAAG,EAAa,EAAM,EAAE,EAAG,GAAG,CAAoB,CAC5D,CAOA,MAAa,GACX,EACA,IACsC,CAAC,GAAa,GAAG,EAAO,OAAO,GAAW"}

package/dist/chunks/card-YXn3bj_d.js

@@ -1,2 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{t}from"./Link-CZsWCnQb.js";import{n,t as r}from"./breakpoints-o_2Ev7ir.js";import{t as i}from"./spacingClassName-DVhk8m3P.js";import a from"react";import o from"classnames";function s({children:e,className:t,component:s,direction:c,gap:l,responsive:u,...d},f){let p=s??`div`,m=o(`card-body`,r(n,c,u),i(`gap`,l),t);return a.createElement(p,{className:m,...d,ref:f},e)}const c=e(s,`CardBody`);function l({children:e,className:t,component:n,...r},i){let s=n??`div`,c=o(`card-footer`,t);return a.createElement(s,{className:c,...r,ref:i},e)}const u=e(l,`CardFooter`),d=(e,t)=>[e?`${t}card-image-${e}`:t===``?`card-image`:null];function f({children:e,className:t,component:n,orientation:i,responsive:s,...c},l){let u=n??`img`,f=o(r(d,i,s),t);return a.createElement(u,{className:f,...c,ref:l},e)}const p=e(f,`CardImage`);function m({children:e,component:t,className:n,...r},i){let s=t??`h6`,c=o(`card-subtitle`,n);return a.createElement(s,{className:c,...r,ref:i},e)}const h=e(m,`CardSubtitle`);function g({children:e,component:t,className:n,...r},i){let s=t??`p`,c=o(`card-text`,n);return a.createElement(s,{className:c,...r,ref:i},e)}const _=e(g,`CardText`);function v({children:e,component:t,className:n,...r},i){let s=t??`h5`,c=o(`card-title`,n);return a.createElement(s,{className:c,...r,ref:i},e)}const y=e(v,`CardTitle`);function b({children:e,className:t,color:i,component:s,direction:l,footer:d,image:f,imageAlt:m,imageOrientation:g=`top`,responsive:v,size:b,subtitle:x,text:S,title:C,variant:w,...T},E){let D=s??`div`,O=o(`card`,i,{context:!!i,solid:w===`solid`,smooth:w===`smooth`,outline:w===`outline`,sm:b===`sm`,lg:b===`lg`},r(n,l,v),t),k=f!=null||C!=null||x!=null||d!=null||S!=null,A=C!=null||x!=null||S!=null||e!=null,j=typeof f==`string`?a.createElement(p,{orientation:g,src:f,alt:m??``}):f;return a.createElement(D,{className:O,...T,ref:E},k?a.createElement(a.Fragment,null,f!=null&&g===`top`&&j,A&&a.createElement(c,null,C!=null&&a.createElement(y,null,C),x!=null&&a.createElement(h,null,x),S!=null&&a.createElement(_,null,S),e),f!=null&&g===`bottom`&&j,d!=null&&a.createElement(u,null,d)):e)}const x=e(b,`Card`);function S({children:e,className:t,component:n,...r},i){let s=n??`div`,c=o(`card-group`,t);return a.createElement(s,{className:c,...r,ref:i},e)}const C=e(S,`CardGroup`);function w({children:e,className:t,component:n,...r},i){let s=n??`div`,c=o(`card-header`,t);return a.createElement(s,{className:c,...r,ref:i},e)}const T=e(w,`CardHeader`);function E({children:e,className:t,component:n,...r},i){let s=n??`div`,c=o(`card-overlay`,t);return a.createElement(s,{className:c,...r,ref:i},e)}const D=e(E,`CardImageOverlay`);function O({children:e,className:n,...r},i){let s=o(`card-link`,n);return a.createElement(t,{className:s,...r,ref:i},e)}const k=e(O,`CardLink`);export{x as a,h as c,c as d,C as i,p as l,D as n,y as o,T as r,_ as s,k as t,u};
-//# sourceMappingURL=card-YXn3bj_d.js.map

package/dist/chunks/card-YXn3bj_d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-YXn3bj_d.js","names":[],"sources":["../../src/components/card/CardBody.tsx","../../src/components/card/CardFooter.tsx","../../src/components/card/CardImage.tsx","../../src/components/card/CardSubtitle.tsx","../../src/components/card/CardText.tsx","../../src/components/card/CardTitle.tsx","../../src/components/card/Card.tsx","../../src/components/card/CardGroup.tsx","../../src/components/card/CardHeader.tsx","../../src/components/card/CardImageOverlay.tsx","../../src/components/card/CardLink.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { Breakpoint, Spacing } from '../../types'\nimport {\n  buildResponsiveClassNames,\n  flexDirectionClassNames,\n  FlexDirection\n} from '../../utils/breakpoints'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { spacingClassName } from '../../utils/spacingClassName'\n\ntype CardBodyOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Switches the body from its default stacked (column) layout to a side-by-side (row) layout —\n   * for placing an image beside text within a single padded region. Wrap the image and text in\n   * `Col` to control each side's width, and nest another `CardBody` (with `.p-0`) for the text\n   * side so it doesn't receive double padding.\n   */\n  direction?: FlexDirection\n  /**\n   * Spacing between children, mapped to the `gap-*` utility classes. Overrides the card's default\n   * gap between body children.\n   */\n  gap?: Spacing | 0\n  /**\n   * Overrides `direction` at one or more breakpoints.\n   */\n  responsive?: Partial<Record<Breakpoint, FlexDirection>>\n}\n\nexport type CardBodyProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardBodyOwnProps<C>\n>\n\ntype CardBodyComponent = (<C extends ElementType = 'div'>(\n  props: CardBodyProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardBodyRender<C extends ElementType = 'div'>(\n  { children, className, component, direction, gap, responsive, ...rest }: CardBodyProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames(\n    'card-body',\n    buildResponsiveClassNames(flexDirectionClassNames, direction, responsive),\n    spacingClassName('gap', gap),\n    className\n  )\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardBody = createPolymorphicComponent<CardBodyComponent>(\n  CardBodyRender as ForwardRefRenderFunction<Element, CardBodyProps<ElementType>>,\n  'CardBody'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardFooterOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardFooterProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardFooterOwnProps<C>\n>\n\ntype CardFooterComponent = (<C extends ElementType = 'div'>(\n  props: CardFooterProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardFooterRender<C extends ElementType = 'div'>(\n  { children, className, component, ...rest }: CardFooterProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('card-footer', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardFooter = createPolymorphicComponent<CardFooterComponent>(\n  CardFooterRender as ForwardRefRenderFunction<Element, CardFooterProps<ElementType>>,\n  'CardFooter'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { Breakpoint } from '../../types'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardImageOrientation = 'top' | 'bottom' | 'start' | 'end'\n\ntype CardImageOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component —\n   * e.g. a framework's own `Image` component. Its own props (`src`, `fill`, `priority`, etc.)\n   * are type-checked at the call site once passed here.\n   */\n  component?: C\n  /**\n   * Orientates the image to the top or bottom of the card as an \"image cap\", or to the start/end\n   * for a horizontal layout. Omit to round all four corners for use inside `CardBody`.\n   */\n  orientation?: CardImageOrientation\n  /**\n   * Overrides `orientation` at one or more breakpoints — e.g. `{ lg: 'start' }` to switch an\n   * image cap from `top` to `start` once the card lays out horizontally.\n   */\n  responsive?: Partial<Record<Breakpoint, CardImageOrientation>>\n}\n\nexport type CardImageProps<C extends ElementType = 'img'> = PolymorphicComponentProps<\n  C,\n  CardImageOwnProps<C>\n>\n\ntype CardImageComponent = (<C extends ElementType = 'img'>(\n  props: CardImageProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nconst layoutClassNames = (orientation: CardImageOrientation | undefined, prefix: string) => [\n  orientation ? `${prefix}card-image-${orientation}` : prefix === '' ? 'card-image' : null\n]\n\nfunction CardImageRender<C extends ElementType = 'img'>(\n  { children, className, component, orientation, responsive, ...rest }: CardImageProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'img'\n  const _className = classNames(\n    buildResponsiveClassNames(layoutClassNames, orientation, responsive),\n    className\n  )\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardImage = createPolymorphicComponent<CardImageComponent>(\n  CardImageRender as ForwardRefRenderFunction<Element, CardImageProps<ElementType>>,\n  'CardImage'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardSubtitleOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardSubtitleProps<C extends ElementType = 'h6'> = PolymorphicComponentProps<\n  C,\n  CardSubtitleOwnProps<C>\n>\n\ntype CardSubtitleComponent = (<C extends ElementType = 'h6'>(\n  props: CardSubtitleProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardSubtitleRender<C extends ElementType = 'h6'>(\n  { children, component, className, ...rest }: CardSubtitleProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'h6'\n  const _className = classNames('card-subtitle', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardSubtitle = createPolymorphicComponent<CardSubtitleComponent>(\n  CardSubtitleRender as ForwardRefRenderFunction<Element, CardSubtitleProps<ElementType>>,\n  'CardSubtitle'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardTextOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardTextProps<C extends ElementType = 'p'> = PolymorphicComponentProps<\n  C,\n  CardTextOwnProps<C>\n>\n\ntype CardTextComponent = (<C extends ElementType = 'p'>(\n  props: CardTextProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardTextRender<C extends ElementType = 'p'>(\n  { children, component, className, ...rest }: CardTextProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'p'\n  const _className = classNames('card-text', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardText = createPolymorphicComponent<CardTextComponent>(\n  CardTextRender as ForwardRefRenderFunction<Element, CardTextProps<ElementType>>,\n  'CardText'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardTitleOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardTitleProps<C extends ElementType = 'h5'> = PolymorphicComponentProps<\n  C,\n  CardTitleOwnProps<C>\n>\n\ntype CardTitleComponent = (<C extends ElementType = 'h5'>(\n  props: CardTitleProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardTitleRender<C extends ElementType = 'h5'>(\n  { children, component, className, ...rest }: CardTitleProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'h5'\n  const _className = classNames('card-title', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardTitle = createPolymorphicComponent<CardTitleComponent>(\n  CardTitleRender as ForwardRefRenderFunction<Element, CardTitleProps<ElementType>>,\n  'CardTitle'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement, ReactNode } from 'react'\nimport classNames from 'classnames'\n\nimport { Breakpoint, ContextColor, ContextStyle, Sizing } from '../../types'\nimport {\n  buildResponsiveClassNames,\n  flexDirectionClassNames,\n  FlexDirection\n} from '../../utils/breakpoints'\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { CardBody } from './CardBody'\nimport { CardFooter } from './CardFooter'\nimport { CardImage } from './CardImage'\nimport { CardSubtitle } from './CardSubtitle'\nimport { CardText } from './CardText'\nimport { CardTitle } from './CardTitle'\n\ntype CardOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Sets the color of the component to one of Chassis context colors.\n   */\n  color?: ContextColor\n  /**\n   * Switches the card from its default stacked (column) layout to a side-by-side (row) layout.\n   * Wrap the image and body in `Col` to control each side's width.\n   */\n  direction?: FlexDirection\n  /**\n   * Shorthand for a `CardFooter`, rendered after the image/title/subtitle/text/`children` block.\n   */\n  footer?: ReactNode\n  /**\n   * Shorthand for a `CardImage` — pass either a `src` URL (combine with `imageAlt`/\n   * `imageOrientation`) or a fully-formed element — a `<CardImage>`, `<Skeleton>`,\n   * `<Placeholder>`, or anything else — rendered as-is in its place. `imageAlt`/`imageOrientation`\n   * only apply to the `src` form; set them directly on your own element otherwise. For a\n   * horizontal layout or an overlay, omit this and compose `CardImage` directly as a child\n   * instead.\n   */\n  image?: ReactNode\n  /**\n   * Accessible alt text for `image`. Ignored unless `image` is set.\n   */\n  imageAlt?: string\n  /**\n   * Orientates `image` to the top (default) or bottom of the card.\n   */\n  imageOrientation?: 'top' | 'bottom'\n  /**\n   * Overrides `direction` at one or more breakpoints — e.g. `{ lg: 'row' }` to lay the card\n   * out horizontally from `lg` up while stacking below it.\n   */\n  responsive?: Partial<Record<Breakpoint, FlexDirection>>\n  /**\n   * Sets the size of the component to one of Chassis component sizes.\n   */\n  size?: Sizing\n  /**\n   * Shorthand for a `CardSubtitle`, rendered directly after `title`.\n   */\n  subtitle?: ReactNode\n  /**\n   * Shorthand for a `CardText`, rendered after `title`/`subtitle`.\n   */\n  text?: ReactNode\n  /**\n   * Shorthand for a `CardTitle`. Set alongside `subtitle`/`text` (or plain `children`, e.g. a\n   * `Button`) to build a standard card without composing `CardBody`/`CardTitle` yourself — all\n   * render together inside a single `CardBody`, in that order. Only takes effect when at least\n   * one of `image`/`title`/`subtitle`/`text`/`footer` is set; otherwise `children` render as-is,\n   * so full manual composition (`CardHeader`, lists, overlays, nav headers, …) keeps working\n   * unchanged. Mixing shorthand props with a manually-composed `children` tree isn't supported —\n   * pick one approach per card.\n   */\n  title?: ReactNode\n  /**\n   * Sets the context style of the component. `basic` (the default) renders with no extra class.\n   */\n  variant?: ContextStyle\n}\n\nexport type CardProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, CardOwnProps<C>>\n\ntype CardComponent = (<C extends ElementType = 'div'>(\n  props: CardProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    color,\n    component,\n    direction,\n    footer,\n    image,\n    imageAlt,\n    imageOrientation = 'top',\n    responsive,\n    size,\n    subtitle,\n    text,\n    title,\n    variant,\n    ...rest\n  }: CardProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames(\n    'card',\n    color,\n    {\n      context: !!color,\n      solid: variant === 'solid',\n      smooth: variant === 'smooth',\n      outline: variant === 'outline',\n      sm: size === 'sm',\n      lg: size === 'lg'\n    },\n    buildResponsiveClassNames(flexDirectionClassNames, direction, responsive),\n    className\n  )\n\n  const hasShorthand =\n    image != null || title != null || subtitle != null || footer != null || text != null\n  const hasBodyContent = title != null || subtitle != null || text != null || children != null\n  const renderedImage =\n    typeof image === 'string' ? (\n      <CardImage orientation={imageOrientation} src={image} alt={imageAlt ?? ''} />\n    ) : (\n      image\n    )\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {hasShorthand ? (\n        <>\n          {image != null && imageOrientation === 'top' && renderedImage}\n          {hasBodyContent && (\n            <CardBody>\n              {title != null && <CardTitle>{title}</CardTitle>}\n              {subtitle != null && <CardSubtitle>{subtitle}</CardSubtitle>}\n              {text != null && <CardText>{text}</CardText>}\n              {children}\n            </CardBody>\n          )}\n          {image != null && imageOrientation === 'bottom' && renderedImage}\n          {footer != null && <CardFooter>{footer}</CardFooter>}\n        </>\n      ) : (\n        children\n      )}\n    </Component>\n  )\n}\n\nexport const Card = createPolymorphicComponent<CardComponent>(\n  CardRender as ForwardRefRenderFunction<Element, CardProps<ElementType>>,\n  'Card'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardGroupOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardGroupProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardGroupOwnProps<C>\n>\n\ntype CardGroupComponent = (<C extends ElementType = 'div'>(\n  props: CardGroupProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\n// Arranges direct-child Cards as an equal-width row, joined edge-to-edge, once its container\n// reaches the sm container breakpoint — below that, cards stack vertically. Requires a\n// `.contains-inline` ancestor (not applied by CardGroup itself, e.g. a wrapping\n// `<div className=\"contains-inline\">`) to establish the container query context.\nfunction CardGroupRender<C extends ElementType = 'div'>(\n  { children, className, component, ...rest }: CardGroupProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('card-group', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardGroup = createPolymorphicComponent<CardGroupComponent>(\n  CardGroupRender as ForwardRefRenderFunction<Element, CardGroupProps<ElementType>>,\n  'CardGroup'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardHeaderOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardHeaderProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardHeaderOwnProps<C>\n>\n\ntype CardHeaderComponent = (<C extends ElementType = 'div'>(\n  props: CardHeaderProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardHeaderRender<C extends ElementType = 'div'>(\n  { children, className, component, ...rest }: CardHeaderProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('card-header', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardHeader = createPolymorphicComponent<CardHeaderComponent>(\n  CardHeaderRender as ForwardRefRenderFunction<Element, CardHeaderProps<ElementType>>,\n  'CardHeader'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\n\ntype CardImageOverlayOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n}\n\nexport type CardImageOverlayProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  CardImageOverlayOwnProps<C>\n>\n\ntype CardImageOverlayComponent = (<C extends ElementType = 'div'>(\n  props: CardImageOverlayProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardImageOverlayRender<C extends ElementType = 'div'>(\n  { children, className, component, ...rest }: CardImageOverlayProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('card-overlay', className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const CardImageOverlay = createPolymorphicComponent<CardImageOverlayComponent>(\n  CardImageOverlayRender as ForwardRefRenderFunction<Element, CardImageOverlayProps<ElementType>>,\n  'CardImageOverlay'\n)\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport { createPolymorphicComponent, PolymorphicRef } from '../../utils/polymorphic'\nimport { Link, LinkProps } from '../link/Link'\n\ntype CardLinkOwnProps = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n}\n\nexport type CardLinkProps<C extends ElementType = 'a'> = LinkProps<C> & CardLinkOwnProps\n\ntype CardLinkComponent = (<C extends ElementType = 'a'>(\n  props: CardLinkProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction CardLinkRender<C extends ElementType = 'a'>(\n  { children, className, ...rest }: CardLinkProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const _className = classNames('card-link', className)\n\n  return (\n    <Link\n      className={_className}\n      {...(rest as Record<string, unknown>)}\n      ref={ref as PolymorphicRef<ElementType>}\n    >\n      {children}\n    </Link>\n  )\n}\n\nexport const CardLink = createPolymorphicComponent<CardLinkComponent>(\n  CardLinkRender as ForwardRefRenderFunction<Element, CardLinkProps<ElementType>>,\n  'CardLink'\n)\n"],"mappings":"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"}

package/dist/chunks/flex-CmlJbKVj.js

@@ -1,2 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{t as e}from"./polymorphic-BhGNZQja.js";import{t}from"./breakpoints-o_2Ev7ir.js";import{t as n}from"./spacingClassName-DVhk8m3P.js";import r from"react";import i from"classnames";const a=({direction:e,wrap:t,justify:r,align:i,alignContent:a,gap:o,rowGap:s,columnGap:c},l)=>[e&&`${l}flex-${e}`,t&&`${l}flex-${t}`,r&&`${l}justify-content-${r}`,i&&`${l}align-items-${i}`,a&&`${l}align-content-${a}`,n(`gap`,o,l),n(`row-gap`,s,l),n(`column-gap`,c,l)];function o({children:e,className:n,component:o,inline:s,direction:c,wrap:l,justify:u,align:d,alignContent:f,gap:p,rowGap:m,columnGap:h,responsive:g,..._},v){let y=o??`div`,b=i(s?`d-inline-flex`:`d-flex`,t(a,{direction:c,wrap:l,justify:u,align:d,alignContent:f,gap:p,rowGap:m,columnGap:h},g),n);return r.createElement(y,{className:b,..._,ref:v},e)}const s=e(o,`Flex`);export{s as t};
-//# sourceMappingURL=flex-CmlJbKVj.js.map

package/dist/chunks/flex-CmlJbKVj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flex-CmlJbKVj.js","names":[],"sources":["../../src/components/flex/Flex.tsx"],"sourcesContent":["import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { spacingClassName } from '../../utils/spacingClassName'\nimport { Breakpoint, Spacing } from '../../types'\n\nexport interface FlexLayout {\n  /**\n   * Sets `flex-direction`. Omit for the browser default (`row`).\n   */\n  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse'\n  /**\n   * Sets `flex-wrap`. Omit for the browser default (`nowrap`).\n   */\n  wrap?: 'wrap' | 'nowrap' | 'wrap-reverse'\n  /**\n   * Sets `justify-content`, aligning items along the main axis.\n   */\n  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly'\n  /**\n   * Sets `align-items`, aligning items along the cross axis.\n   */\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'\n  /**\n   * Sets `align-content`, distributing wrapped lines along the cross axis. Has no effect on\n   * single-line (non-wrapping) containers.\n   */\n  alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch'\n  /**\n   * Spacing between children on both axes, mapped to the `gap-*` utility classes. Overridden per\n   * axis by `rowGap`/`columnGap` where set.\n   */\n  gap?: Spacing | 0\n  /**\n   * Spacing between rows (the cross axis when wrapped), mapped to the `row-gap-*` utility\n   * classes. Independent of `gap`/`columnGap`.\n   */\n  rowGap?: Spacing | 0\n  /**\n   * Spacing between columns (the main axis), mapped to the `column-gap-*` utility classes.\n   * Independent of `gap`/`rowGap`.\n   */\n  columnGap?: Spacing | 0\n}\n\ntype FlexOwnProps<C extends ElementType> = FlexLayout & {\n  /**\n   * A string of all className you want applied to the component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Renders an inline flex container (`.d-inline-flex`) instead of a block-level one (`.d-flex`,\n   * the default).\n   */\n  inline?: boolean\n  /**\n   * Overrides any of `direction`/`wrap`/`justify`/`align`/`alignContent`/`gap`/`rowGap`/\n   * `columnGap` at one or more breakpoints, via regular viewport media queries (unlike `Stack`'s\n   * `responsive` prop, this doesn't require a `.contains-inline` ancestor).\n   */\n  responsive?: Partial<Record<Breakpoint, FlexLayout>>\n}\n\nexport type FlexProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, FlexOwnProps<C>>\n\ntype FlexComponent = (<C extends ElementType = 'div'>(\n  props: FlexProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nconst layoutClassNames = (\n  { direction, wrap, justify, align, alignContent, gap, rowGap, columnGap }: FlexLayout,\n  prefix: string\n) => [\n  direction && `${prefix}flex-${direction}`,\n  wrap && `${prefix}flex-${wrap}`,\n  justify && `${prefix}justify-content-${justify}`,\n  align && `${prefix}align-items-${align}`,\n  alignContent && `${prefix}align-content-${alignContent}`,\n  spacingClassName('gap', gap, prefix),\n  spacingClassName('row-gap', rowGap, prefix),\n  spacingClassName('column-gap', columnGap, prefix)\n]\n\nfunction FlexRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    inline,\n    direction,\n    wrap,\n    justify,\n    align,\n    alignContent,\n    gap,\n    rowGap,\n    columnGap,\n    responsive,\n    ...rest\n  }: FlexProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames(\n    inline ? 'd-inline-flex' : 'd-flex',\n    buildResponsiveClassNames(\n      layoutClassNames,\n      { direction, wrap, justify, align, alignContent, gap, rowGap, columnGap },\n      responsive\n    ),\n    className\n  )\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Flex = createPolymorphicComponent<FlexComponent>(\n  FlexRender as ForwardRefRenderFunction<Element, FlexProps<ElementType>>,\n  'Flex'\n)\n"],"mappings":"0NA+EA,MAAM,GACJ,CAAE,YAAW,OAAM,UAAS,QAAO,eAAc,MAAK,SAAQ,aAC9D,IACG,CACH,GAAa,GAAG,EAAO,OAAO,IAC9B,GAAQ,GAAG,EAAO,OAAO,IACzB,GAAW,GAAG,EAAO,kBAAkB,IACvC,GAAS,GAAG,EAAO,cAAc,IACjC,GAAgB,GAAG,EAAO,gBAAgB,IAC1C,EAAiB,MAAO,EAAK,CAAM,EACnC,EAAiB,UAAW,EAAQ,CAAM,EAC1C,EAAiB,aAAc,EAAW,CAAM,CAClD,EAEA,SAAS,EACP,CACE,WACA,YACA,YACA,SACA,YACA,OACA,UACA,QACA,eACA,MACA,SACA,YACA,aACA,GAAG,GAEL,EACA,CACA,IAAM,EAAY,GAAa,MACzB,EAAa,EACjB,EAAS,gBAAkB,SAC3B,EACE,EACA,CAAE,YAAW,OAAM,UAAS,QAAO,eAAc,MAAK,SAAQ,WAAU,EACxE,CACF,EACA,CACF,EAEA,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAEtC,EADR,CACQ,CAEf,CAEA,MAAa,EAAO,EAClB,EACA,MACF"}

package/dist/chunks/grid-DK_vxz-4.js

@@ -1,2 +0,0 @@
-import"./focus-ring-SR_LwaN7.js";import{v as e}from"./slot-CNhFZdHF.js";import{t}from"./polymorphic-BhGNZQja.js";import{t as n}from"./breakpoints-o_2Ev7ir.js";import{t as r}from"./spacingClassName-DVhk8m3P.js";import i,{forwardRef as a}from"react";import o from"classnames";const s=({span:e,offset:t,order:n},r)=>[typeof e==`number`||typeof e==`string`?`${r}col-${e}`:null,e===!0?`${r}col`:null,typeof t==`number`||typeof t==`string`?`${r}offset-${t}`:null,typeof n==`number`||typeof n==`string`?`${r}order-${n}`:null],c=a(({children:t,className:r,span:a,offset:c,order:l,responsive:u,...d},f)=>{e(!0,`Col: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and GridItem instead. They will be removed in a future major version.`);let p=n(s,{span:a,offset:c,order:l},u),m=o(a===void 0&&`col`,p,r);return i.createElement(`div`,{className:m,...d,ref:f},t)});c.displayName=`Col`;function l({children:e,className:t,component:n,fluidUntil:r,fluid:a,...s},c){let l=n??`div`,u=o(`container`,a&&`fluid`,r,t);return i.createElement(l,{className:u,...s,ref:c},e)}const u=t(l,`Container`),d=new Set([`zero`,`4xs`,`3xs`,`2xs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`]),f=(e,t=``)=>e!==void 0&&d.has(e)?`${t}gap-${e}`:null,p=e=>e!==void 0&&!d.has(e)?e:void 0,m=e=>e!==void 0&&Number.isInteger(e)&&e>=1&&e<=12;function h({children:e,className:t,component:r,columns:a,rows:s,gap:c,responsive:l,fill:u,min:d,style:h,...g},_){let v=r??`div`,y=m(a),b=o(u?`grid-fill`:`grid`,n(({columns:e,gap:t},n)=>[!u&&e!==void 0&&`${n}grid-cols-${e}`,f(t,n)],{columns:y?a:void 0,gap:c},l),t),x={...h},S=p(c);return S!==void 0&&(x[`--cx-grid-gap`]=S),u?d!==void 0&&(x[`--cx-grid-min`]=d):(a!==void 0&&!y&&(x[`--cx-grid-columns`]=a),s!==void 0&&(x[`--cx-grid-rows`]=s)),i.createElement(v,{className:b,style:x,...g,ref:_},e)}const g=t(h,`Grid`),_=({span:e,start:t,rowSpan:n,rowStart:r},i)=>[e===void 0?null:`${i}col-span-${e}`,t===void 0?null:`${i}col-start-${t}`,n===void 0?null:`${i}row-span-${n}`,r===void 0?null:`${i}row-start-${r}`];function v({children:e,className:t,component:r,span:a,start:s,rowSpan:c,rowStart:l,responsive:u,subgrid:d,rows:m,gap:h,style:g,...v},y){let b=r??`div`,x=o(n(_,{span:a,start:s,rowSpan:c,rowStart:l},u),d&&`grid grid-cols-subgrid`,d&&f(h),t),S={...g};if(d){m!==void 0&&(S[`--cx-grid-rows`]=m);let e=p(h);e!==void 0&&(S[`--cx-grid-gap`]=e)}return i.createElement(b,{className:x,style:S,...v,ref:y},e)}const y=t(v,`GridItem`),b=({cols:e,gutter:t,gutterX:n,gutterY:i},a)=>[e?`${a}row-cols-${e}`:null,r(`g`,t,a),r(`gx`,n,a),r(`gy`,i,a)],x=a(({children:t,className:r,cols:a,gutter:s,gutterX:c,gutterY:l,responsive:u,...d},f)=>{e(!0,`Row: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and GridItem instead. They will be removed in a future major version.`);let p=o(`row`,n(b,{cols:a,gutter:s,gutterX:c,gutterY:l},u),r);return i.createElement(`div`,{className:p,...d,ref:f},t)});x.displayName=`Row`;export{c as a,u as i,y as n,g as r,x as t};
-//# sourceMappingURL=grid-DK_vxz-4.js.map

package/dist/chunks/grid-DK_vxz-4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid-DK_vxz-4.js","names":["layoutClassNames","layoutClassNames"],"sources":["../../src/components/grid/Col.tsx","../../src/components/grid/Container.tsx","../../src/types.ts","../../src/components/grid/gap.ts","../../src/components/grid/Grid.tsx","../../src/components/grid/GridItem.tsx","../../src/components/grid/Row.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nimport { Span, buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { devWarning } from '../../utils/devWarning'\nimport { Breakpoint } from '../../types'\n\nexport interface ColLayout {\n  /**\n   * Columns (of 12) this Col spans, or `'auto'`/`true` for a natural-width column.\n   *\n   * @type { 'auto' | number | string | boolean }\n   */\n  span?: Span\n  /**\n   * Columns to offset the start of this Col by.\n   */\n  offset?: number | string\n  /**\n   * Visual order relative to sibling columns.\n   *\n   * @type { 'first' | 'last' | number | string }\n   */\n  order?: 'first' | 'last' | number | string\n}\n\n/**\n * @deprecated Use `GridItemProps`: `Col` is deprecated with the flexbox grid of `@chassis-ui/css`.\n */\nexport interface ColProps extends HTMLAttributes<HTMLDivElement>, ColLayout {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Overrides `span`/`offset`/`order` at a breakpoint and up.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { span?: 'auto' | number | string | boolean, offset?: number | string, order?: 'first' | 'last' | number | string }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, ColLayout>>\n}\n\nconst layoutClassNames = ({ span, offset, order }: ColLayout, prefix: string) => [\n  typeof span === 'number' || typeof span === 'string' ? `${prefix}col-${span}` : null,\n  span === true ? `${prefix}col` : null,\n  typeof offset === 'number' || typeof offset === 'string' ? `${prefix}offset-${offset}` : null,\n  typeof order === 'number' || typeof order === 'string' ? `${prefix}order-${order}` : null\n]\n\n/**\n * @deprecated Use `GridItem` in a `Grid`, with `start` for `offset`. A column as wide as its\n * content (`span=\"auto\"`) has no grid equivalent: use `Flex`. `@chassis-ui/css` deprecates its\n * flexbox grid (`.row`, `.col-*`) in 0.6 and removes it in 0.7, and `Col` goes with it.\n */\nexport const Col = forwardRef<HTMLDivElement, ColProps>(\n  ({ children, className, span, offset, order, responsive, ...rest }, ref) => {\n    devWarning(\n      true,\n      'Col: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and ' +\n        'GridItem instead. They will be removed in a future major version.'\n    )\n\n    const layoutClassList = buildResponsiveClassNames(\n      layoutClassNames,\n      { span, offset, order },\n      responsive\n    )\n\n    // The base breakpoint only gets its equal-width flex sizing from an explicit `span` (base or\n    // `col`'s own class) or from the fallback bare `col` below — `offset`/`order` alone (or a\n    // `span` set only inside `responsive`) don't provide it, so without this the column would\n    // render at `flex: 0 1 auto` instead of a proper flexible column below the first tier that\n    // sets a span.\n    const _className = classNames(span === undefined && 'col', layoutClassList, className)\n\n    return (\n      <div className={_className} {...rest} ref={ref}>\n        {children}\n      </div>\n    )\n  }\n)\n\nCol.displayName = 'Col'\n","import React, { ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { Breakpoint } from '../../types'\n\ntype ContainerOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Set container 100% wide until the given breakpoint, after which it scales up with `max-width`\n   * at every larger breakpoint.\n   *\n   * @type Breakpoint\n   */\n  fluidUntil?: Breakpoint\n  /**\n   * Set container 100% wide, spanning the entire width of the viewport.\n   */\n  fluid?: boolean\n}\n\nexport type ContainerProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  ContainerOwnProps<C>\n>\n\ntype ContainerComponent = (<C extends ElementType = 'div'>(\n  props: ContainerProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction ContainerRender<C extends ElementType = 'div'>(\n  { children, className, component, fluidUntil, fluid, ...rest }: ContainerProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames('container', fluid && 'fluid', fluidUntil, className)\n\n  return (\n    <Component className={_className} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Container = createPolymorphicComponent<ContainerComponent>(\n  ContainerRender as ForwardRefRenderFunction<Element, ContainerProps<ElementType>>,\n  'Container'\n)\n","/**\n * Breakpoints\n */\nexport type Breakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\n/**\n * Context colors\n */\nexport type ContextColor =\n  | 'default'\n  | 'alternate'\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'success'\n  | 'danger'\n  | 'warning'\n  | 'info'\n  | 'black'\n  | 'white'\n\n/**\n * Context styles\n */\nexport type ContextStyle = 'basic' | 'solid' | 'outline' | 'smooth'\n\n/**\n * Component sizes\n */\nexport type Sizing = 'sm' | 'md' | 'lg'\n\n/**\n * Extended sizes\n */\nexport type ExtendedSizing = '2xs' | 'xs' | Sizing | 'xl' | '2xl'\n\n/**\n * Spacing values. `SPACING` is the runtime source of truth — `Spacing` is derived from it so the\n * two can't drift apart; anything needing the values at runtime (e.g. validating a string against\n * the scale) should import `SPACING`, not hand-copy the list.\n */\nexport const SPACING = [\n  'zero',\n  '4xs',\n  '3xs',\n  '2xs',\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl'\n] as const\n\nexport type Spacing = (typeof SPACING)[number]\n\n/**\n * Font families\n */\nexport type FontFamily = 'text' | 'display' | 'code' | 'html'\n\n/**\n * Font weights\n */\nexport type FontWeight = 'elegant' | 'normal' | 'strong' | 'mass'\n\n/**\n * Font sizes\n */\nexport type FontSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl'\n\n/**\n * Component placements\n */\nexport type Placements =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top-end'\n  | 'top'\n  | 'top-start'\n  | 'bottom-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'right-start'\n  | 'right'\n  | 'right-end'\n  | 'left-start'\n  | 'left'\n  | 'left-end'\n\n/**\n * Component shapes\n */\nexport type Shapes =\n  | 'rounded'\n  | 'rounded-top'\n  | 'rounded-end'\n  | 'rounded-bottom'\n  | 'rounded-start'\n  | 'rounded-circle'\n  | 'rounded-pill'\n  | 'rounded-0'\n  | 'rounded-1'\n  | 'rounded-2'\n  | 'rounded-3'\n\nexport type TextColor =\n  | ContextColor\n  | 'main'\n  | 'subtle'\n  | 'slight'\n  | 'solid'\n  | 'inverse'\n  | 'highlight'\n  | 'active'\n  | 'contrast'\n\nexport type Triggers = 'hover' | 'focus' | 'click'\n","import { SPACING } from '../../types'\n\nconst SPACING_TOKENS = new Set<string>(SPACING)\n\n// A `Spacing` token is chassis-css's own `gap-{token}` utility, which a breakpoint prefix makes\n// responsive. Anything else (a raw CSS value, e.g. `\"1rem\"` or `\".25rem 1rem\"`) has no class and\n// goes to the `--cx-grid-gap` custom property instead: see `gapValue`.\nexport const gapClassName = (gap: string | undefined, prefix = ''): string | null =>\n  gap !== undefined && SPACING_TOKENS.has(gap) ? `${prefix}gap-${gap}` : null\n\nexport const gapValue = (gap: string | undefined): string | undefined =>\n  gap !== undefined && !SPACING_TOKENS.has(gap) ? gap : undefined\n","import React, { CSSProperties, ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { Breakpoint, Spacing } from '../../types'\nimport { gapClassName, gapValue } from './gap'\n\ntype GridStyle = CSSProperties & {\n  '--cx-grid-columns'?: number\n  '--cx-grid-rows'?: number\n  '--cx-grid-gap'?: string\n  '--cx-grid-min'?: string\n}\n\nexport interface GridLayout {\n  /**\n   * Number of columns in the grid template from this breakpoint up, mapped to the\n   * `grid-cols-{n}` class (1 to 12). Has no effect when `fill` is set.\n   */\n  columns?: number\n  /**\n   * Gap between grid items from this breakpoint up, mapped to the `gap-{token}` class.\n   */\n  gap?: Spacing\n}\n\ntype GridOwnProps<C extends ElementType> = {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Number of columns in the grid template (the column count of `@chassis-ui/css` when omitted,\n   * `12` by default). A count from 1 to 12 is mapped to the `grid-cols-{n}` class, which applies\n   * to this grid alone. Any other count has no class and is set via the `--cx-grid-columns`\n   * custom property, which a grid nested in this one inherits: give that grid `columns` of its\n   * own. Has no effect when `fill` is set.\n   */\n  columns?: number\n  /**\n   * Number of rows in the grid template, set via the `--cx-grid-rows` custom property (defaults\n   * to `1` in CSS when omitted). Has no effect when `fill` is set.\n   */\n  rows?: number\n  /**\n   * Gap between grid items: a `Spacing` token (mapped to the `gap-{token}` class) or any raw CSS\n   * `gap` value, including a `\"{row} {column}\"` pair (set via the `--cx-grid-gap` custom\n   * property). The gutter of the current breakpoint when omitted.\n   *\n   * @type { Spacing | string }\n   */\n  gap?: Spacing | (string & {})\n  /**\n   * Overrides `columns`/`gap` at a breakpoint and up, with the `grid-cols-{n}` and `gap-{token}`\n   * classes.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { columns?: number, gap?: Spacing }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, GridLayout>>\n  /**\n   * Renders `.grid-fill` instead of `.grid` — columns expand equally to fill the available\n   * width, with the column count determined by the number of children rather than `columns`.\n   */\n  fill?: boolean\n  /**\n   * Minimum column width of a `fill` grid, set via the `--cx-grid-min` custom property: any CSS\n   * length, e.g. `\"12rem\"`. Children wrap to a new row when they would get narrower. Only\n   * relevant when `fill` is set.\n   */\n  min?: string\n}\n\nexport type GridProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, GridOwnProps<C>>\n\n// chassis-css has `grid-cols-1` to `grid-cols-12`.\nconst hasColumnsClass = (columns: number | undefined) =>\n  columns !== undefined && Number.isInteger(columns) && columns >= 1 && columns <= 12\n\ntype GridComponent = (<C extends ElementType = 'div'>(\n  props: GridProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nfunction GridRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    columns,\n    rows,\n    gap,\n    responsive,\n    fill,\n    min,\n    style,\n    ...rest\n  }: GridProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n\n  // A class where chassis-css has one: `--cx-grid-columns` set inline is inherited by every grid\n  // nested in this one, which then has this grid's column count instead of its own. Only a base\n  // count with no class falls back to the property; a breakpoint's can't, since an inline style\n  // holds no media query. `.grid-fill` counts its own columns.\n  const columnsClass = hasColumnsClass(columns)\n\n  const layoutClassNames = (\n    { columns, gap }: { columns?: number; gap?: string },\n    prefix: string\n  ) => [\n    !fill && columns !== undefined && `${prefix}grid-cols-${columns}`,\n    gapClassName(gap, prefix)\n  ]\n\n  const _className = classNames(\n    fill ? 'grid-fill' : 'grid',\n    buildResponsiveClassNames(\n      layoutClassNames,\n      { columns: columnsClass ? columns : undefined, gap },\n      responsive\n    ),\n    className\n  )\n\n  const _style: GridStyle = { ...style }\n  const _gap = gapValue(gap)\n\n  if (_gap !== undefined) _style['--cx-grid-gap'] = _gap\n\n  if (fill) {\n    if (min !== undefined) _style['--cx-grid-min'] = min\n  } else {\n    if (columns !== undefined && !columnsClass) _style['--cx-grid-columns'] = columns\n    if (rows !== undefined) _style['--cx-grid-rows'] = rows\n  }\n\n  return (\n    <Component className={_className} style={_style} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Grid = createPolymorphicComponent<GridComponent>(\n  GridRender as ForwardRefRenderFunction<Element, GridProps<ElementType>>,\n  'Grid'\n)\n","import React, { CSSProperties, ElementType, ForwardRefRenderFunction, ReactElement } from 'react'\nimport classNames from 'classnames'\n\nimport {\n  createPolymorphicComponent,\n  PolymorphicComponentProps,\n  PolymorphicRef\n} from '../../utils/polymorphic'\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { Breakpoint, Spacing } from '../../types'\nimport { gapClassName, gapValue } from './gap'\n\ntype GridItemStyle = CSSProperties & {\n  '--cx-grid-rows'?: number\n  '--cx-grid-gap'?: string\n}\n\nexport interface GridItemLayout {\n  /**\n   * Number of grid column tracks (of the parent `<Grid>`'s `columns`) this item spans, mapped to\n   * the `col-span-{n}` class, or `'full'` for every track of the row (`col-span-full`). An item\n   * with no `span` is one track wide.\n   *\n   * @type { number | 'full' }\n   */\n  span?: number | 'full'\n  /**\n   * Grid column line to start this item at, mapped to the `col-start-{n}` class. `'auto'`\n   * (`col-start-auto`) returns the item to the flow, to undo a start line at a wider breakpoint.\n   *\n   * @type { number | 'auto' }\n   */\n  start?: number | 'auto'\n  /**\n   * Number of grid row tracks this item spans, mapped to the `row-span-{n}` class.\n   */\n  rowSpan?: number\n  /**\n   * Grid row line to start this item at, mapped to the `row-start-{n}` class, or `'auto'`\n   * (`row-start-auto`) to return it to the flow.\n   *\n   * @type { number | 'auto' }\n   */\n  rowStart?: number | 'auto'\n}\n\ntype GridItemOwnProps<C extends ElementType> = GridItemLayout & {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Component used for the root node. Either a string to use a HTML element or a component.\n   */\n  component?: C\n  /**\n   * Overrides `span`/`start`/`rowSpan`/`rowStart` at a breakpoint and up.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { span?: number | 'full', start?: number | 'auto', rowSpan?: number, rowStart?: number | 'auto' }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, GridItemLayout>>\n  /**\n   * Turns this item into a nested subgrid: adds `.grid`/`.grid-cols-subgrid` alongside its\n   * `col-span-{n}`/`col-start-{n}` placement classes, so its own children inherit the parent\n   * `<Grid>`'s column tracks instead of defining new ones. Combine with `span` — a subgrid\n   * item must itself be a grid item of the parent for `grid-template-columns: subgrid` to take\n   * effect, which is why `subgrid` lives on `<GridItem>` (the element actually placed as a grid\n   * item) rather than on a `<Grid>` nested inside it.\n   */\n  subgrid?: boolean\n  /**\n   * Number of rows in the subgrid's own row template, set via the `--cx-grid-rows` custom\n   * property (defaults to `1` in CSS when omitted). Only relevant when `subgrid` is set —\n   * subgrid only inherits the parent's column tracks, not its rows.\n   */\n  rows?: number\n  /**\n   * Gap between the subgrid's children: a `Spacing` token (mapped to the `gap-{token}` class) or\n   * any raw CSS `gap` value (set via the `--cx-grid-gap` custom property). Only relevant when\n   * `subgrid` is set. A subgrid has the gap of its own: when the parent `<Grid>` takes a `gap`\n   * token, give the subgrid the same one, or its children are narrower than the parent's tracks.\n   *\n   * @type { Spacing | string }\n   */\n  gap?: Spacing | (string & {})\n}\n\nexport type GridItemProps<C extends ElementType = 'div'> = PolymorphicComponentProps<\n  C,\n  GridItemOwnProps<C>\n>\n\ntype GridItemComponent = (<C extends ElementType = 'div'>(\n  props: GridItemProps<C> & { ref?: PolymorphicRef<C> }\n) => ReactElement | null) & { displayName?: string }\n\nconst layoutClassNames = ({ span, start, rowSpan, rowStart }: GridItemLayout, prefix: string) => [\n  span === undefined ? null : `${prefix}col-span-${span}`,\n  start === undefined ? null : `${prefix}col-start-${start}`,\n  rowSpan === undefined ? null : `${prefix}row-span-${rowSpan}`,\n  rowStart === undefined ? null : `${prefix}row-start-${rowStart}`\n]\n\nfunction GridItemRender<C extends ElementType = 'div'>(\n  {\n    children,\n    className,\n    component,\n    span,\n    start,\n    rowSpan,\n    rowStart,\n    responsive,\n    subgrid,\n    rows,\n    gap,\n    style,\n    ...rest\n  }: GridItemProps<C>,\n  ref: PolymorphicRef<C>\n) {\n  const Component = component ?? 'div'\n  const _className = classNames(\n    buildResponsiveClassNames(layoutClassNames, { span, start, rowSpan, rowStart }, responsive),\n    subgrid && 'grid grid-cols-subgrid',\n    subgrid && gapClassName(gap),\n    className\n  )\n\n  const _style: GridItemStyle = { ...style }\n\n  if (subgrid) {\n    if (rows !== undefined) _style['--cx-grid-rows'] = rows\n    const _gap = gapValue(gap)\n    if (_gap !== undefined) _style['--cx-grid-gap'] = _gap\n  }\n\n  return (\n    <Component className={_className} style={_style} {...rest} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const GridItem = createPolymorphicComponent<GridItemComponent>(\n  GridItemRender as ForwardRefRenderFunction<Element, GridItemProps<ElementType>>,\n  'GridItem'\n)\n","import React, { forwardRef, HTMLAttributes } from 'react'\nimport classNames from 'classnames'\n\nimport { buildResponsiveClassNames } from '../../utils/breakpoints'\nimport { devWarning } from '../../utils/devWarning'\nimport { spacingClassName } from '../../utils/spacingClassName'\nimport { Breakpoint, Spacing } from '../../types'\n\nexport interface RowLayout {\n  /**\n   * Equal-width columns per row, or `'auto'` for content-sized columns.\n   *\n   * @type { 'auto' | number | string }\n   */\n  cols?: 'auto' | number | string\n  /**\n   * Gutter width on both axes.\n   *\n   * @type { Spacing | 0 }\n   */\n  gutter?: Spacing | 0\n  /**\n   * Horizontal gutter width.\n   *\n   * @type { Spacing | 0 }\n   */\n  gutterX?: Spacing | 0\n  /**\n   * Vertical gutter width.\n   *\n   * @type { Spacing | 0 }\n   */\n  gutterY?: Spacing | 0\n}\n\n/**\n * @deprecated Use `GridProps`: `Row` is deprecated with the flexbox grid of `@chassis-ui/css`.\n */\nexport interface RowProps extends HTMLAttributes<HTMLDivElement>, RowLayout {\n  /**\n   * A string of all className you want applied to the base component.\n   */\n  className?: string\n  /**\n   * Overrides `cols`/`gutter`/`gutterX`/`gutterY` at a breakpoint and up.\n   *\n   * @type { Partial<Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', { cols?: 'auto' | number | string, gutter?: Spacing | 0, gutterX?: Spacing | 0, gutterY?: Spacing | 0 }>> }\n   */\n  responsive?: Partial<Record<Breakpoint, RowLayout>>\n}\n\nconst layoutClassNames = ({ cols, gutter, gutterX, gutterY }: RowLayout, prefix: string) => [\n  cols ? `${prefix}row-cols-${cols}` : null,\n  spacingClassName('g', gutter, prefix),\n  spacingClassName('gx', gutterX, prefix),\n  spacingClassName('gy', gutterY, prefix)\n]\n\n/**\n * @deprecated Use `Grid`, with `columns` for `cols` and `gap` for `gutter`. `@chassis-ui/css`\n * deprecates its flexbox grid (`.row`, `.col-*`) in 0.6 and removes it in 0.7, and `Row` goes\n * with it.\n */\nexport const Row = forwardRef<HTMLDivElement, RowProps>(\n  ({ children, className, cols, gutter, gutterX, gutterY, responsive, ...rest }, ref) => {\n    devWarning(\n      true,\n      'Row: Row and Col are deprecated with the flexbox grid of @chassis-ui/css, use Grid and ' +\n        'GridItem instead. They will be removed in a future major version.'\n    )\n\n    const _className = classNames(\n      'row',\n      buildResponsiveClassNames(layoutClassNames, { cols, gutter, gutterX, gutterY }, responsive),\n      className\n    )\n\n    return (\n      <div className={_className} {...rest} ref={ref}>\n        {children}\n      </div>\n    )\n  }\n)\n\nRow.displayName = 'Row'\n"],"mappings":"kRA0CA,MAAMA,GAAoB,CAAE,OAAM,SAAQ,SAAoB,IAAmB,CAC/E,OAAO,GAAS,UAAY,OAAO,GAAS,SAAW,GAAG,EAAO,MAAM,IAAS,KAChF,IAAS,GAAO,GAAG,EAAO,KAAO,KACjC,OAAO,GAAW,UAAY,OAAO,GAAW,SAAW,GAAG,EAAO,SAAS,IAAW,KACzF,OAAO,GAAU,UAAY,OAAO,GAAU,SAAW,GAAG,EAAO,QAAQ,IAAU,IACvF,EAOa,EAAM,GAChB,CAAE,WAAU,YAAW,OAAM,SAAQ,QAAO,aAAY,GAAG,GAAQ,IAAQ,CAC1E,EACE,GACA,0JAEF,EAEA,IAAM,EAAkB,EACtBA,EACA,CAAE,OAAM,SAAQ,OAAM,EACtB,CACF,EAOM,EAAa,EAAW,IAAS,IAAA,IAAa,MAAO,EAAiB,CAAS,EAErF,OACE,EAAA,cAAC,MAAD,CAAK,UAAW,EAAY,GAAI,EAAW,KAEtC,EADF,CACE,CAET,CACF,EAEA,EAAI,YAAc,MC1ClB,SAAS,EACP,CAAE,WAAU,YAAW,YAAW,aAAY,QAAO,GAAG,GACxD,EACA,CACA,IAAM,EAAY,GAAa,MACzB,EAAa,EAAW,YAAa,GAAS,QAAS,EAAY,CAAS,EAElF,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,GAAI,EAAW,KAEtC,EADR,CACQ,CAEf,CAEA,MAAa,EAAY,EACvB,EACA,WACF,EExDM,EAAiB,IAAI,IAAY,CDwCrC,OACA,MACA,MACA,MACA,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,KCrDqC,CAAO,EAKjC,GAAgB,EAAyB,EAAS,KAC7D,IAAQ,IAAA,IAAa,EAAe,IAAI,CAAG,EAAI,GAAG,EAAO,MAAM,IAAQ,KAE5D,EAAY,GACvB,IAAQ,IAAA,IAAa,CAAC,EAAe,IAAI,CAAG,EAAI,EAAM,IAAA,GCyElD,EAAmB,GACvB,IAAY,IAAA,IAAa,OAAO,UAAU,CAAO,GAAK,GAAW,GAAK,GAAW,GAMnF,SAAS,EACP,CACE,WACA,YACA,YACA,UACA,OACA,MACA,aACA,OACA,MACA,QACA,GAAG,GAEL,EACA,CACA,IAAM,EAAY,GAAa,MAMzB,EAAe,EAAgB,CAAO,EAUtC,EAAa,EACjB,EAAO,YAAc,OACrB,GATA,CAAE,UAAS,OACX,IACG,CACH,CAAC,GAAQ,IAAY,IAAA,IAAa,GAAG,EAAO,YAAY,IACxD,EAAa,EAAK,CAAM,CAC1B,EAMI,CAAE,QAAS,EAAe,EAAU,IAAA,GAAW,KAAI,EACnD,CACF,EACA,CACF,EAEM,EAAoB,CAAE,GAAG,CAAM,EAC/B,EAAO,EAAS,CAAG,EAWzB,OATI,IAAS,IAAA,KAAW,EAAO,iBAAmB,GAE9C,EACE,IAAQ,IAAA,KAAW,EAAO,iBAAmB,IAE7C,IAAY,IAAA,IAAa,CAAC,IAAc,EAAO,qBAAuB,GACtE,IAAS,IAAA,KAAW,EAAO,kBAAoB,IAInD,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,MAAO,EAAQ,GAAI,EAAW,KAErD,EADR,CACQ,CAEf,CAEA,MAAa,EAAO,EAClB,EACA,MACF,EC3DMC,GAAoB,CAAE,OAAM,QAAO,UAAS,YAA4B,IAAmB,CAC/F,IAAS,IAAA,GAAY,KAAO,GAAG,EAAO,WAAW,IACjD,IAAU,IAAA,GAAY,KAAO,GAAG,EAAO,YAAY,IACnD,IAAY,IAAA,GAAY,KAAO,GAAG,EAAO,WAAW,IACpD,IAAa,IAAA,GAAY,KAAO,GAAG,EAAO,YAAY,GACxD,EAEA,SAAS,EACP,CACE,WACA,YACA,YACA,OACA,QACA,UACA,WACA,aACA,UACA,OACA,MACA,QACA,GAAG,GAEL,EACA,CACA,IAAM,EAAY,GAAa,MACzB,EAAa,EACjB,EAA0BA,EAAkB,CAAE,OAAM,QAAO,UAAS,UAAS,EAAG,CAAU,EAC1F,GAAW,yBACX,GAAW,EAAa,CAAG,EAC3B,CACF,EAEM,EAAwB,CAAE,GAAG,CAAM,EAEzC,GAAI,EAAS,CACP,IAAS,IAAA,KAAW,EAAO,kBAAoB,GACnD,IAAM,EAAO,EAAS,CAAG,EACrB,IAAS,IAAA,KAAW,EAAO,iBAAmB,EACpD,CAEA,OACE,EAAA,cAAC,EAAD,CAAW,UAAW,EAAY,MAAO,EAAQ,GAAI,EAAW,KAErD,EADR,CACQ,CAEf,CAEA,MAAa,EAAW,EACtB,EACA,UACF,EChGM,GAAoB,CAAE,OAAM,SAAQ,UAAS,WAAsB,IAAmB,CAC1F,EAAO,GAAG,EAAO,WAAW,IAAS,KACrC,EAAiB,IAAK,EAAQ,CAAM,EACpC,EAAiB,KAAM,EAAS,CAAM,EACtC,EAAiB,KAAM,EAAS,CAAM,CACxC,EAOa,EAAM,GAChB,CAAE,WAAU,YAAW,OAAM,SAAQ,UAAS,UAAS,aAAY,GAAG,GAAQ,IAAQ,CACrF,EACE,GACA,0JAEF,EAEA,IAAM,EAAa,EACjB,MACA,EAA0B,EAAkB,CAAE,OAAM,SAAQ,UAAS,SAAQ,EAAG,CAAU,EAC1F,CACF,EAEA,OACE,EAAA,cAAC,MAAD,CAAK,UAAW,EAAY,GAAI,EAAW,KAEtC,EADF,CACE,CAET,CACF,EAEA,EAAI,YAAc"}

package/dist/chunks/index-CVUMS0x7.d.ts

@@ -1,74 +0,0 @@
-import "./focus-ring-SR_LwaN7.js";
-import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
-import { s as Spacing, t as Breakpoint } from "./types-CS_40Txv.js";
-import { ElementType, ReactElement } from "react";
-//#region src/components/flex/Flex.d.ts
-interface FlexLayout {
-  /**
-   * Sets `flex-direction`. Omit for the browser default (`row`).
-   */
-  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-  /**
-   * Sets `flex-wrap`. Omit for the browser default (`nowrap`).
-   */
-  wrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
-  /**
-   * Sets `justify-content`, aligning items along the main axis.
-   */
-  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
-  /**
-   * Sets `align-items`, aligning items along the cross axis.
-   */
-  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-  /**
-   * Sets `align-content`, distributing wrapped lines along the cross axis. Has no effect on
-   * single-line (non-wrapping) containers.
-   */
-  alignContent?: 'start' | 'end' | 'center' | 'between' | 'around' | 'stretch';
-  /**
-   * Spacing between children on both axes, mapped to the `gap-*` utility classes. Overridden per
-   * axis by `rowGap`/`columnGap` where set.
-   */
-  gap?: Spacing | 0;
-  /**
-   * Spacing between rows (the cross axis when wrapped), mapped to the `row-gap-*` utility
-   * classes. Independent of `gap`/`columnGap`.
-   */
-  rowGap?: Spacing | 0;
-  /**
-   * Spacing between columns (the main axis), mapped to the `column-gap-*` utility classes.
-   * Independent of `gap`/`rowGap`.
-   */
-  columnGap?: Spacing | 0;
-}
-type FlexOwnProps<C extends ElementType> = FlexLayout & {
-  /**
-   * A string of all className you want applied to the component.
-   */
-  className?: string;
-  /**
-   * Component used for the root node. Either a string to use a HTML element or a component.
-   */
-  component?: C;
-  /**
-   * Renders an inline flex container (`.d-inline-flex`) instead of a block-level one (`.d-flex`,
-   * the default).
-   */
-  inline?: boolean;
-  /**
-   * Overrides any of `direction`/`wrap`/`justify`/`align`/`alignContent`/`gap`/`rowGap`/
-   * `columnGap` at one or more breakpoints, via regular viewport media queries (unlike `Stack`'s
-   * `responsive` prop, this doesn't require a `.contains-inline` ancestor).
-   */
-  responsive?: Partial<Record<Breakpoint, FlexLayout>>;
-};
-type FlexProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, FlexOwnProps<C>>;
-type FlexComponent = (<C extends ElementType = 'div'>(props: FlexProps<C> & {
-  ref?: PolymorphicRef<C>;
-}) => ReactElement | null) & {
-  displayName?: string;
-};
-declare const Flex: FlexComponent;
-//#endregion
-export { FlexProps as n, Flex as t };
-//# sourceMappingURL=index-CVUMS0x7.d.ts.map