silver-ui 0.1.0

package/dist/chunk-CWUC4TOQ.js

@@ -0,0 +1,255 @@
+import { Item } from './chunk-CA6645TQ.js';
+import { Field } from './chunk-NGWNIMMX.js';
+import { getStatusMessageID, getDescribedBy } from './chunk-3L3M7SJ3.js';
+import { cx } from './chunk-PPNETWIP.js';
+import { css } from './chunk-UHQRL4OA.js';
+import { createContext, useId, useMemo, use } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var RadioGroupContext = createContext(
+  null
+);
+RadioGroupContext.displayName = "RadioGroupContext";
+var styles = {
+  group: css({
+    display: "flex"
+  }),
+  vertical: css({
+    flexDirection: "column",
+    gap: "0.5"
+  }),
+  horizontal: css({
+    flexDirection: "row",
+    flexWrap: "wrap",
+    columnGap: "4",
+    rowGap: "0"
+  })
+};
+function RadioGroup({
+  children,
+  className,
+  "data-testid": dataTestId,
+  description,
+  isDisabled = false,
+  isLabelHidden = false,
+  isOptional,
+  isRequired,
+  label,
+  labelTooltip,
+  onChange,
+  orientation = "vertical",
+  ref,
+  size = "md",
+  status,
+  style,
+  value
+}) {
+  const nameId = useId();
+  const inputId = useId();
+  const labelId = `${inputId}-label`;
+  const descriptionID = description != null ? `${inputId}-description` : void 0;
+  const statusMessageID = getStatusMessageID(inputId, status);
+  const describedBy = getDescribedBy(descriptionID, statusMessageID);
+  const contextValue = useMemo(
+    () => ({
+      isDisabled,
+      isRequired,
+      name: nameId,
+      onChange,
+      orientation,
+      size,
+      value
+    }),
+    [isDisabled, isRequired, nameId, onChange, orientation, size, value]
+  );
+  const necessity = { isOptional, isRequired };
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      className,
+      "data-testid": dataTestId,
+      inputId,
+      isDisabled,
+      isLabelHidden,
+      ...necessity,
+      label,
+      labelAs: "span",
+      labelId,
+      labelTooltip,
+      ref,
+      status: status == null ? void 0 : { ...status, messageID: statusMessageID },
+      statusVariant: "detached",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "aria-describedby": describedBy,
+          "aria-invalid": status?.type === "error" || void 0,
+          "aria-labelledby": labelId,
+          "aria-orientation": orientation,
+          "aria-required": isRequired ?? void 0,
+          className: orientation === "vertical" ? `${styles.group} ${styles.vertical}` : `${styles.group} ${styles.horizontal}`,
+          id: inputId,
+          role: "radiogroup",
+          children: /* @__PURE__ */ jsx(RadioGroupContext, { value: contextValue, children })
+        }
+      )
+    }
+  );
+}
+RadioGroup.displayName = "RadioGroup";
+var styles2 = {
+  controlWrap: css({
+    position: "relative",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0,
+    borderRadius: "full",
+    isolation: "isolate",
+    "&:has(input:focus-visible)": {
+      outlineWidth: "focus",
+      outlineStyle: "solid",
+      outlineColor: "primary",
+      outlineOffset: "focusOffset"
+    }
+  }),
+  input: css({
+    position: "absolute",
+    inset: 0,
+    m: 0,
+    p: 0,
+    opacity: 0,
+    cursor: "pointer",
+    zIndex: 1,
+    _disabled: {
+      cursor: "not-allowed"
+    }
+  }),
+  radio: css({
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxSizing: "border-box",
+    borderWidth: "default",
+    borderStyle: "solid",
+    borderColor: "border.emphasized",
+    borderRadius: "full",
+    bg: "bg",
+    pointerEvents: "none"
+  }),
+  radioChecked: css({
+    bg: "primary",
+    borderColor: "primary"
+  }),
+  radioDisabled: css({
+    opacity: 0.55
+  }),
+  dot: css({
+    borderRadius: "full",
+    bg: "fg.onPrimary"
+  }),
+  label: css({
+    cursor: "pointer"
+  }),
+  labelDisabled: css({
+    color: "fg.disabled",
+    cursor: "not-allowed"
+  }),
+  controlSize: {
+    sm: css({ w: "5", h: "5" }),
+    md: css({ w: "6", h: "6" })
+  },
+  radioSize: {
+    sm: css({ w: "4.5", h: "4.5" }),
+    md: css({ w: "5.5", h: "5.5" })
+  },
+  dotSize: {
+    sm: css({ w: "2", h: "2" }),
+    md: css({ w: "2.5", h: "2.5" })
+  }
+};
+function RadioGroupItem({
+  className,
+  "data-testid": dataTestId,
+  description,
+  endContent,
+  isDisabled: isItemDisabled = false,
+  label,
+  ref,
+  startContent,
+  style,
+  value
+}) {
+  const context = use(RadioGroupContext);
+  if (context == null) {
+    throw new Error("RadioGroupItem must be used within a RadioGroup");
+  }
+  const id = useId();
+  const descriptionId = useId();
+  const isDisabled = context.isDisabled || isItemDisabled;
+  const isChecked = context.value === value;
+  const size = context.size;
+  const control = /* @__PURE__ */ jsxs("span", { className: cx(styles2.controlWrap, styles2.controlSize[size]), children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        "aria-describedby": description != null ? descriptionId : void 0,
+        checked: isChecked,
+        className: styles2.input,
+        disabled: isDisabled,
+        id,
+        name: context.name,
+        onChange: () => context.onChange(value),
+        required: context.isRequired,
+        type: "radio",
+        value
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cx(
+          styles2.radio,
+          styles2.radioSize[size],
+          isChecked ? styles2.radioChecked : void 0,
+          isDisabled ? styles2.radioDisabled : void 0
+        ),
+        children: isChecked ? /* @__PURE__ */ jsx("span", { className: cx(styles2.dot, styles2.dotSize[size]) }) : null
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx(
+    Item,
+    {
+      className,
+      "data-testid": dataTestId,
+      description: description != null ? /* @__PURE__ */ jsx("span", { id: descriptionId, children: description }) : void 0,
+      endContent,
+      endContentPosition: "inline",
+      isDisabled,
+      label: /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: cx(
+            styles2.label,
+            isDisabled ? styles2.labelDisabled : void 0
+          ),
+          htmlFor: id,
+          children: label
+        }
+      ),
+      leadingContent: control,
+      ref,
+      startContent,
+      style,
+      width: context.orientation === "horizontal" ? "auto" : "full"
+    }
+  );
+}
+RadioGroupItem.displayName = "RadioGroupItem";
+
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=chunk-CWUC4TOQ.js.map
+//# sourceMappingURL=chunk-CWUC4TOQ.js.map

