@chassis-ui/react 0.2.0 → 0.3.0

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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":"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"}

package/dist/chunks/{icon-mxYpL5nL.js → icon-BQsT6YtE.js}

@@ -1 +1,2 @@
-import"./focus-ring-SR_LwaN7.js";import{i as e,n as t}from"./Icon-BIwkD-kx.js";import n,{useMemo as r}from"react";const i=({children:i,className:a,component:o,font:s,fontPrefix:c,icons:l,sprite:u})=>{let d=t(),f=r(()=>({className:a??d.className,component:o??d.component,font:s??d.font,fontPrefix:c??d.fontPrefix,icons:l?{...d.icons,...l}:d.icons,sprite:u??d.sprite}),[d,a,o,s,c,l,u]);return n.createElement(e.Provider,{value:f},i)};i.displayName=`IconProvider`;export{i as t};
+import"./focus-ring-SR_LwaN7.js";import{i as e,n as t}from"./Icon-DLB1f88W.js";import n,{useMemo as r}from"react";const i=({children:i,className:a,component:o,font:s,fontPrefix:c,icons:l,sprite:u})=>{let d=t(),f=r(()=>({className:a??d.className,component:o??d.component,font:s??d.font,fontPrefix:c??d.fontPrefix,icons:l?{...d.icons,...l}:d.icons,sprite:u??d.sprite}),[d,a,o,s,c,l,u]);return n.createElement(e.Provider,{value:f},i)};i.displayName=`IconProvider`;export{i as t};
+//# sourceMappingURL=icon-BQsT6YtE.js.map

package/dist/chunks/icon-BQsT6YtE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-BQsT6YtE.js","names":[],"sources":["../../src/components/icon/IconProvider.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react'\n\nimport { useIconConfig } from '../../hooks/useIconConfig'\nimport { IconConfig, IconContext } from '../../utils/iconConfig'\n\nexport interface IconProviderProps extends IconConfig {\n  /**\n   * The part of the app these icon settings apply to.\n   */\n  children?: ReactNode\n}\n\n// Nested providers extend the one above them: a setting left unset here keeps the outer value,\n// and `icons` merges per key, so an inner provider can remap one icon without restating the rest.\nexport const IconProvider = ({\n  children,\n  className,\n  component,\n  font,\n  fontPrefix,\n  icons,\n  sprite\n}: IconProviderProps) => {\n  const parent = useIconConfig()\n  const value = useMemo<IconConfig>(\n    () => ({\n      className: className ?? parent.className,\n      component: component ?? parent.component,\n      font: font ?? parent.font,\n      fontPrefix: fontPrefix ?? parent.fontPrefix,\n      icons: icons ? { ...parent.icons, ...icons } : parent.icons,\n      sprite: sprite ?? parent.sprite\n    }),\n    [parent, className, component, font, fontPrefix, icons, sprite]\n  )\n\n  return <IconContext.Provider value={value}>{children}</IconContext.Provider>\n}\n\nIconProvider.displayName = 'IconProvider'\n"],"mappings":"kHAcA,MAAa,GAAgB,CAC3B,WACA,YACA,YACA,OACA,aACA,QACA,YACuB,CACvB,IAAM,EAAS,EAAc,EACvB,EAAQ,OACL,CACL,UAAW,GAAa,EAAO,UAC/B,UAAW,GAAa,EAAO,UAC/B,KAAM,GAAQ,EAAO,KACrB,WAAY,GAAc,EAAO,WACjC,MAAO,EAAQ,CAAE,GAAG,EAAO,MAAO,GAAG,CAAM,EAAI,EAAO,MACtD,OAAQ,GAAU,EAAO,MAC3B,GACA,CAAC,EAAQ,EAAW,EAAW,EAAM,EAAY,EAAO,CAAM,CAChE,EAEA,OAAO,EAAA,cAAC,EAAY,SAAb,CAA6B,OAAuC,EAA/B,CAA+B,CAC7E,EAEA,EAAa,YAAc"}

package/dist/chunks/{iconConfig-Bu6Pt9o3.d.ts → iconConfig-C6gbYhsD.d.ts}

