silver-ui 0.1.1 → 0.3.0

package/dist/{chunk-YZUBJ2L2.cjs → chunk-UX2Z7LRM.cjs}

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunkYMC56K6R_cjs = require('./chunk-YMC56K6R.cjs');
+var chunk4I6VIR44_cjs = require('./chunk-4I6VIR44.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var ListContext = react.createContext(null);
 ListContext.displayName = "ListContext";
 var styles = {
-  root: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column"
   }),
-  list: chunkAZDWQGAX_cjs.css({
+  list: chunkRU6JG3FS_cjs.css({
     display: "flex",
     flexDirection: "column",
     gap: "0.5",
@@ -21,13 +21,13 @@ var styles = {
     p: 0,
     listStyleType: "none"
   }),
-  withDividers: chunkAZDWQGAX_cjs.css({
+  withDividers: chunkRU6JG3FS_cjs.css({
     gap: 0
   }),
-  withCounter: chunkAZDWQGAX_cjs.css({
+  withCounter: chunkRU6JG3FS_cjs.css({
     counterReset: "silver-list"
   }),
-  header: chunkAZDWQGAX_cjs.css({
+  header: chunkRU6JG3FS_cjs.css({
     mb: "2"
   })
 };
@@ -76,10 +76,10 @@ function List({
 List.displayName = "List";
 var markerSize = "6px";
 var styles2 = {
-  withCounter: chunkAZDWQGAX_cjs.css({
+  withCounter: chunkRU6JG3FS_cjs.css({
     counterIncrement: "silver-list"
   }),
-  withDivider: chunkAZDWQGAX_cjs.css({
+  withDivider: chunkRU6JG3FS_cjs.css({
     borderBlockEndWidth: "default",
     borderBlockEndStyle: "solid",
     borderBlockEndColor: "border",
@@ -87,12 +87,11 @@ var styles2 = {
       borderBlockEndWidth: 0
     }
   }),
-  noRadius: chunkAZDWQGAX_cjs.css({
+  noRadius: chunkRU6JG3FS_cjs.css({
     borderRadius: 0
   }),
-  markerContainer: chunkAZDWQGAX_cjs.css({
+  markerContainer: chunkRU6JG3FS_cjs.css({
     alignSelf: "baseline",
-    boxSizing: "border-box",
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -100,13 +99,13 @@ var styles2 = {
     w: "4",
     mt: `calc((1em * 1.5 - ${markerSize}) / 2)`
   }),
-  dot: chunkAZDWQGAX_cjs.css({
+  dot: chunkRU6JG3FS_cjs.css({
     w: markerSize,
     h: markerSize,
     borderRadius: "full",
     bg: "fg"
   }),
-  circle: chunkAZDWQGAX_cjs.css({
+  circle: chunkRU6JG3FS_cjs.css({
     w: markerSize,
     h: markerSize,
     borderRadius: "full",
@@ -115,7 +114,7 @@ var styles2 = {
     borderColor: "fg",
     bg: "transparent"
   }),
-  number: chunkAZDWQGAX_cjs.css({
+  number: chunkRU6JG3FS_cjs.css({
     alignSelf: "baseline",
     flexShrink: 0,
     color: "fg",
@@ -161,7 +160,7 @@ function ListItem({
   const listStyle = context?.listStyle ?? "none";
   const hasMarkers = listStyle !== "none";
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYMC56K6R_cjs.Item,
+    chunk4I6VIR44_cjs.Item,
     {
       as: "li",
       className: chunkSPDVNY2Z_cjs.cx(
@@ -191,5 +190,5 @@ ListItem.displayName = "ListItem";
 
 exports.List = List;
 exports.ListItem = ListItem;
-//# sourceMappingURL=chunk-YZUBJ2L2.cjs.map
-//# sourceMappingURL=chunk-YZUBJ2L2.cjs.map
+//# sourceMappingURL=chunk-UX2Z7LRM.cjs.map
+//# sourceMappingURL=chunk-UX2Z7LRM.cjs.map

package/dist/chunk-UX2Z7LRM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/ListContext.tsx","../src/components/List/List.tsx","../src/components/List/ListItem.tsx"],"names":["createContext","css","useId","useMemo","jsx","cx","jsxs","styles","use","Item"],"mappings":"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","file":"chunk-UX2Z7LRM.cjs","sourcesContent":["import {createContext} from 'react';\n\nexport type ListStyle = 'none' | 'disc' | 'decimal' | 'circle';\n\nexport interface ListContextValue {\n  hasDividers: boolean;\n  listStyle: ListStyle;\n}\n\nexport const ListContext = createContext<ListContextValue | null>(null);\nListContext.displayName = 'ListContext';\n","import {\n  useId,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {ListContext, type ListStyle} from './ListContext';\n\nexport type {ListStyle};\n\nexport interface ListProps {\n  /**\n   * List items.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the list element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list element.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether to show dividers between list items.\n   * @default false\n   */\n  hasDividers?: boolean;\n  /**\n   * Header content rendered above and associated with the list.\n   */\n  header?: ReactNode;\n  /**\n   * List marker style. `decimal` renders an ordered list.\n   * @default 'none'\n   */\n  listStyle?: ListStyle;\n  /**\n   * Ref forwarded to the list element.\n   */\n  ref?: Ref<HTMLUListElement | HTMLOListElement>;\n  /**\n   * Starting number for ordered lists.\n   * @default 1\n   */\n  start?: number;\n  /**\n   * Inline styles applied to the list element.\n   */\n  style?: CSSProperties;\n}\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    flexDirection: 'column',\n  }),\n  list: css({\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '0.5',\n    m: 0,\n    p: 0,\n    listStyleType: 'none',\n  }),\n  withDividers: css({\n    gap: 0,\n  }),\n  withCounter: css({\n    counterReset: 'silver-list',\n  }),\n  header: css({\n    mb: '2',\n  }),\n} as const;\n\n/**\n * Semantic vertical list container with optional dividers, markers, and header.\n */\nexport function List({\n  children,\n  className,\n  'data-testid': dataTestId,\n  hasDividers = false,\n  header,\n  listStyle = 'none',\n  ref,\n  start,\n  style,\n}: ListProps): React.JSX.Element {\n  const headerId = useId();\n  const isOrdered = listStyle === 'decimal';\n  const Component = isOrdered ? 'ol' : 'ul';\n  const counterReset =\n    listStyle !== 'none' && start != null && start !== 1\n      ? `silver-list ${start - 1}`\n      : undefined;\n  const contextValue = useMemo(\n    () => ({hasDividers, listStyle}),\n    [hasDividers, listStyle],\n  );\n\n  const listElement = (\n    <Component\n      aria-labelledby={header != null ? headerId : undefined}\n      className={cx(\n        styles.list,\n        hasDividers ? styles.withDividers : undefined,\n        listStyle !== 'none' ? styles.withCounter : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      ref={ref as Ref<HTMLUListElement & HTMLOListElement>}\n      role={listStyle === 'none' && !isOrdered ? 'list' : undefined}\n      start={isOrdered ? start : undefined}\n      style={{counterReset, ...style}}>\n      {children}\n    </Component>\n  );\n\n  return (\n    <ListContext value={contextValue}>\n      {header == null ? (\n        listElement\n      ) : (\n        <div className={styles.root}>\n          <div className={styles.header} id={headerId}>\n            {header}\n          </div>\n          {listElement}\n        </div>\n      )}\n    </ListContext>\n  );\n}\n\nList.displayName = 'List';\n","import {\n  use,\n  type CSSProperties,\n  type MouseEventHandler,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Item} from '../Item';\nimport {ListContext, type ListStyle} from './ListContext';\n\nexport interface ListItemProps {\n  /**\n   * Additional CSS class names applied to the list item.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the list item.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text shown below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Trailing content rendered after the label area.\n   */\n  endContent?: ReactNode;\n  /**\n   * Link URL. When set, the content area renders as a link.\n   */\n  href?: string;\n  /**\n   * Whether the item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the item is selected.\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Primary item label.\n   */\n  label: ReactNode;\n  /**\n   * Click handler for interactive items.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n  /**\n   * Ref forwarded to the list item.\n   */\n  ref?: Ref<HTMLLIElement>;\n  /**\n   * Link relationship.\n   */\n  rel?: string;\n  /**\n   * Content rendered before the label area.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the list item.\n   */\n  style?: CSSProperties;\n  /**\n   * Link target.\n   */\n  target?: string;\n}\n\nconst markerSize = '6px';\n\nconst styles = {\n  withCounter: css({\n    counterIncrement: 'silver-list',\n  }),\n  withDivider: css({\n    borderBlockEndWidth: 'default',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: 'border',\n    _last: {\n      borderBlockEndWidth: 0,\n    },\n  }),\n  noRadius: css({\n    borderRadius: 0,\n  }),\n  markerContainer: css({\n    alignSelf: 'baseline',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    w: '4',\n    mt: `calc((1em * 1.5 - ${markerSize}) / 2)`,\n  }),\n  dot: css({\n    w: markerSize,\n    h: markerSize,\n    borderRadius: 'full',\n    bg: 'fg',\n  }),\n  circle: css({\n    w: markerSize,\n    h: markerSize,\n    borderRadius: 'full',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'fg',\n    bg: 'transparent',\n  }),\n  number: css({\n    alignSelf: 'baseline',\n    flexShrink: 0,\n    color: 'fg',\n    fontFamily: 'body',\n    fontSize: 'md',\n    lineHeight: '1.5',\n    w: '4',\n    _before: {\n      content: 'counter(silver-list) \".\"',\n    },\n  }),\n} as const;\n\nfunction Marker({listStyle}: {listStyle: ListStyle}): React.JSX.Element | null {\n  if (listStyle === 'disc') {\n    return (\n      <span className={styles.markerContainer}>\n        <span className={styles.dot} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'circle') {\n    return (\n      <span className={styles.markerContainer}>\n        <span className={styles.circle} />\n      </span>\n    );\n  }\n\n  if (listStyle === 'decimal') {\n    return <span className={styles.number} />;\n  }\n\n  return null;\n}\n\n/**\n * Structured list item built on the shared `Item` primitive.\n */\nexport function ListItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  href,\n  isDisabled = false,\n  isSelected = false,\n  label,\n  onClick,\n  ref,\n  rel,\n  startContent,\n  style,\n  target,\n}: ListItemProps): React.JSX.Element {\n  const context = use(ListContext);\n  const hasDividers = context?.hasDividers ?? false;\n  const listStyle = context?.listStyle ?? 'none';\n  const hasMarkers = listStyle !== 'none';\n\n  return (\n    <Item\n      as=\"li\"\n      className={cx(\n        hasMarkers ? styles.withCounter : undefined,\n        hasDividers ? styles.withDivider : undefined,\n        hasDividers ? styles.noRadius : undefined,\n        className,\n      )}\n      data-testid={dataTestId}\n      description={description}\n      endContent={endContent}\n      href={href}\n      isDisabled={isDisabled}\n      isSelected={isSelected}\n      label={label}\n      leadingContent={<Marker listStyle={listStyle} />}\n      onClick={onClick}\n      ref={ref}\n      rel={rel}\n      startContent={startContent}\n      style={style}\n      target={target}\n    />\n  );\n}\n\nListItem.displayName = 'ListItem';\n"]}

package/dist/chunk-UY3MYNI6.js

@@ -0,0 +1,123 @@
+import { sva } from './chunk-EHCAF6D3.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { useId } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/components/Divider/Divider.recipe.ts
+var dividerRecipe = sva({
+  slots: ["root", "line", "label"],
+  base: {
+    root: {
+      color: "fg.muted",
+      alignItems: "center"
+    },
+    line: {
+      flex: 1
+    },
+    label: {
+      flexShrink: 0,
+      fontFamily: "body",
+      fontSize: "sm",
+      color: "fg.muted"
+    }
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        root: { display: "flex", w: "100%" },
+        line: { h: "1px" },
+        label: { px: "3" }
+      },
+      vertical: {
+        root: { display: "inline-flex", flexDirection: "column", h: "100%" },
+        line: { w: "1px" },
+        label: { py: "3" }
+      }
+    },
+    variant: {
+      subtle: { line: { bg: "border" } },
+      strong: { line: { bg: "border.emphasized" } }
+    },
+    // Marker variant; the real full-bleed styling is orientation-dependent, so
+    // it lives in compoundVariants below.
+    isFullBleed: {
+      true: {}
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      isFullBleed: true,
+      css: {
+        root: {
+          mx: "calc(-1 * var(--card-padding, 0px))",
+          w: "calc(100% + var(--card-padding, 0px) * 2)"
+        }
+      }
+    },
+    {
+      orientation: "vertical",
+      isFullBleed: true,
+      css: {
+        root: {
+          my: "calc(-1 * var(--card-padding, 0px))",
+          h: "calc(100% + var(--card-padding, 0px) * 2)"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "subtle",
+    isFullBleed: false
+  }
+});
+function formatSize(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
+function Divider({
+  "aria-label": ariaLabel,
+  className,
+  "data-testid": dataTestId,
+  height,
+  isFullBleed = false,
+  label,
+  orientation = "horizontal",
+  ref,
+  style,
+  variant = "subtle",
+  width
+}) {
+  const labelId = useId();
+  const isHorizontal = orientation === "horizontal";
+  const classes = dividerRecipe({ orientation, variant, isFullBleed });
+  const dimensionStyle = {
+    width: isHorizontal && width != null ? formatSize(width) : void 0,
+    height: !isHorizontal && height != null ? formatSize(height) : void 0
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-label": ariaLabel,
+      "aria-labelledby": label != null && ariaLabel == null ? labelId : void 0,
+      "aria-orientation": orientation,
+      className: cx(classes.root, className),
+      "data-testid": dataTestId,
+      ref,
+      role: "separator",
+      style: { ...dimensionStyle, ...style },
+      children: [
+        /* @__PURE__ */ jsx("div", { className: classes.line }),
+        label != null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: classes.label, id: labelId, children: label }),
+          /* @__PURE__ */ jsx("div", { className: classes.line })
+        ] }) : null
+      ]
+    }
+  );
+}
+Divider.displayName = "Divider";
+
+export { Divider };
+//# sourceMappingURL=chunk-UY3MYNI6.js.map
+//# sourceMappingURL=chunk-UY3MYNI6.js.map

package/dist/chunk-UY3MYNI6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.recipe.ts","../src/components/Divider/Divider.tsx"],"names":[],"mappings":"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","file":"chunk-UY3MYNI6.js","sourcesContent":["import {sva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const dividerRecipe = sva({\n  slots: ['root', 'line', 'label'],\n  base: {\n    root: {\n      color: 'fg.muted',\n      alignItems: 'center',\n    },\n    line: {\n      flex: 1,\n    },\n    label: {\n      flexShrink: 0,\n      fontFamily: 'body',\n      fontSize: 'sm',\n      color: 'fg.muted',\n    },\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        root: {display: 'flex', w: '100%'},\n        line: {h: '1px'},\n        label: {px: '3'},\n      },\n      vertical: {\n        root: {display: 'inline-flex', flexDirection: 'column', h: '100%'},\n        line: {w: '1px'},\n        label: {py: '3'},\n      },\n    },\n    variant: {\n      subtle: {line: {bg: 'border'}},\n      strong: {line: {bg: 'border.emphasized'}},\n    },\n    // Marker variant; the real full-bleed styling is orientation-dependent, so\n    // it lives in compoundVariants below.\n    isFullBleed: {\n      true: {},\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      isFullBleed: true,\n      css: {\n        root: {\n          mx: 'calc(-1 * var(--card-padding, 0px))',\n          w: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n    {\n      orientation: 'vertical',\n      isFullBleed: true,\n      css: {\n        root: {\n          my: 'calc(-1 * var(--card-padding, 0px))',\n          h: 'calc(100% + var(--card-padding, 0px) * 2)',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'subtle',\n    isFullBleed: false,\n  },\n});\n\nexport type DividerVariants = RecipeVariantProps<typeof dividerRecipe>;\n","import {useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {cx} from '../../internal/cx';\nimport {dividerRecipe} from './Divider.recipe';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'subtle' | 'strong';\n\n/**\n * Visual separator for grouping content.\n */\nexport interface DividerProps {\n  /**\n   * Accessible label for the separator. Use when the divider conveys\n   * meaning beyond a visual break (e.g., separating named sections).\n   */\n  'aria-label'?: string;\n  /**\n   * Additional CSS class names applied to the root element.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Length of a vertical divider. Numbers are treated as pixels. Ignored for\n   * horizontal dividers, which size to their container width.\n   */\n  height?: number | string;\n  /**\n   * Whether the divider should escape container padding.\n   */\n  isFullBleed?: boolean;\n  /**\n   * Optional label rendered in the divider.\n   */\n  label?: ReactNode;\n  /**\n   * Divider orientation. Default is `horizontal`.\n   */\n  orientation?: DividerOrientation;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Inline styles applied to the root element.\n   */\n  style?: CSSProperties;\n  /**\n   * Visual weight of the divider. Default is `subtle`.\n   */\n  variant?: DividerVariant;\n  /**\n   * Length of a horizontal divider. Numbers are treated as pixels. Ignored for\n   * vertical dividers, which size to their container height.\n   */\n  width?: number | string;\n}\n\nfunction formatSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\nexport function Divider({\n  'aria-label': ariaLabel,\n  className,\n  'data-testid': dataTestId,\n  height,\n  isFullBleed = false,\n  label,\n  orientation = 'horizontal',\n  ref,\n  style,\n  variant = 'subtle',\n  width,\n}: DividerProps): React.JSX.Element {\n  const labelId = useId();\n  const isHorizontal = orientation === 'horizontal';\n  const classes = dividerRecipe({orientation, variant, isFullBleed});\n  // Only the along-axis length applies: width for horizontal, height for\n  // vertical. Consumer `style` still wins via the spread below.\n  const dimensionStyle: CSSProperties = {\n    width: isHorizontal && width != null ? formatSize(width) : undefined,\n    height: !isHorizontal && height != null ? formatSize(height) : undefined,\n  };\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      aria-labelledby={label != null && ariaLabel == null ? labelId : undefined}\n      aria-orientation={orientation}\n      className={cx(classes.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      role=\"separator\"\n      style={{...dimensionStyle, ...style}}>\n      <div className={classes.line} />\n      {label != null ? (\n        <>\n          <div className={classes.label} id={labelId}>\n            {label}\n          </div>\n          <div className={classes.line} />\n        </>\n      ) : null}\n    </div>\n  );\n}\n\nDivider.displayName = 'Divider';\n"]}

package/dist/{chunk-32XQJNKY.cjs → chunk-UYXQBM2B.cjs}

@@ -1,26 +1,26 @@
 'use strict';
 
-var chunkNILB6Y4Z_cjs = require('./chunk-NILB6Y4Z.cjs');
-var chunk47BELFYO_cjs = require('./chunk-47BELFYO.cjs');
+var chunkYBPG5RPR_cjs = require('./chunk-YBPG5RPR.cjs');
+var chunkJMNH45Q3_cjs = require('./chunk-JMNH45Q3.cjs');
 var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
-var chunkAZDWQGAX_cjs = require('./chunk-AZDWQGAX.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var styles = {
-  root: chunkAZDWQGAX_cjs.css({
+  root: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
     gap: "4"
   }),
-  controls: chunkAZDWQGAX_cjs.css({
+  controls: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     gap: "1"
   }),
-  ellipsis: chunkAZDWQGAX_cjs.css({
+  ellipsis: chunkRU6JG3FS_cjs.css({
     display: "inline-flex",
     alignItems: "center",
     justifyContent: "center",
@@ -29,12 +29,12 @@ var styles = {
     fontSize: "sm",
     userSelect: "none"
   }),
-  infoText: chunkAZDWQGAX_cjs.css({
+  infoText: chunkRU6JG3FS_cjs.css({
     display: "flex",
     alignItems: "center",
     whiteSpace: "nowrap"
   }),
-  activePage: chunkAZDWQGAX_cjs.css({
+  activePage: chunkRU6JG3FS_cjs.css({
     bg: "bg.hover",
     fontWeight: "medium"
   })
@@ -142,7 +142,7 @@ function Pagination({
           }
           const isActive = item === page;
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkNILB6Y4Z_cjs.Button,
+            chunkYBPG5RPR_cjs.Button,
             {
               "aria-current": isActive ? "page" : void 0,
               "aria-label": isActive ? `Page ${item}, current page` : `Go to page ${item}`,
@@ -158,9 +158,9 @@ function Pagination({
         });
       }
       case "count":
-        return totalItems == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { color: "primary", size: "sm", type: "body", children: `${rangeStart}-${rangeEnd} of ${totalItems}` }) });
+        return totalItems == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { color: "primary", size: "sm", type: "body", children: `${rangeStart}-${rangeEnd} of ${totalItems}` }) });
       case "compact":
-        return computedTotalPages == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunk47BELFYO_cjs.Text, { color: "primary", size: "sm", type: "body", children: `Page ${page} of ${computedTotalPages}` }) });
+        return computedTotalPages == null ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-live": "polite", className: styles.infoText, children: /* @__PURE__ */ jsxRuntime.jsx(chunkJMNH45Q3_cjs.Text, { color: "primary", size: "sm", type: "body", children: `Page ${page} of ${computedTotalPages}` }) });
       case "none":
       default:
         return null;
@@ -176,7 +176,7 @@ function Pagination({
       style,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.controls, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNILB6Y4Z_cjs.Button,
+          chunkYBPG5RPR_cjs.Button,
           {
             icon: lucideReact.ChevronLeft,
             isDisabled: isDisabled || !hasPrevious,
@@ -189,7 +189,7 @@ function Pagination({
         ),
         renderIndicator(),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNILB6Y4Z_cjs.Button,
+          chunkYBPG5RPR_cjs.Button,
           {
             icon: lucideReact.ChevronRight,
             isDisabled: isDisabled || !hasNext,
@@ -207,5 +207,5 @@ function Pagination({
 Pagination.displayName = "Pagination";
 
 exports.Pagination = Pagination;
-//# sourceMappingURL=chunk-32XQJNKY.cjs.map
-//# sourceMappingURL=chunk-32XQJNKY.cjs.map
+//# sourceMappingURL=chunk-UYXQBM2B.cjs.map
+//# sourceMappingURL=chunk-UYXQBM2B.cjs.map

package/dist/{chunk-32XQJNKY.cjs.map → chunk-UYXQBM2B.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["css","useMemo","jsx","Button","Text","cx","jsxs","ChevronLeft","ChevronRight"],"mappings":"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","file":"chunk-32XQJNKY.cjs","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {Button} from '../Button';\nimport {Text} from '../Text';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":["css","useMemo","jsx","Button","Text","cx","jsxs","ChevronLeft","ChevronRight"],"mappings":"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","file":"chunk-UYXQBM2B.cjs","sourcesContent":["import {ChevronLeft, ChevronRight} from 'lucide-react';\nimport type {CSSProperties, Ref} from 'react';\nimport {useMemo} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport type {ButtonSize} from '../Button';\nimport {Button} from '../Button';\nimport {Text} from '../Text';\n\nexport type PaginationVariant = 'pages' | 'count' | 'compact' | 'none';\n\ninterface PaginationBaseProps {\n  /**\n   * Additional CSS class names applied to the navigation root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the navigation root.\n   */\n  'data-testid'?: string;\n  /**\n   * Whether another page exists when the total page count is unknown.\n   */\n  hasMore?: boolean;\n  /**\n   * Whether the pagination controls are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Accessible label for the navigation landmark.\n   * @default 'Pagination'\n   */\n  label?: string;\n  /**\n   * Called when the page changes.\n   */\n  onChange: (page: number) => void;\n  /**\n   * Current page number, starting at 1.\n   */\n  page: number;\n  /**\n   * Number of items per page.\n   * @default 10\n   */\n  pageSize?: number;\n  /**\n   * Ref forwarded to the navigation root.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Number of page buttons to show on each side of the current page.\n   * @default 1\n   */\n  siblingCount?: number;\n  /**\n   * Control size.\n   * @default 'md'\n   */\n  size?: ButtonSize;\n  /**\n   * Inline styles applied to the navigation root.\n   */\n  style?: CSSProperties;\n  /**\n   * Display variant.\n   * @default 'pages'\n   */\n  variant?: PaginationVariant;\n}\n\nexport type PaginationProps = PaginationBaseProps &\n  (\n    | {totalItems: number; totalPages?: never}\n    | {totalItems?: never; totalPages: number}\n    | {totalItems?: never; totalPages?: never}\n  );\n\nconst styles = {\n  root: css({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '4',\n  }),\n  controls: css({\n    display: 'flex',\n    alignItems: 'center',\n    gap: '1',\n  }),\n  ellipsis: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'fg.muted',\n    fontFamily: 'body',\n    fontSize: 'sm',\n    userSelect: 'none',\n  }),\n  infoText: css({\n    display: 'flex',\n    alignItems: 'center',\n    whiteSpace: 'nowrap',\n  }),\n  activePage: css({\n    bg: 'bg.hover',\n    fontWeight: 'medium',\n  }),\n} as const;\n\nfunction generatePageRange(\n  currentPage: number,\n  totalPages: number,\n  siblingCount: number,\n): (number | '...')[] {\n  const totalSlots = 5 + 2 * siblingCount;\n\n  if (totalPages <= totalSlots) {\n    return Array.from({length: totalPages}, (_, index) => index + 1);\n  }\n\n  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);\n  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);\n  const showLeftEllipsis = leftSiblingIndex > 2;\n  const showRightEllipsis = rightSiblingIndex < totalPages - 1;\n\n  if (!showLeftEllipsis && showRightEllipsis) {\n    const leftRange = 3 + 2 * siblingCount;\n    return [\n      ...Array.from({length: leftRange}, (_, index) => index + 1),\n      '...',\n      totalPages,\n    ];\n  }\n\n  if (showLeftEllipsis && !showRightEllipsis) {\n    const rightRange = 3 + 2 * siblingCount;\n    return [\n      1,\n      '...',\n      ...Array.from(\n        {length: rightRange},\n        (_, index) => totalPages - rightRange + index + 1,\n      ),\n    ];\n  }\n\n  return [\n    1,\n    '...',\n    ...Array.from(\n      {length: rightSiblingIndex - leftSiblingIndex + 1},\n      (_, index) => leftSiblingIndex + index,\n    ),\n    '...',\n    totalPages,\n  ];\n}\n\n/**\n * Page navigation controls with multiple display variants\n * (numbered pages, count summary, compact label, or none).\n */\nexport function Pagination({\n  className,\n  'data-testid': dataTestId,\n  hasMore,\n  isDisabled = false,\n  label = 'Pagination',\n  onChange,\n  page: pageFromProps,\n  pageSize: pageSizeFromProps = 10,\n  ref,\n  siblingCount: siblingCountFromProps = 1,\n  size = 'md',\n  style,\n  totalItems,\n  totalPages: totalPagesProp,\n  variant = 'pages',\n}: PaginationProps): React.JSX.Element | null {\n  const siblingCount = Math.max(0, siblingCountFromProps);\n  const pageSize = Math.max(1, pageSizeFromProps);\n  const computedTotalPages =\n    totalPagesProp ??\n    (totalItems != null ? Math.ceil(totalItems / pageSize) : undefined);\n  const page = Math.max(\n    1,\n    computedTotalPages != null\n      ? Math.min(pageFromProps, computedTotalPages)\n      : pageFromProps,\n  );\n  const hasPrevious = page > 1;\n  const hasNext =\n    computedTotalPages != null ? page < computedTotalPages : (hasMore ?? false);\n\n  const pageRange = useMemo(\n    () =>\n      computedTotalPages != null\n        ? generatePageRange(page, computedTotalPages, siblingCount)\n        : [],\n    [page, computedTotalPages, siblingCount],\n  );\n\n  if (totalItems != null && totalItems <= 0) {\n    return null;\n  }\n\n  if (computedTotalPages != null && computedTotalPages <= 0) {\n    return null;\n  }\n\n  const handlePageChange = (newPage: number) => {\n    if (isDisabled) {\n      return;\n    }\n\n    onChange(newPage);\n  };\n\n  const rangeStart = (page - 1) * pageSize + 1;\n  const rangeEnd =\n    totalItems == null\n      ? page * pageSize\n      : Math.min(page * pageSize, totalItems);\n\n  const renderIndicator = () => {\n    switch (variant) {\n      case 'pages': {\n        if (computedTotalPages == null) {\n          return null;\n        }\n\n        return pageRange.map((item, index) => {\n          if (item === '...') {\n            return (\n              <span\n                aria-hidden=\"true\"\n                className={styles.ellipsis}\n                key={`ellipsis-${pageRange[index - 1]}-${pageRange[index + 1]}`}>\n                ...\n              </span>\n            );\n          }\n\n          const isActive = item === page;\n          return (\n            <Button\n              aria-current={isActive ? 'page' : undefined}\n              aria-label={\n                isActive ? `Page ${item}, current page` : `Go to page ${item}`\n              }\n              className={isActive ? styles.activePage : undefined}\n              isDisabled={isDisabled}\n              key={item}\n              label={String(item)}\n              onClick={isActive ? undefined : () => handlePageChange(item)}\n              size={size}\n              variant=\"ghost\"\n            />\n          );\n        });\n      }\n\n      case 'count':\n        return totalItems == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`${rangeStart}-${rangeEnd} of ${totalItems}`}\n            </Text>\n          </span>\n        );\n\n      case 'compact':\n        return computedTotalPages == null ? null : (\n          <span aria-live=\"polite\" className={styles.infoText}>\n            <Text color=\"primary\" size=\"sm\" type=\"body\">\n              {`Page ${page} of ${computedTotalPages}`}\n            </Text>\n          </span>\n        );\n\n      case 'none':\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <nav\n      aria-label={label}\n      className={cx(styles.root, className)}\n      data-testid={dataTestId}\n      ref={ref}\n      style={style}>\n      <div className={styles.controls}>\n        <Button\n          icon={ChevronLeft}\n          isDisabled={isDisabled || !hasPrevious}\n          isIconOnly\n          label=\"Go to previous page\"\n          onClick={() => handlePageChange(page - 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n        {renderIndicator()}\n        <Button\n          icon={ChevronRight}\n          isDisabled={isDisabled || !hasNext}\n          isIconOnly\n          label=\"Go to next page\"\n          onClick={() => handlePageChange(page + 1)}\n          size={size}\n          variant=\"ghost\"\n        />\n      </div>\n    </nav>\n  );\n}\n\nPagination.displayName = 'Pagination';\n"]}

package/dist/{chunk-H6OY6FLC.js → chunk-VSEKSDTK.js}

@@ -1,8 +1,10 @@
-import { useInputGroup } from './chunk-YHR44PWO.js';
-import { inputStyles, inputRecipe, Field } from './chunk-NGWNIMMX.js';
-import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-3L3M7SJ3.js';
-import { Spinner } from './chunk-RGPL6EDK.js';
-import { Icon } from './chunk-4W7L63LH.js';
+import { useInputGroup } from './chunk-4M2KCZMO.js';
+import { inputStyles, inputRecipe } from './chunk-3M23WX6K.js';
+import { Field, getNecessity } from './chunk-K6CQ45C2.js';
+import { getStatusMessageID, getDescribedBy, getStatusIcon } from './chunk-WOIWI2UO.js';
+import { Button } from './chunk-HLN3JQYD.js';
+import { Spinner } from './chunk-S54CKWKV.js';
+import { Icon } from './chunk-7T3SWOY7.js';
 import { cx } from './chunk-PPNETWIP.js';
 import { X } from 'lucide-react';
 import { useId } from 'react';
@@ -94,13 +96,14 @@ function TextInput({
           }
         ),
         hasClear && value !== "" && !effectiveDisabled ? /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
-            "aria-label": `Clear ${label}`,
-            className: inputStyles.clearButton,
+            icon: X,
+            isIconOnly: true,
+            label: `Clear ${label}`,
             onClick: () => onChange("", null),
-            type: "button",
-            children: /* @__PURE__ */ jsx(Icon, { icon: X, size: "sm" })
+            size: "sm",
+            variant: "ghost"
           }
         ) : null,
         endContent,
@@ -121,8 +124,7 @@ function TextInput({
       inputId,
       isDisabled,
       isLabelHidden,
-      isOptional,
-      isRequired,
+      ...getNecessity(isOptional, isRequired),
       label,
       labelIcon,
       labelTooltip,
@@ -135,5 +137,5 @@ function TextInput({
 TextInput.displayName = "TextInput";
 
 export { TextInput };
-//# sourceMappingURL=chunk-H6OY6FLC.js.map
-//# sourceMappingURL=chunk-H6OY6FLC.js.map
+//# sourceMappingURL=chunk-VSEKSDTK.js.map
+//# sourceMappingURL=chunk-VSEKSDTK.js.map

package/dist/chunk-VSEKSDTK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAoJO,SAAS,SAAA,CAAU;AAAA,EACxB,YAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,MAAM,QAAA,GAAW,IAAA;AAAA,EACjB,WAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,UAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA,GAAW,KAAA;AAAA,EACX,YAAA,GAAe,KAAA;AAAA,EACf,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,EAAe,UAAA;AAAA,EACf,KAAA;AAAA,EACA;AACF,CAAA,EAAsC;AACpC,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,aAAA,GACJ,WAAA,IAAe,IAAA,GAAO,CAAA,EAAG,OAAO,CAAA,YAAA,CAAA,GAAiB,MAAA;AACnD,EAAA,MAAM,eAAA,GAAkB,kBAAA,CAAmB,OAAA,EAAS,MAAM,CAAA;AAC1D,EAAA,MAAM,WAAA,GAAc,cAAA,CAAe,aAAA,EAAe,eAAe,CAAA;AACjE,EAAA,MAAM,aAAa,aAAA,EAAc;AACjC,EAAA,MAAM,iBAAA,GAAoB,UAAA,IAAc,UAAA,EAAY,UAAA,KAAe,IAAA;AACnE,EAAA,MAAM,IAAA,GAAO,YAAY,IAAA,IAAQ,QAAA;AACjC,EAAA,MAAM,mBAAA,GAAsB,MAAA,EAAQ,IAAA,IAAQ,UAAA,EAAY,UAAA;AAExD,EAAA,MAAM,YAAA,mBACJ,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,WAAA,CAAY;AAAA,UACV,IAAA;AAAA,UACA,MAAA,EAAQ,mBAAA;AAAA,UACR,UAAA,EAAY;AAAA,SACb,CAAA;AAAA,QACD,UAAA,IAAc,OAAO,SAAA,GAAY;AAAA,OACnC;AAAA,MACA,KAAA,EAAO,UAAA,IAAc,IAAA,GAAO,KAAA,GAAQ,MAAA;AAAA,MACnC,QAAA,EAAA;AAAA,QAAA,SAAA,IAAa,IAAA,mBACZ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,YAAY,QAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,KAAA,EAAM,aAAY,IAAA,EAAM,SAAA,EAAW,IAAA,EAAK,IAAA,EAAK,GACrD,CAAA,GACE,IAAA;AAAA,wBACJ,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,aAAW,SAAA,IAAa,MAAA;AAAA,YACxB,kBAAA,EAAkB,WAAA;AAAA,YAClB,cAAA,EAAc,MAAA,EAAQ,IAAA,KAAS,OAAA,IAAW,MAAA;AAAA,YAC1C,YAAA,EAAY,UAAA,IAAc,IAAA,GAAO,KAAA,GAAQ,MAAA;AAAA,YACzC,iBAAe,UAAA,IAAc,MAAA;AAAA,YAC7B,YAAA;AAAA,YAEA,SAAA,EAAW,YAAA;AAAA,YACX,WAAW,WAAA,CAAY,OAAA;AAAA,YACvB,kBAAgB,YAAA,IAAgB,MAAA;AAAA,YAChC,aAAA,EAAa,UAAA;AAAA,YACb,QAAA,EAAU,iBAAA;AAAA,YACV,EAAA,EAAI,OAAA;AAAA,YACJ,IAAA,EAAM,QAAA;AAAA,YACN,MAAA;AAAA,YACA,UAAU,CAAA,KAAA,KAAS,QAAA,CAAS,KAAA,CAAM,MAAA,CAAO,OAAO,KAAK,CAAA;AAAA,YACrD,OAAA;AAAA,YACA,WAAW,CAAA,KAAA,KAAS;AAClB,cAAA,IAAI,MAAM,GAAA,KAAQ,OAAA,IAAW,CAAC,KAAA,CAAM,YAAY,WAAA,EAAa;AAC3D,gBAAA,OAAA,IAAU;AAAA,cACZ;AACA,cAAA,SAAA,GAAY,KAAK,CAAA;AAAA,YACnB,CAAA;AAAA,YACA,WAAA;AAAA,YACA,GAAA;AAAA,YACA,UAAU,UAAA,IAAc,MAAA;AAAA,YACxB,IAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,QAAA,IAAY,KAAA,KAAU,EAAA,IAAM,CAAC,iBAAA,mBAC5B,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,CAAA;AAAA,YACN,UAAA,EAAU,IAAA;AAAA,YACV,KAAA,EAAO,SAAS,KAAK,CAAA,CAAA;AAAA,YACrB,OAAA,EAAS,MAAM,QAAA,CAAS,EAAA,EAAI,IAAI,CAAA;AAAA,YAChC,IAAA,EAAK,IAAA;AAAA,YACL,OAAA,EAAQ;AAAA;AAAA,SACV,GACE,IAAA;AAAA,QACH,UAAA;AAAA,QACA,SAAA,mBAAY,GAAA,CAAC,OAAA,EAAA,EAAQ,IAAA,EAAK,MAAK,CAAA,GAAK,IAAA;AAAA,QACpC,MAAA,IAAU,IAAA,mBACT,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,WAAA,CAAY,QAAA,EAC1B,QAAA,EAAA,aAAA,CAAc,MAAA,CAAO,IAAI,CAAA,EAC5B,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAGF,EAAA,IAAI,cAAc,IAAA,EAAM;AACtB,IAAA,OAAO,YAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACC,GAAG,YAAA,CAAa,UAAA,EAAY,UAAU,CAAA;AAAA,MACvC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,MAAA,EACE,UAAU,IAAA,GAAO,MAAA,GAAY,EAAC,GAAG,MAAA,EAAQ,WAAW,eAAA,EAAe;AAAA,MAErE,KAAA;AAAA,MACC,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-VSEKSDTK.js","sourcesContent":["import {X} from 'lucide-react';\nimport {\n  useId,\n  type ChangeEvent,\n  type CSSProperties,\n  type FocusEvent,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {Button} from '../Button';\nimport {\n  Field,\n  getNecessity,\n  type FieldNecessity,\n  type InputSize,\n  type InputStatus,\n} from '../Field';\nimport {inputRecipe, inputStyles} from '../Field/inputStyles';\nimport {\n  getDescribedBy,\n  getStatusIcon,\n  getStatusMessageID,\n} from '../Field/inputUtils';\nimport {Icon, type IconComponent} from '../Icon';\nimport {useInputGroup} from '../InputGroup';\nimport {Spinner} from '../Spinner';\n\nexport type TextInputType = 'email' | 'password' | 'text';\n\nexport type TextInputProps = {\n  /**\n   * HTML autocomplete hint for the browser.\n   */\n  autoComplete?: string;\n  /**\n   * Additional CSS class names applied to the input wrapper.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the input element.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text rendered below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the input, before the status icon.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether to focus the input on mount.\n   */\n  hasAutoFocus?: boolean;\n  /**\n   * Whether to show a clear button when the input has a value.\n   */\n  hasClear?: boolean;\n  /**\n   * HTML name attribute.\n   */\n  htmlName?: string;\n  /**\n   * Whether the input is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Whether the input is loading.\n   */\n  isLoading?: boolean;\n  /**\n   * Field label.\n   */\n  label: string;\n  /**\n   * Icon shown before the label.\n   */\n  labelIcon?: IconComponent;\n  /**\n   * Tooltip shown beside the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Called when the input loses focus.\n   */\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Called with the next string value.\n   */\n  onChange: (\n    value: string,\n    event: ChangeEvent<HTMLInputElement> | null,\n  ) => void;\n  /**\n   * Called when Enter is pressed.\n   */\n  onEnter?: () => void;\n  /**\n   * Called when the input gains focus.\n   */\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  /**\n   * Keyboard event handler for the input.\n   */\n  onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;\n  /**\n   * Placeholder text.\n   */\n  placeholder?: string;\n  /**\n   * Ref forwarded to the input element.\n   */\n  ref?: Ref<HTMLInputElement>;\n  /**\n   * Visual size.\n   */\n  size?: InputSize;\n  /**\n   * Icon shown before the input.\n   */\n  startIcon?: IconComponent;\n  /**\n   * Status displayed on the field.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the wrapper.\n   */\n  style?: CSSProperties;\n  /**\n   * HTML input type.\n   */\n  type?: TextInputType;\n  /**\n   * Controlled input value.\n   */\n  value: string;\n} & FieldNecessity;\n\n/**\n * Single-line text input field.\n */\nexport function TextInput({\n  autoComplete,\n  label,\n  value,\n  onChange,\n  onBlur,\n  onFocus,\n  type = 'text',\n  size: sizeProp = 'md',\n  placeholder,\n  description,\n  endContent,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  isDisabled = false,\n  isLoading = false,\n  hasClear = false,\n  hasAutoFocus = false,\n  htmlName,\n  status,\n  labelIcon,\n  labelTooltip,\n  startIcon,\n  onEnter,\n  onKeyDown,\n  className,\n  'data-testid': dataTestId,\n  style,\n  ref,\n}: TextInputProps): React.JSX.Element {\n  const inputId = useId();\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const inputGroup = useInputGroup();\n  const effectiveDisabled = isDisabled || inputGroup?.isDisabled === true;\n  const size = inputGroup?.size ?? sizeProp;\n  const effectiveStatusType = status?.type ?? inputGroup?.statusType;\n\n  const inputWrapper = (\n    <div\n      className={cx(\n        inputRecipe({\n          size,\n          status: effectiveStatusType,\n          isDisabled: effectiveDisabled,\n        }),\n        inputGroup != null ? className : undefined,\n      )}\n      style={inputGroup != null ? style : undefined}>\n      {startIcon != null ? (\n        <span className={inputStyles.iconSlot}>\n          <Icon color=\"secondary\" icon={startIcon} size=\"sm\" />\n        </span>\n      ) : null}\n      <input\n        aria-busy={isLoading || undefined}\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-label={inputGroup != null ? label : undefined}\n        aria-required={isRequired ?? undefined}\n        autoComplete={autoComplete}\n        // eslint-disable-next-line jsx-a11y-x/no-autofocus\n        autoFocus={hasAutoFocus}\n        className={inputStyles.control}\n        data-autofocus={hasAutoFocus || undefined}\n        data-testid={dataTestId}\n        disabled={effectiveDisabled}\n        id={inputId}\n        name={htmlName}\n        onBlur={onBlur}\n        onChange={event => onChange(event.target.value, event)}\n        onFocus={onFocus}\n        onKeyDown={event => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            onEnter?.();\n          }\n          onKeyDown?.(event);\n        }}\n        placeholder={placeholder}\n        ref={ref}\n        required={isRequired ?? undefined}\n        type={type}\n        value={value}\n      />\n      {hasClear && value !== '' && !effectiveDisabled ? (\n        <Button\n          icon={X}\n          isIconOnly\n          label={`Clear ${label}`}\n          onClick={() => onChange('', null)}\n          size=\"sm\"\n          variant=\"ghost\"\n        />\n      ) : null}\n      {endContent}\n      {isLoading ? <Spinner size=\"sm\" /> : null}\n      {status != null ? (\n        <span className={inputStyles.iconSlot}>\n          {getStatusIcon(status.type)}\n        </span>\n      ) : null}\n    </div>\n  );\n\n  if (inputGroup != null) {\n    return inputWrapper;\n  }\n\n  return (\n    <Field\n      className={className}\n      description={description}\n      descriptionID={descriptionID}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...getNecessity(isOptional, isRequired)}\n      label={label}\n      labelIcon={labelIcon}\n      labelTooltip={labelTooltip}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      style={style}>\n      {inputWrapper}\n    </Field>\n  );\n}\n\nTextInput.displayName = 'TextInput';\n"]}

package/dist/chunk-VXBVSYPA.cjs

@@ -0,0 +1,109 @@
+'use strict';
+
+var chunkJRBQKFVO_cjs = require('./chunk-JRBQKFVO.cjs');
+var chunkRU6JG3FS_cjs = require('./chunk-RU6JG3FS.cjs');
+
+// src/components/Field/inputStyles.ts
+var inputRecipe = chunkJRBQKFVO_cjs.cva({
+  base: {
+    position: "relative",
+    zIndex: 1,
+    display: "flex",
+    alignItems: "center",
+    gap: "2",
+    px: "3",
+    borderWidth: "default",
+    borderStyle: "solid",
+    borderColor: "border.emphasized",
+    borderRadius: "md",
+    bg: "bg",
+    transitionProperty: "border-color, box-shadow, opacity",
+    transitionDuration: "fast",
+    transitionTimingFunction: "default",
+    _hover: {
+      borderColor: "fg.muted"
+    },
+    _focusWithin: {
+      borderColor: "primary",
+      boxShadow: "focus"
+    }
+  },
+  variants: {
+    size: {
+      sm: { minH: "component.sm" },
+      md: { minH: "component.md" },
+      lg: { minH: "component.lg" }
+    },
+    status: {
+      warning: {
+        borderColor: "status.warning.border",
+        _hover: { borderColor: "status.warning.borderHover" },
+        _focusWithin: {
+          borderColor: "status.warning.border",
+          boxShadow: "focus.warning"
+        }
+      },
+      error: {
+        borderColor: "status.error.border",
+        _hover: { borderColor: "status.error.borderHover" },
+        _focusWithin: {
+          borderColor: "status.error.border",
+          boxShadow: "focus.error"
+        }
+      },
+      success: {
+        borderColor: "status.success.border",
+        _hover: { borderColor: "status.success.borderHover" },
+        _focusWithin: {
+          borderColor: "status.success.border",
+          boxShadow: "focus.success"
+        }
+      }
+    },
+    isDisabled: {
+      true: {
+        cursor: "not-allowed",
+        opacity: 0.55
+      },
+      false: {}
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    isDisabled: false
+  }
+});
+var inputStyles = {
+  control: chunkRU6JG3FS_cjs.css({
+    display: "block",
+    flex: 1,
+    minW: 0,
+    borderWidth: 0,
+    borderStyle: "none",
+    p: 0,
+    fontFamily: "body",
+    fontSize: "md",
+    lineHeight: "normal",
+    color: "fg",
+    bg: "transparent",
+    outline: "none",
+    _placeholder: {
+      color: "fg.muted"
+    },
+    _disabled: {
+      cursor: "not-allowed"
+    }
+  }),
+  iconSlot: chunkRU6JG3FS_cjs.css({
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    color: "fg.muted"
+  })
+};
+
+exports.inputRecipe = inputRecipe;
+exports.inputStyles = inputStyles;
+//# sourceMappingURL=chunk-VXBVSYPA.cjs.map
+//# sourceMappingURL=chunk-VXBVSYPA.cjs.map