package/dist/chunk-CWUC4TOQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadioGroup/RadioGroupContext.tsx","../src/components/RadioGroup/RadioGroup.tsx","../src/components/RadioGroup/RadioGroupItem.tsx"],"names":["styles","useId","jsx"],"mappings":"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","file":"chunk-CWUC4TOQ.js","sourcesContent":["import {createContext} from 'react';\n\nexport type RadioGroupOrientation = 'horizontal' | 'vertical';\nexport type RadioGroupSize = 'sm' | 'md';\n\nexport interface RadioGroupContextValue {\n  isDisabled: boolean;\n  isRequired?: boolean;\n  name: string;\n  onChange: (value: string) => void;\n  orientation: RadioGroupOrientation;\n  size: RadioGroupSize;\n  value: string;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nRadioGroupContext.displayName = 'RadioGroupContext';\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 {Field, type FieldNecessity, type InputStatus} from '../Field';\nimport {getDescribedBy, getStatusMessageID} from '../Field/inputUtils';\nimport {\n  RadioGroupContext,\n  type RadioGroupOrientation,\n  type RadioGroupSize,\n} from './RadioGroupContext';\n\nexport type {RadioGroupOrientation} from './RadioGroupContext';\n\nexport type RadioGroupProps = {\n  /**\n   * Radio list items to render.\n   */\n  children: ReactNode;\n  /**\n   * Additional CSS class names applied to the field root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the field root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the label.\n   */\n  description?: ReactNode;\n  /**\n   * Whether all radio items are disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether to visually hide the label.\n   * @default false\n   */\n  isLabelHidden?: boolean;\n  /**\n   * Label text for the radio group.\n   */\n  label: string;\n  /**\n   * Tooltip content shown next to the label.\n   */\n  labelTooltip?: ReactNode;\n  /**\n   * Callback fired when the selected value changes.\n   * Memoize with `useCallback` to avoid unnecessary re-renders of radio items.\n   */\n  onChange: (value: string) => void;\n  /**\n   * Layout direction of the radio items.\n   * @default 'vertical'\n   */\n  orientation?: RadioGroupOrientation;\n  /**\n   * Ref forwarded to the field root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Size of the radio controls.\n   * @default 'md'\n   */\n  size?: RadioGroupSize;\n  /**\n   * Validation status displayed below the group.\n   */\n  status?: InputStatus;\n  /**\n   * Inline styles applied to the field root.\n   */\n  style?: CSSProperties;\n  /**\n   * The currently selected value.\n   */\n  value: string;\n} & FieldNecessity;\n\nconst styles = {\n  group: css({\n    display: 'flex',\n  }),\n  vertical: css({\n    flexDirection: 'column',\n    gap: '0.5',\n  }),\n  horizontal: css({\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    columnGap: '4',\n    rowGap: '0',\n  }),\n} as const;\n\n/**\n * A controlled radio group for single-value selection.\n */\nexport function RadioGroup({\n  children,\n  className,\n  'data-testid': dataTestId,\n  description,\n  isDisabled = false,\n  isLabelHidden = false,\n  isOptional,\n  isRequired,\n  label,\n  labelTooltip,\n  onChange,\n  orientation = 'vertical',\n  ref,\n  size = 'md',\n  status,\n  style,\n  value,\n}: RadioGroupProps): React.JSX.Element {\n  const nameId = useId();\n  const inputId = useId();\n  const labelId = `${inputId}-label`;\n  const descriptionID =\n    description != null ? `${inputId}-description` : undefined;\n  const statusMessageID = getStatusMessageID(inputId, status);\n  const describedBy = getDescribedBy(descriptionID, statusMessageID);\n  const contextValue = useMemo(\n    () => ({\n      isDisabled,\n      isRequired,\n      name: nameId,\n      onChange,\n      orientation,\n      size,\n      value,\n    }),\n    [isDisabled, isRequired, nameId, onChange, orientation, size, value],\n  );\n\n  const necessity: FieldNecessity = {isOptional, isRequired};\n\n  return (\n    <Field\n      className={className}\n      data-testid={dataTestId}\n      inputId={inputId}\n      isDisabled={isDisabled}\n      isLabelHidden={isLabelHidden}\n      {...necessity}\n      label={label}\n      labelAs=\"span\"\n      labelId={labelId}\n      labelTooltip={labelTooltip}\n      ref={ref}\n      status={\n        status == null ? undefined : {...status, messageID: statusMessageID}\n      }\n      statusVariant=\"detached\"\n      style={style}>\n      <div\n        aria-describedby={describedBy}\n        aria-invalid={status?.type === 'error' || undefined}\n        aria-labelledby={labelId}\n        aria-orientation={orientation}\n        aria-required={isRequired ?? undefined}\n        className={\n          orientation === 'vertical'\n            ? `${styles.group} ${styles.vertical}`\n            : `${styles.group} ${styles.horizontal}`\n        }\n        id={inputId}\n        role=\"radiogroup\">\n        <RadioGroupContext value={contextValue}>{children}</RadioGroupContext>\n      </div>\n    </Field>\n  );\n}\n\nRadioGroup.displayName = 'RadioGroup';\n","import {use, useId, type CSSProperties, type ReactNode, type Ref} from 'react';\nimport {css} from 'styled-system/css';\nimport {cx} from '../../internal/cx';\nimport {Item} from '../Item';\nimport {RadioGroupContext} from './RadioGroupContext';\n\nexport interface RadioGroupItemProps {\n  /**\n   * Additional CSS class names applied to the item root.\n   */\n  className?: string;\n  /**\n   * Test ID applied to the item root.\n   */\n  'data-testid'?: string;\n  /**\n   * Supporting text displayed below the item label.\n   */\n  description?: ReactNode;\n  /**\n   * Content rendered after the label and description.\n   */\n  endContent?: ReactNode;\n  /**\n   * Whether this radio item is disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the radio item.\n   */\n  label: string;\n  /**\n   * Ref forwarded to the item root.\n   */\n  ref?: Ref<HTMLDivElement>;\n  /**\n   * Content rendered after the radio control and before the label.\n   */\n  startContent?: ReactNode;\n  /**\n   * Inline styles applied to the item root.\n   */\n  style?: CSSProperties;\n  /**\n   * Value represented by this radio item.\n   */\n  value: string;\n}\n\nconst styles = {\n  controlWrap: css({\n    position: 'relative',\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    borderRadius: 'full',\n    isolation: 'isolate',\n    '&:has(input:focus-visible)': {\n      outlineWidth: 'focus',\n      outlineStyle: 'solid',\n      outlineColor: 'primary',\n      outlineOffset: 'focusOffset',\n    },\n  }),\n  input: css({\n    position: 'absolute',\n    inset: 0,\n    m: 0,\n    p: 0,\n    opacity: 0,\n    cursor: 'pointer',\n    zIndex: 1,\n    _disabled: {\n      cursor: 'not-allowed',\n    },\n  }),\n  radio: css({\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    boxSizing: 'border-box',\n    borderWidth: 'default',\n    borderStyle: 'solid',\n    borderColor: 'border.emphasized',\n    borderRadius: 'full',\n    bg: 'bg',\n    pointerEvents: 'none',\n  }),\n  radioChecked: css({\n    bg: 'primary',\n    borderColor: 'primary',\n  }),\n  radioDisabled: css({\n    opacity: 0.55,\n  }),\n  dot: css({\n    borderRadius: 'full',\n    bg: 'fg.onPrimary',\n  }),\n  label: css({\n    cursor: 'pointer',\n  }),\n  labelDisabled: css({\n    color: 'fg.disabled',\n    cursor: 'not-allowed',\n  }),\n  controlSize: {\n    sm: css({w: '5', h: '5'}),\n    md: css({w: '6', h: '6'}),\n  },\n  radioSize: {\n    sm: css({w: '4.5', h: '4.5'}),\n    md: css({w: '5.5', h: '5.5'}),\n  },\n  dotSize: {\n    sm: css({w: '2', h: '2'}),\n    md: css({w: '2.5', h: '2.5'}),\n  },\n} as const;\n\n/**\n * An individual radio option within a `RadioGroup`.\n */\nexport function RadioGroupItem({\n  className,\n  'data-testid': dataTestId,\n  description,\n  endContent,\n  isDisabled: isItemDisabled = false,\n  label,\n  ref,\n  startContent,\n  style,\n  value,\n}: RadioGroupItemProps): React.JSX.Element {\n  const context = use(RadioGroupContext);\n  if (context == null) {\n    throw new Error('RadioGroupItem must be used within a RadioGroup');\n  }\n\n  const id = useId();\n  const descriptionId = useId();\n  const isDisabled = context.isDisabled || isItemDisabled;\n  const isChecked = context.value === value;\n  const size = context.size;\n  const control = (\n    <span className={cx(styles.controlWrap, styles.controlSize[size])}>\n      <input\n        aria-describedby={description != null ? descriptionId : undefined}\n        checked={isChecked}\n        className={styles.input}\n        disabled={isDisabled}\n        id={id}\n        name={context.name}\n        onChange={() => context.onChange(value)}\n        required={context.isRequired}\n        type=\"radio\"\n        value={value}\n      />\n      <span\n        aria-hidden=\"true\"\n        className={cx(\n          styles.radio,\n          styles.radioSize[size],\n          isChecked ? styles.radioChecked : undefined,\n          isDisabled ? styles.radioDisabled : undefined,\n        )}>\n        {isChecked ? (\n          <span className={cx(styles.dot, styles.dotSize[size])} />\n        ) : null}\n      </span>\n    </span>\n  );\n\n  return (\n    <Item\n      className={className}\n      data-testid={dataTestId}\n      description={\n        description != null ? (\n          <span id={descriptionId}>{description}</span>\n        ) : undefined\n      }\n      endContent={endContent}\n      endContentPosition=\"inline\"\n      isDisabled={isDisabled}\n      label={\n        <label\n          className={cx(\n            styles.label,\n            isDisabled ? styles.labelDisabled : undefined,\n          )}\n          htmlFor={id}>\n          {label}\n        </label>\n      }\n      leadingContent={control}\n      ref={ref}\n      startContent={startContent}\n      style={style}\n      width={context.orientation === 'horizontal' ? 'auto' : 'full'}\n    />\n  );\n}\n\nRadioGroupItem.displayName = 'RadioGroupItem';\n"]}

package/dist/chunk-CXBB2LN7.js

@@ -0,0 +1,12 @@
+import { createContext, use } from 'react';
+
+// src/components/Dialog/DialogContext.ts
+var DialogContext = createContext(null);
+DialogContext.displayName = "DialogContext";
+function useDialogContext() {
+  return use(DialogContext);
+}
+
+export { DialogContext, useDialogContext };
+//# sourceMappingURL=chunk-CXBB2LN7.js.map
+//# sourceMappingURL=chunk-CXBB2LN7.js.map

package/dist/chunk-CXBB2LN7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog/DialogContext.ts"],"names":[],"mappings":";;;AAMO,IAAM,aAAA,GAAgB,cAAyC,IAAI;AAC1E,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,SAAS,gBAAA,GAA8C;AAC5D,EAAA,OAAO,IAAI,aAAa,CAAA;AAC1B","file":"chunk-CXBB2LN7.js","sourcesContent":["import {createContext, use} from 'react';\n\nexport interface DialogContextValue {\n  onOpenChange: (isOpen: boolean) => void;\n}\n\nexport const DialogContext = createContext<DialogContextValue | null>(null);\nDialogContext.displayName = 'DialogContext';\n\nexport function useDialogContext(): DialogContextValue | null {\n  return use(DialogContext);\n}\n"]}

package/dist/chunk-CZJUKLFD.cjs

@@ -0,0 +1,169 @@
+'use strict';
+
+var chunkA45WLNF7_cjs = require('./chunk-A45WLNF7.cjs');
+var chunkJAX62FUE_cjs = require('./chunk-JAX62FUE.cjs');
+var chunkSPDVNY2Z_cjs = require('./chunk-SPDVNY2Z.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Stack/Stack.recipe.ts
+var stackRecipe = chunkJAX62FUE_cjs.cva({
+  base: {
+    display: "flex",
+    minW: 0
+  },
+  variants: {
+    direction: {
+      horizontal: {
+        flexDirection: "row"
+      },
+      vertical: {
+        flexDirection: "column"
+      }
+    },
+    gap: {
+      0: { gap: "0" },
+      0.5: { gap: "0.5" },
+      1: { gap: "1" },
+      1.5: { gap: "1.5" },
+      2: { gap: "2" },
+      3: { gap: "3" },
+      4: { gap: "4" },
+      5: { gap: "5" },
+      6: { gap: "6" },
+      8: { gap: "8" },
+      10: { gap: "10" }
+    },
+    wrap: {
+      nowrap: {
+        flexWrap: "nowrap"
+      },
+      wrap: {
+        flexWrap: "wrap"
+      },
+      "wrap-reverse": {
+        flexWrap: "wrap-reverse"
+      }
+    }
+  },
+  defaultVariants: {
+    direction: "vertical",
+    wrap: "nowrap"
+  }
+});
+
+// src/components/Stack/Stack.tsx
+var mainAlignValues = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+var crossAlignValues = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch"
+};
+function Stack({
+  align,
+  children,
+  className,
+  "data-testid": dataTestId,
+  direction = "vertical",
+  as: Element = "div",
+  gap,
+  hAlign,
+  height,
+  justify,
+  ref,
+  style,
+  vAlign,
+  width,
+  wrap = "nowrap",
+  ...htmlProps
+}) {
+  const resolvedHAlign = hAlign ?? (direction === "horizontal" ? justify : align);
+  const resolvedVAlign = vAlign ?? (direction === "horizontal" ? align : justify);
+  const mainAlign = direction === "horizontal" ? resolvedHAlign : resolvedVAlign;
+  const crossAlign = direction === "horizontal" ? resolvedVAlign : resolvedHAlign;
+  const stackStyle = {
+    justifyContent: mainAlign != null && mainAlign in mainAlignValues ? mainAlignValues[mainAlign] : void 0,
+    alignItems: crossAlign != null && crossAlign in crossAlignValues ? crossAlignValues[crossAlign] : void 0,
+    width: chunkA45WLNF7_cjs.toPixelSize(width),
+    height: chunkA45WLNF7_cjs.toPixelSize(height),
+    ...style
+  };
+  return react.createElement(
+    Element,
+    {
+      ...htmlProps,
+      className: chunkSPDVNY2Z_cjs.cx(stackRecipe({ direction, gap, wrap }), className),
+      "data-testid": dataTestId,
+      ref,
+      style: stackStyle
+    },
+    children
+  );
+}
+Stack.displayName = "Stack";
+function HStack({
+  align,
+  className,
+  "data-testid": dataTestId,
+  hAlign,
+  justify,
+  ref,
+  style,
+  vAlign,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Stack,
+    {
+      ...props,
+      className,
+      "data-testid": dataTestId,
+      direction: "horizontal",
+      hAlign: hAlign ?? justify,
+      ref,
+      style,
+      vAlign: vAlign ?? align
+    }
+  );
+}
+HStack.displayName = "HStack";
+function VStack({
+  align,
+  className,
+  "data-testid": dataTestId,
+  hAlign,
+  justify,
+  ref,
+  style,
+  vAlign,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Stack,
+    {
+      ...props,
+      className,
+      "data-testid": dataTestId,
+      direction: "vertical",
+      hAlign: hAlign ?? align,
+      ref,
+      style,
+      vAlign: vAlign ?? justify
+    }
+  );
+}
+VStack.displayName = "VStack";
+
+exports.HStack = HStack;
+exports.VStack = VStack;
+exports.stackRecipe = stackRecipe;
+//# sourceMappingURL=chunk-CZJUKLFD.cjs.map
+//# sourceMappingURL=chunk-CZJUKLFD.cjs.map

package/dist/chunk-CZJUKLFD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stack/Stack.recipe.ts","../src/components/Stack/Stack.tsx","../src/components/Stack/HStack.tsx","../src/components/Stack/VStack.tsx"],"names":["cva","toPixelSize","createElement","cx","jsx"],"mappings":"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","file":"chunk-CZJUKLFD.cjs","sourcesContent":["import {cva, type RecipeVariantProps} from 'styled-system/css';\n\nexport const stackRecipe = cva({\n  base: {\n    display: 'flex',\n    minW: 0,\n  },\n  variants: {\n    direction: {\n      horizontal: {\n        flexDirection: 'row',\n      },\n      vertical: {\n        flexDirection: 'column',\n      },\n    },\n    gap: {\n      0: {gap: '0'},\n      0.5: {gap: '0.5'},\n      1: {gap: '1'},\n      1.5: {gap: '1.5'},\n      2: {gap: '2'},\n      3: {gap: '3'},\n      4: {gap: '4'},\n      5: {gap: '5'},\n      6: {gap: '6'},\n      8: {gap: '8'},\n      10: {gap: '10'},\n    },\n    wrap: {\n      nowrap: {\n        flexWrap: 'nowrap',\n      },\n      wrap: {\n        flexWrap: 'wrap',\n      },\n      'wrap-reverse': {\n        flexWrap: 'wrap-reverse',\n      },\n    },\n  },\n  defaultVariants: {\n    direction: 'vertical',\n    wrap: 'nowrap',\n  },\n});\n\nexport type StackVariants = RecipeVariantProps<typeof stackRecipe>;\n","import {\n  createElement,\n  type CSSProperties,\n  type ElementType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport {cx} from '../../internal/cx';\nimport {toPixelSize, type SizeValue} from '../../internal/toPixelSize';\nimport type {SpacingStep} from '../Layout/types';\nimport {stackRecipe} from './Stack.recipe';\n\nexport type {SizeValue};\nexport type StackDirection = 'horizontal' | 'vertical';\nexport type StackMainAlignment =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'between'\n  | 'around'\n  | 'evenly';\nexport type StackCrossAlignment = 'start' | 'center' | 'end' | 'stretch';\nexport type StackAlignment = StackMainAlignment | StackCrossAlignment;\nexport type StackWrap = 'nowrap' | 'wrap' | 'wrap-reverse';\nexport type StackGap = SpacingStep;\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  /**\n   * Cross-axis alignment.\n   */\n  align?: StackCrossAlignment;\n  /**\n   * HTML element type to render.\n   */\n  as?: ElementType;\n  /**\n   * Stack content.\n   */\n  children?: ReactNode;\n  /**\n   * Test ID applied to the root element.\n   */\n  'data-testid'?: string;\n  /**\n   * Layout direction.\n   */\n  direction?: StackDirection;\n  /**\n   * Gap between children.\n   */\n  gap?: StackGap;\n  /**\n   * Horizontal alignment (overrides align/justify for horizontal axis).\n   */\n  hAlign?: StackAlignment;\n  /**\n   * Fixed height. Numbers are treated as pixels.\n   */\n  height?: SizeValue;\n  /**\n   * Main-axis alignment.\n   */\n  justify?: StackMainAlignment;\n  /**\n   * Ref forwarded to the root element.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * Vertical alignment (overrides align/justify for vertical axis).\n   */\n  vAlign?: StackAlignment;\n  /**\n   * Fixed width. Numbers are treated as pixels.\n   */\n  width?: SizeValue;\n  /**\n   * Flex wrap behavior.\n   */\n  wrap?: StackWrap;\n}\n\nconst mainAlignValues: Record<StackMainAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nconst crossAlignValues: Record<StackCrossAlignment, string> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n};\n\nexport function Stack({\n  align,\n  children,\n  className,\n  'data-testid': dataTestId,\n  direction = 'vertical',\n  as: Element = 'div',\n  gap,\n  hAlign,\n  height,\n  justify,\n  ref,\n  style,\n  vAlign,\n  width,\n  wrap = 'nowrap',\n  ...htmlProps\n}: StackProps): React.JSX.Element {\n  const resolvedHAlign =\n    hAlign ?? (direction === 'horizontal' ? justify : align);\n  const resolvedVAlign =\n    vAlign ?? (direction === 'horizontal' ? align : justify);\n  const mainAlign =\n    direction === 'horizontal' ? resolvedHAlign : resolvedVAlign;\n  const crossAlign =\n    direction === 'horizontal' ? resolvedVAlign : resolvedHAlign;\n  const stackStyle: CSSProperties = {\n    justifyContent:\n      mainAlign != null && mainAlign in mainAlignValues\n        ? mainAlignValues[mainAlign as StackMainAlignment]\n        : undefined,\n    alignItems:\n      crossAlign != null && crossAlign in crossAlignValues\n        ? crossAlignValues[crossAlign as StackCrossAlignment]\n        : undefined,\n    width: toPixelSize(width),\n    height: toPixelSize(height),\n    ...style,\n  };\n\n  return createElement(\n    Element,\n    {\n      ...htmlProps,\n      className: cx(stackRecipe({direction, gap, wrap}), className),\n      'data-testid': dataTestId,\n      ref,\n      style: stackStyle,\n    },\n    children,\n  );\n}\n\nStack.displayName = 'Stack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './Stack';\n\nexport interface HStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackMainAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackCrossAlignment;\n}\n\nexport function HStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: HStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"horizontal\"\n      hAlign={hAlign ?? justify}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? align}\n    />\n  );\n}\n\nHStack.displayName = 'HStack';\n","import type {Ref} from 'react';\nimport {\n  Stack,\n  type StackCrossAlignment,\n  type StackMainAlignment,\n  type StackProps,\n} from './Stack';\n\nexport interface VStackProps extends Omit<\n  StackProps,\n  'direction' | 'hAlign' | 'vAlign'\n> {\n  align?: StackCrossAlignment;\n  hAlign?: StackCrossAlignment;\n  justify?: StackMainAlignment;\n  ref?: Ref<HTMLElement>;\n  vAlign?: StackMainAlignment;\n}\n\nexport function VStack({\n  align,\n  className,\n  'data-testid': dataTestId,\n  hAlign,\n  justify,\n  ref,\n  style,\n  vAlign,\n  ...props\n}: VStackProps): React.JSX.Element {\n  return (\n    <Stack\n      {...props}\n      className={className}\n      data-testid={dataTestId}\n      direction=\"vertical\"\n      hAlign={hAlign ?? align}\n      ref={ref}\n      style={style}\n      vAlign={vAlign ?? justify}\n    />\n  );\n}\n\nVStack.displayName = 'VStack';\n"]}