@@ -4,7 +4,7 @@ import { ComponentType, ReactElement } from "react";
  * The icons this library's own components draw, by purpose rather than by icon name — so a
  * consumer can map each one onto any icon set (see `IconProvider`'s `icons`).
  */
-type IconKey = 'check' | 'previous' | 'next' | 'menu' | 'play' | 'pause';
+type IconKey = 'check' | 'previous' | 'next' | 'menu' | 'more' | 'play' | 'pause' | 'increment' | 'decrement' | 'search' | 'clear' | 'expand';
 /**
  * An icon given to `IconProvider`'s `icons` or to a component's icon prop: a string is an icon
  * name, rendered by `IconProvider`'s `component` (or the built-in `Icon`); an element is rendered
@@ -53,7 +53,8 @@ interface IconConfig {
   /**
    * The icon to render for each of the library's own icons, by purpose. Unset ones keep their
    * defaults (`check-solid`, `chevron-left-outline`, `chevron-right-outline`, `bars-outline`,
-   * `play-solid`, `pause-solid`).
+   * `ellipsis-h-solid`, `play-solid`, `pause-solid`, `chevron-up-outline`, `chevron-down-outline`,
+   * `search-outline`, `xmark-outline`, `chevron-right-outline`).
    */
   icons?: Partial<Record<IconKey, IconValue>>;
   /**
@@ -66,4 +67,5 @@ interface IconConfig {
   sprite?: string;
 }
 //#endregion
-export { IconValue as i, IconConfig as n, IconKey as r, IconComponentProps as t };
+export { IconValue as i, IconConfig as n, IconKey as r, IconComponentProps as t };
+//# sourceMappingURL=iconConfig-C6gbYhsD.d.ts.map

package/dist/chunks/iconSlot-BNu2MrFI.js

@@ -0,0 +1,2 @@
+import{n as e}from"./lazyElement-tfMG21pZ.js";import{n as t,r as n,t as r}from"./Icon-DLB1f88W.js";import i,{cloneElement as a}from"react";import{mergeProps as o}from"react-aria";function s({value:n,...s}){let{component:c}=t(),l={"aria-hidden":!0,...s};if(typeof n!=`string`){let t=e(n);return a(t,o(l,t.props))}return c?i.createElement(c,{name:n,...l}):i.createElement(r,{name:n,...l})}function c({icon:e,override:r,...a}){let{icons:o}=t();return i.createElement(s,{value:r??o?.[e]??n[e],...a})}export{s as n,c as t};
+//# sourceMappingURL=iconSlot-BNu2MrFI.js.map

package/dist/chunks/iconSlot-BNu2MrFI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconSlot-BNu2MrFI.js","names":[],"sources":["../../src/utils/iconSlot.tsx"],"sourcesContent":["import React, { cloneElement, ReactElement } from 'react'\nimport { mergeProps } from 'react-aria'\n\nimport { Icon } from '../components/icon/Icon'\nimport { useIconConfig } from '../hooks/useIconConfig'\nimport { DEFAULT_ICONS, IconKey, IconValue } from './iconConfig'\nimport { resolveLazy } from './lazyElement'\n\n// Every icon this library's own components draw goes through here, never through `<Icon>`\n// directly, so a consumer can swap in their own icons (`IconProvider`'s `icons`/`component`, or a\n// component's own icon prop). The rendering component passes the class names chassis-css hooks\n// onto (`menu-item-check` positions the check, `navbar-toggler-icon` sizes and colors it,\n// `carousel-icon-play`/`-pause` are toggled by state, `directional-icon` flips in RTL); those are\n// merged onto whatever icon ends up rendered, so a custom icon lands in the same place a built-in\n// one would. `aria-hidden` defaults on: each of these icons sits beside its own visible or\n// visually-hidden label.\n//\n// A custom *element* deliberately doesn't get the `icon` class itself: chassis-css's `.icon` sets\n// `fill`, which would paint over an outline icon set's `fill=\"none\"` (Lucide, Heroicons outline,\n// ...). It keeps its own size and color — `currentColor` icons still follow the control's text.\ntype IconRenderProps = { className?: string } & Record<string, unknown>\n\nexport function ResolvedIcon({ value, ...props }: IconRenderProps & { value: IconValue }) {\n  const { component: Component } = useIconConfig()\n  const iconProps = { 'aria-hidden': true, ...props }\n\n  if (typeof value !== 'string') {\n    // An icon element passed from a Server Component can be a lazy node (see `./lazyElement`).\n    const element = resolveLazy(value) as ReactElement<Record<string, unknown>>\n    return cloneElement(element, mergeProps(iconProps, element.props))\n  }\n  if (Component) return <Component name={value} {...iconProps} />\n  return <Icon name={value} {...iconProps} />\n}\n\nexport function IconSlot({\n  icon,\n  override,\n  ...props\n}: IconRenderProps & { icon: IconKey; override?: IconValue }) {\n  const { icons } = useIconConfig()\n  return <ResolvedIcon value={override ?? icons?.[icon] ?? DEFAULT_ICONS[icon]} {...props} />\n}\n"],"mappings":"mLAsBA,SAAgB,EAAa,CAAE,QAAO,GAAG,GAAiD,CACxF,GAAM,CAAE,UAAW,GAAc,EAAc,EACzC,EAAY,CAAE,cAAe,GAAM,GAAG,CAAM,EAElD,GAAI,OAAO,GAAU,SAAU,CAE7B,IAAM,EAAU,EAAY,CAAK,EACjC,OAAO,EAAa,EAAS,EAAW,EAAW,EAAQ,KAAK,CAAC,CACnE,CAEA,OADI,EAAkB,EAAA,cAAC,EAAD,CAAW,KAAM,EAAO,GAAI,CAAY,CAAA,EACvD,EAAA,cAAC,EAAD,CAAM,KAAM,EAAO,GAAI,CAAY,CAAA,CAC5C,CAEA,SAAgB,EAAS,CACvB,OACA,WACA,GAAG,GACyD,CAC5D,GAAM,CAAE,SAAU,EAAc,EAChC,OAAO,EAAA,cAAC,EAAD,CAAc,MAAO,GAAY,IAAQ,IAAS,EAAc,GAAO,GAAI,CAAQ,CAAA,CAC5F"}

package/dist/chunks/{index-BO_1MN66.d.ts → index-4cKG9KWB.d.ts}

@@ -79,9 +79,7 @@ interface PasswordStrengthProps extends Omit<HTMLAttributes<HTMLDivElement>, 'on
    */
   weights?: Partial<StrengthWeights>;
 }
-declare const PasswordStrength: {
-  ({ "aria-label": ariaLabel, className, id, maxScore, messages, minLength, onStrengthChange, scorer, showText, thresholds, value, variant, weights, ...rest }: PasswordStrengthProps): React.JSX.Element;
-  displayName: string;
-};
+declare const PasswordStrength: React.ForwardRefExoticComponent<PasswordStrengthProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { PasswordStrengthProps as n, PasswordStrength as t };
+export { PasswordStrengthProps as n, PasswordStrength as t };
+//# sourceMappingURL=index-4cKG9KWB.d.ts.map

package/dist/chunks/index-6uob77s9.d.ts

@@ -77,4 +77,5 @@ interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'de
 }
 declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-export { TextInputProps as n, TextInput as t };
+export { TextInputProps as n, TextInput as t };
+//# sourceMappingURL=index-6uob77s9.d.ts.map

package/dist/chunks/{index-tOodmT36.d.ts → index-91YA-jkp.d.ts}

@@ -1,7 +1,7 @@
 import "./focus-ring-SR_LwaN7.js";
 import { i as MenuItemsDef } from "./MenuItemDef-D0VDtYIQ.js";
 import { i as ComboboxGroupProps, n as ComboboxItemProps } from "./ComboboxItem-C9TpoJOI.js";
-import { HTMLAttributes, ReactNode } from "react";
+import React, { HTMLAttributes, ReactNode } from "react";
 import { Key as Key$1 } from "react-stately";
 //#region src/components/autocomplete/Autocomplete.d.ts
 interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
@@ -107,10 +107,7 @@ interface AutocompleteProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    */
   value?: Key$1 | Key$1[] | null;
 }
-declare const Autocomplete: {
-  ({ children, className, defaultValue, disabled, help, id, invalid, invalidFeedback, items, label, multiple, name, noResultsText, onChange, placeholder, searchPlaceholder, size, valid, validFeedback, value, ...rest }: AutocompleteProps): ReactNode;
-  displayName: string;
-};
+declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/autocomplete/AutocompleteGroup.d.ts
 type AutocompleteGroupProps = ComboboxGroupProps;
@@ -126,4 +123,5 @@ declare const AutocompleteItem: {
   displayName: string;
 };
 //#endregion
-export { Autocomplete as a, AutocompleteGroupProps as i, AutocompleteItemProps as n, AutocompleteProps as o, AutocompleteGroup as r, AutocompleteItem as t };
+export { Autocomplete as a, AutocompleteGroupProps as i, AutocompleteItemProps as n, AutocompleteProps as o, AutocompleteGroup as r, AutocompleteItem as t };
+//# sourceMappingURL=index-91YA-jkp.d.ts.map

package/dist/chunks/index-9rQeMqVI.d.ts

@@ -0,0 +1,42 @@
+import "./focus-ring-SR_LwaN7.js";
+import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { ElementType, ReactElement, ReactNode } from "react";
+//#region src/components/divider/Divider.d.ts
+type DividerOwnProps<C extends ElementType> = {
+  /**
+   * A label shown in the line, such as "or" between two ways to sign in. It names the separator
+   * for screen readers. Not possible on an `<hr>`, which can't hold content.
+   */
+  children?: ReactNode;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node. Either a string to use an HTML element or a component.
+   * Defaults to `hr`, or `div` for a vertical divider or one with a label.
+   */
+  component?: C;
+  /**
+   * Where the label sits along the line. `start` and `end` draw the line on one side only.
+   *
+   * @default 'center'
+   */
+  labelPlacement?: 'start' | 'center' | 'end';
+  /**
+   * The direction of the line. A vertical divider stretches to the height of its flex row.
+   *
+   * @default 'horizontal'
+   */
+  orientation?: 'horizontal' | 'vertical';
+};
+type DividerProps<C extends ElementType = 'hr'> = PolymorphicComponentProps<C, DividerOwnProps<C>>;
+type DividerComponent = (<C extends ElementType = 'hr'>(props: DividerProps<C> & {
+  ref?: PolymorphicRefWithFallback<C, HTMLDivElement>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const Divider: DividerComponent;
+//#endregion
+export { DividerProps as n, Divider as t };
+//# sourceMappingURL=index-9rQeMqVI.d.ts.map

package/dist/chunks/index-B0-8n-Gs.d.ts

@@ -102,4 +102,5 @@ interface OtpInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 }
 declare const OtpInput: React.ForwardRefExoticComponent<OtpInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { OtpInputProps as n, OtpInput as t };
+export { OtpInputProps as n, OtpInput as t };
+//# sourceMappingURL=index-B0-8n-Gs.d.ts.map

package/dist/chunks/index-B2K-O9kl.d.ts

@@ -0,0 +1,59 @@
+import "./focus-ring-SR_LwaN7.js";
+import { ReactElement, ReactNode, RefObject } from "react";
+//#region src/components/scrollspy/useScrollspy.d.ts
+interface UseScrollspyOptions {
+  /**
+   * The element that scrolls, or a ref to it. The viewport when unset.
+   */
+  root?: Element | RefObject<Element | null> | null;
+  /**
+   * The margin around `root`, as `IntersectionObserver` takes it: one to four lengths in `px` or
+   * `%`. Its bottom edge is the line a section's top has to pass to become the active one;
+   * `-25%` puts it a quarter of the root's height above the root's bottom.
+   *
+   * @default '0px 0px -25%'
+   */
+  rootMargin?: string;
+}
+/**
+ * Tracks which of the sections named by `ids` the reader is in, as a scrollspy does: the last
+ * section, in document order, whose top has scrolled past a line near the bottom of `root` (set
+ * by `rootMargin`), or the first one while its top is still in view at the top of `root`. Returns
+ * its id, or `null` when no section has reached the line yet.
+ *
+ * It returns `null` on the server and on the first render in the browser, so hydration matches,
+ * and the active id from the first observation after that. Sections added, removed or renamed
+ * later are picked up; an id with no element in `root` is ignored.
+ */
+declare function useScrollspy(ids: readonly string[], options?: UseScrollspyOptions): string | null;
+//#endregion
+//#region src/components/scrollspy/Scrollspy.d.ts
+interface ScrollspyProps extends UseScrollspyOptions {
+  /**
+   * The navigation whose links are marked: a `Nav`, a `List`, `Link`s, or anything holding them.
+   */
+  children?: ReactNode;
+  /**
+   * Fires when the active section changes, with its id, or `null` when no section is active.
+   */
+  onActiveChange?: (id: string | null) => void;
+  /**
+   * Scrolls smoothly to a section when one of the links is clicked, instead of jumping to it. The
+   * page's address doesn't change. When the reader asks for reduced motion, it jumps.
+   *
+   * @default false
+   */
+  smoothScroll?: boolean;
+}
+/**
+ * Marks the link to the section being read as active, in the navigation it wraps. The links are
+ * `Link`s and the components built on it (`NavLink`, `ListItem`, `MenuItem`) whose `href` points
+ * to an element's `id` on the page. It renders no element of its own.
+ */
+declare function Scrollspy({ children, onActiveChange, root, rootMargin, smoothScroll }: ScrollspyProps): ReactElement;
+declare namespace Scrollspy {
+  var displayName: string;
+}
+//#endregion
+export { useScrollspy as i, ScrollspyProps as n, UseScrollspyOptions as r, Scrollspy as t };
+//# sourceMappingURL=index-B2K-O9kl.d.ts.map

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

@@ -92,4 +92,5 @@ interface ChipInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 }
 declare const ChipInput: React.ForwardRefExoticComponent<ChipInputProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { ChipInputProps as n, ChipInput as t };
+export { ChipInputProps as n, ChipInput as t };
+//# sourceMappingURL=index-B8uaSJA9.d.ts.map

package/dist/chunks/index-BA-raEMm.d.ts

@@ -25,4 +25,5 @@ interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
 }
 declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CollapseProps as n, Collapse as t };
+export { CollapseProps as n, Collapse as t };
+//# sourceMappingURL=index-BA-raEMm.d.ts.map

package/dist/chunks/{index-C61tPIJ-.d.ts → index-BAsbRx5n.d.ts}

@@ -16,7 +16,10 @@ type ButtonGroupOwnProps<C extends ElementType> = {
    */
   size?: 'sm' | 'lg';
   /**
-   * Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
+   * Create a set of buttons that appear vertically stacked rather than horizontally, with the
+   * `.button-group-vertical` class in place of `.button-group`. Split button dropdowns are not
+   * supported here, and `size` has no effect: chassis-css sizes the buttons of a horizontal group
+   * only, so size the buttons of a vertical one themselves.
    */
   vertical?: boolean;
 };
@@ -47,4 +50,5 @@ type ButtonToolbarComponent = (<C extends ElementType = 'div'>(props: ButtonTool
 };
 declare const ButtonToolbar: ButtonToolbarComponent;
 //#endregion
-export { ButtonGroupProps as i, ButtonToolbarProps as n, ButtonGroup as r, ButtonToolbar as t };
+export { ButtonGroupProps as i, ButtonToolbarProps as n, ButtonGroup as r, ButtonToolbar as t };
+//# sourceMappingURL=index-BAsbRx5n.d.ts.map

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

@@ -0,0 +1,66 @@
+import "./focus-ring-SR_LwaN7.js";
+import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { n as MenuAutoClose } from "./Menu-QeYOzrUL.js";
+import { ElementType, ReactElement } from "react";
+//#region src/components/context-menu/ContextMenu.d.ts
+type ContextMenuOwnProps<C extends ElementType> = {
+  /**
+   * Controls which presses close the menu. `true` closes on a click on an item and on a press
+   * outside the menu. `false` leaves closing to the Escape key and `visible`. `'inside'` closes
+   * only on a click on an item. `'outside'` closes only on a press outside the menu.
+   */
+  autoClose?: MenuAutoClose;
+  /**
+   * A string of all className you want applied to the component.
+   */
+  className?: string;
+  /**
+   * Component used for the root node, the region the menu opens from. Either a string to use an
+   * HTML element or a component.
+   *
+   * @default 'div'
+   */
+  component?: C;
+  /**
+   * Whether the menu is open when it first renders. Use it instead of `visible` when nothing
+   * outside needs to control the menu. Opened this way, the menu sits under the region's start
+   * edge, since no pointer has asked for it anywhere.
+   */
+  defaultVisible?: boolean;
+  /**
+   * Leaves the region to the browser: a right-click shows the browser's own menu, a long press
+   * and the keys do nothing.
+   */
+  disabled?: boolean;
+  /**
+   * Callback fired when the menu hides.
+   */
+  onHide?: () => void;
+  /**
+   * Callback fired when the menu shows.
+   */
+  onShow?: () => void;
+  /**
+   * Callback fired when the menu asks to show or hide: a right-click, a long press or Shift+F10
+   * in the region, a click on an item, a press outside, the Escape key, or the closing of the
+   * dialog it is in. Receives the state it asks for. With `visible` set, the menu changes only
+   * when `visible` does.
+   */
+  onVisibleChange?: (visible: boolean) => void;
+  /**
+   * Whether the menu is open. Setting it makes the menu controlled: it shows and hides only when
+   * this changes, so pair it with `onVisibleChange`. Leave it unset, or use `defaultVisible`, for
+   * a menu that opens and closes itself.
+   */
+  visible?: boolean;
+};
+type ContextMenuProps<C extends ElementType = 'div'> = PolymorphicComponentProps<C, ContextMenuOwnProps<C>>;
+type ContextMenuComponent = (<C extends ElementType = 'div'>(props: ContextMenuProps<C> & {
+  ref?: PolymorphicRef<C>;
+}) => ReactElement | null) & {
+  displayName?: string;
+};
+declare const ContextMenu: ContextMenuComponent;
+//#endregion
+export { ContextMenuProps as n, ContextMenu as t };
+//# sourceMappingURL=index-BF3OWUVc.d.ts.map

package/dist/chunks/{index-DB_ToPdz.d.ts → index-BNf0jIIL.d.ts}

@@ -22,6 +22,11 @@ interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChan
    * A string of all className you want applied to the base component.
    */
   className?: string;
+  /**
+   * The date the calendar first shows and focuses, in place of the selected date or today.
+   * `DatePicker` and `DateRangePicker` pass their `placeholderValue` here while empty.
+   */
+  defaultFocusedValue?: DateValue$1 | null;
   /**
    * Prevents the calendar from being focused or interacted with.
    */
@@ -132,6 +137,11 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
    * A string of all className you want applied to the base component.
    */
   className?: string;
+  /**
+   * The date the calendar first shows and focuses, in place of the selected date or today.
+   * `DatePicker` and `DateRangePicker` pass their `placeholderValue` here while empty.
+   */
+  defaultFocusedValue?: DateValue$1 | null;
   /**
    * The initial selected date range (uncontrolled).
    */
@@ -199,4 +209,5 @@ interface RangeCalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
 }
 declare const RangeCalendar: React.ForwardRefExoticComponent<RangeCalendarProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CalendarProps as a, CalendarMultipleProps as i, RangeCalendarProps as n, CalendarSingleProps as o, Calendar as r, RangeCalendar as t };
+export { CalendarProps as a, CalendarMultipleProps as i, RangeCalendarProps as n, CalendarSingleProps as o, Calendar as r, RangeCalendar as t };
+//# sourceMappingURL=index-BNf0jIIL.d.ts.map

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

@@ -55,4 +55,5 @@ interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'check
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
 //#endregion
-export { SwitchProps as n, Switch as t };
+export { SwitchProps as n, Switch as t };
+//# sourceMappingURL=index-BO9jLOIb.d.ts.map

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

@@ -360,4 +360,5 @@ declare const DataGridSelectionCell: ({ className }: DataGridSelectionCellProps)
  */
 declare const DataGridSelectAllCell: ({ className }: DataGridSelectionCellProps) => React.JSX.Element;
 //#endregion
-export { DataGridRowProps as a, DataGridCell as c, DataGridProps as d, DataGridHeader as f, DataGridBodyProps as h, DataGridRow as i, DataGridCellProps as l, DataGridBody as m, DataGridSelectionCell as n, DataGridColumn as o, DataGridHeaderProps as p, DataGridSelectionCellProps as r, DataGridColumnProps as s, DataGridSelectAllCell as t, DataGrid as u };
+export { DataGridRowProps as a, DataGridCell as c, DataGridProps as d, DataGridHeader as f, DataGridBodyProps as h, DataGridRow as i, DataGridCellProps as l, DataGridBody as m, DataGridSelectionCell as n, DataGridColumn as o, DataGridHeaderProps as p, DataGridSelectionCellProps as r, DataGridColumnProps as s, DataGridSelectAllCell as t, DataGrid as u };
+//# sourceMappingURL=index-BTTeKpiE.d.ts.map

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

@@ -107,4 +107,5 @@ interface SelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'size
 }
 declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
 //#endregion
-export { SelectOptionDef as n, SelectProps as r, Select as t };
+export { SelectOptionDef as n, SelectProps as r, Select as t };
+//# sourceMappingURL=index-BVGGIaPX.d.ts.map

package/dist/chunks/{index-qgZ5VGmc.d.ts → index-B_UzbGOa.d.ts}

@@ -16,6 +16,11 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * A string of all className you want applied to the base component.
    */
   className?: string;
+  /**
+   * Whether the modal is open when it first renders. Such a modal is uncontrolled: it closes
+   * itself on a close request. Use `visible` to open and close it from outside.
+   */
+  defaultVisible?: boolean;
   /**
    * Set modal to cover the entire user viewport. A breakpoint value goes fullscreen only
    * below that breakpoint.
@@ -34,6 +39,12 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * instead — no backdrop, and the page behind the modal stays interactive.
    */
   modal?: boolean;
+  /**
+   * Renders the modal open from its first paint, server HTML included, as a non-modal dialog: a
+   * static preview. It stays open until a close request. Use `visible` or `defaultVisible` to
+   * open it as a modal dialog.
+   */
+  open?: boolean;
   /**
    * Callback fired when the modal requests to be closed (escape, backdrop click, or close button).
    */
@@ -54,6 +65,11 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    * Callback fired after the entry transition completes and the modal is fully visible.
    */
   onShown?: () => void;
+  /**
+   * Callback fired with `false` when the modal requests to be closed, at the same moments as
+   * `onClose`. It makes `visible` and `onVisibleChange` a pair that takes a state setter.
+   */
+  onVisibleChange?: (visible: boolean) => void;
   /**
    * Create a scrollable modal — the header and footer stay fixed while the body scrolls.
    */
@@ -63,7 +79,8 @@ interface ModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onCa
    */
   size?: 'sm' | 'lg' | 'xl';
   /**
-   * Toggle the visibility of modal component.
+   * Whether the modal is open. The modal is then controlled: a close request only fires
+   * `onClose` and `onVisibleChange`, and the modal closes when this becomes `false`.
    */
   visible?: boolean;
 }
@@ -174,4 +191,5 @@ declare const ModalTitle: ModalTitleComponent;
 type UseModalResult = ModalContextProps;
 declare const useModal: () => UseModalResult;
 //#endregion
-export { ModalHeader as a, ModalFooterProps as c, Modal as d, ModalProps as f, ModalTitleProps as i, ModalBody as l, useModal as n, ModalHeaderProps as o, ModalTitle as r, ModalFooter as s, UseModalResult as t, ModalBodyProps as u };
+export { ModalHeader as a, ModalFooterProps as c, Modal as d, ModalProps as f, ModalTitleProps as i, ModalBody as l, useModal as n, ModalHeaderProps as o, ModalTitle as r, ModalFooter as s, UseModalResult as t, ModalBodyProps as u };
+//# sourceMappingURL=index-B_UzbGOa.d.ts.map

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

@@ -95,4 +95,5 @@ interface ComboboxProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'
 }
 declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { ComboboxProps as n, Combobox as t };
+export { ComboboxProps as n, Combobox as t };
+//# sourceMappingURL=index-Bi8FFadV.d.ts.map

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

@@ -47,4 +47,5 @@ type InputGroupAddonComponent = (<C extends ElementType = 'span'>(props: InputGr
 };
 declare const InputGroupAddon: InputGroupAddonComponent;
 //#endregion
-export { InputGroupProps as i, InputGroupAddonProps as n, InputGroup as r, InputGroupAddon as t };
+export { InputGroupProps as i, InputGroupAddonProps as n, InputGroup as r, InputGroupAddon as t };
+//# sourceMappingURL=index-Bkj17NEQ.d.ts.map

package/dist/chunks/{index-BKMW0rkw.d.ts → index-Bm2NpgND.d.ts}

@@ -26,7 +26,8 @@ type PlaceholderOwnProps<C extends ElementType> = {
   /**
    * Component used for the root node when `src` is set. Either a string to use an HTML element
    * or a component — e.g. a framework's own `Image` component. Its own props (`src`, `fill`,
-   * `priority`, etc.) are type-checked at the call site once passed here.
+   * `priority`, etc.) are type-checked at the call site once passed here. With `asChild`, the
+   * child element is the image and carries its own `src`.
    */
   component?: C;
   /**
@@ -77,4 +78,5 @@ type PlaceholderComponent = (<C extends ElementType = 'img'>(props: PlaceholderP
 };
 declare const Placeholder: PlaceholderComponent;
 //#endregion
-export { PlaceholderProps as n, Placeholder as t };
+export { PlaceholderProps as n, Placeholder as t };
+//# sourceMappingURL=index-Bm2NpgND.d.ts.map

package/dist/chunks/{index-XjLvaH4G.d.ts → index-BnR7wjax.d.ts}

@@ -1,5 +1,5 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as PolymorphicRef, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
+import { r as PolymorphicRefWithFallback, t as PolymorphicComponentProps } from "./polymorphic-CVHbTHSN.js";
 import { n as ContextColor, r as ContextStyle } from "./types-CS_40Txv.js";
 import { ElementType, MouseEventHandler, ReactElement } from "react";
 //#region src/components/close-button/CloseButton.d.ts
@@ -26,8 +26,8 @@ type CloseButtonOwnProps<C extends ElementType> = {
    */
   disabled?: boolean;
   /**
-   * The href attribute specifies the URL of the page the link goes to. Only meaningful when
-   * `component` is `'a'`.
+   * The href attribute specifies the URL of the page the link goes to. Renders an `<a>` in place
+   * of the `<button>`, unless `component` or `asChild` chose the element.
    */
   href?: string;
   /**
@@ -58,10 +58,11 @@ type CloseButtonOwnProps<C extends ElementType> = {
 };
 type CloseButtonProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, CloseButtonOwnProps<C>>;
 type CloseButtonComponent = (<C extends ElementType = 'button'>(props: CloseButtonProps<C> & {
-  ref?: PolymorphicRef<C>;
+  ref?: PolymorphicRefWithFallback<C, HTMLButtonElement | HTMLAnchorElement>;
 }) => ReactElement | null) & {
   displayName?: string;
 };
 declare const CloseButton: CloseButtonComponent;
 //#endregion
-export { CloseButtonProps as n, CloseButton as t };
+export { CloseButtonProps as n, CloseButton as t };
+//# sourceMappingURL=index-BnR7wjax.d.ts.map

package/dist/chunks/{index--0_IpTDT.d.ts → index-BxROljJI.d.ts}

@@ -1,6 +1,6 @@
 import "./focus-ring-SR_LwaN7.js";
-import { n as IconConfig } from "./iconConfig-Bu6Pt9o3.js";
 import "./Icon-CioraWLF.js";
+import { n as IconConfig } from "./iconConfig-C6gbYhsD.js";
 import React, { ReactNode } from "react";
 //#region src/components/icon/IconProvider.d.ts
 interface IconProviderProps extends IconConfig {
@@ -14,4 +14,5 @@ declare const IconProvider: {
   displayName: string;
 };
 //#endregion
-export { IconProviderProps as n, IconProvider as t };
+export { IconProviderProps as n, IconProvider as t };
+//# sourceMappingURL=index-BxROljJI.d.ts.map