@cdx-ui/primitives 0.0.1-beta.9 → 0.0.1-beta.90

package/src/tile/types.ts

@@ -0,0 +1,121 @@
+import type { PressableProps, ViewProps } from 'react-native';
+
+export type TileGroupType = 'single' | 'multiple';
+
+export type TileGroupValue = string | string[] | undefined;
+
+interface ITileGroupBaseProps extends ViewProps {
+  /** Merge group props onto a single child instead of rendering the default View. */
+  asChild?: boolean;
+  /** Disables the whole group. */
+  isDisabled?: boolean;
+  /** Accessible name for the group (radiogroup / group). */
+  'aria-label'?: string;
+}
+
+export interface ITileGroupSingleProps extends ITileGroupBaseProps {
+  /** Single-select (radio semantics). One value at a time. */
+  type: 'single';
+  /** Controlled selected value. */
+  value?: string;
+  /** Uncontrolled initial value. */
+  defaultValue?: string;
+  /** Called when selection changes. */
+  onValueChange?: (value: string) => void;
+}
+
+export interface ITileGroupMultipleProps extends ITileGroupBaseProps {
+  /** Multi-select (checkbox semantics). Zero to `max` values at a time. */
+  type: 'multiple';
+  /** Controlled selected values. */
+  value?: string[];
+  /** Uncontrolled initial values. */
+  defaultValue?: string[];
+  /** Called when selection changes. */
+  onValueChange?: (value: string[]) => void;
+  /** Maximum selections allowed. @default Infinity */
+  max?: number;
+}
+
+/**
+ * Discriminated union: `type` narrows `value` / `defaultValue` / `onValueChange`,
+ * and `max` is only valid on `type="multiple"`.
+ */
+export type ITileGroupProps = ITileGroupSingleProps | ITileGroupMultipleProps;
+
+export interface ITileGroupContextValue {
+  type: TileGroupType;
+  /** Current selection (string for single, array for multiple). */
+  value: string | string[] | undefined;
+  toggleValue: (tileValue: string) => void;
+  isSelected: (tileValue: string) => boolean;
+  /** Group-level disabled or multi-select at max (unselected tiles). */
+  isTileDisabledByGroup: (tileValue: string) => boolean;
+  isGroupDisabled: boolean;
+  max: number;
+}
+
+export interface ITileContextValue {
+  /** This tile's `value`. */
+  value: string;
+  isSelected: boolean;
+  /** Effective disabled (group rules + tile `disabled`). */
+  isDisabled: boolean;
+  selectionType: TileGroupType;
+}
+
+export type ITilePressablePassthrough = Partial<
+  Pick<PressableProps, 'onPressIn' | 'onPressOut' | 'onHoverIn' | 'onHoverOut'>
+>;
+
+export interface ITileProps extends PressableProps, ITilePressablePassthrough {
+  /** Merge tile props onto a single child instead of rendering the default Pressable. */
+  asChild?: boolean;
+  /**
+   * Identifies this tile within `Tile.Group`. Must be unique within the group.
+   * Standalone tiles still require a value (useful for form submission, analytics, etc.).
+   */
+  value: string;
+  /**
+   * Disables this tile (in addition to group rules such as multi-select max).
+   */
+  disabled?: boolean;
+  /**
+   * Controlled selected state for **standalone** usage (no parent `Tile.Group`).
+   * Ignored when the tile is rendered inside a `Tile.Group` — selection is owned by the group.
+   */
+  isSelected?: boolean;
+  /**
+   * Initial selected state for **standalone**, uncontrolled usage.
+   */
+  defaultSelected?: boolean;
+  /**
+   * Called when standalone selection state changes. Group context overrides this — when inside
+   * a `Tile.Group`, use the group's `onValueChange` instead.
+   */
+  onSelectedChange?: (isSelected: boolean) => void;
+}
+
+export interface ITileLeadingSlotProps extends ViewProps {
+  /**
+   * Leading content is decorative by default for screen readers.
+   * @default true
+   */
+  'aria-hidden'?: boolean;
+}
+
+export interface ITileIndicatorProps extends ViewProps {
+  /**
+   * Explicit indicator visual. When inside a `Tile.Group`, auto-infers from `type`
+   * (`single` → radio, `multiple` → checkbox). For standalone tiles, defaults to `'checkbox'`
+   * to match the standalone `checkbox` ARIA role; override with `indicatorType="radio"` if
+   * a radio-style visual is needed.
+   */
+  indicatorType?: 'radio' | 'checkbox';
+}
+
+/**
+ * Generic trailing content slot. Use for chevrons, amounts, chips, status text — anything that
+ * is **not** the radio/checkbox selection affordance. For that, use `Tile.Indicator`.
+ */
+export type ITileTrailingSlotProps = ViewProps;

package/src/toast/ToastRoot.tsx

@@ -0,0 +1,39 @@
+import { forwardRef, useId } from 'react';
+import { Platform, View } from 'react-native';
+import { Slot } from '../slot';
+import { ToastProvider } from './context';
+import type { IToastProps } from './types';
+
+export interface ToastRootProps extends IToastProps {
+  asChild?: boolean;
+}
+
+export const ToastRoot = forwardRef<View, ToastRootProps>(
+  ({ asChild, id, role = 'status', ...viewProps }, ref) => {
+    const generatedId = useId();
+    const nativeID = id || generatedId;
+
+    const Comp = asChild ? Slot : View;
+
+    return (
+      <ToastProvider value={{ nativeID }}>
+        <Comp
+          ref={ref}
+          role={role}
+          {...(Platform.OS !== 'web' && {
+            'aria-live': role === 'alert' ? 'assertive' : 'polite',
+            'aria-atomic': true,
+          })}
+          {...(Platform.OS === 'web' &&
+            role === 'alert' && {
+              'aria-live': 'assertive',
+            })}
+          nativeID={nativeID}
+          {...viewProps}
+        />
+      </ToastProvider>
+    );
+  },
+);
+
+ToastRoot.displayName = 'ToastRoot';

package/src/toast/context.tsx

@@ -0,0 +1,4 @@
+import { createContext } from '@cdx-ui/utils';
+import type { IToastContextValue } from './types';
+
+export const [ToastProvider, useToastContext] = createContext<IToastContextValue>('ToastContext');

package/src/toast/index.ts

@@ -0,0 +1,2 @@
+export { ToastProvider, useToastContext } from './context';
+export { ToastRoot, type ToastRootProps } from './ToastRoot';

package/src/toast/types.ts

@@ -0,0 +1,17 @@
+import type { ViewProps } from 'react-native';
+
+export interface IToastContextValue {
+  /** Unique identifier for the toast */
+  nativeID: string;
+}
+
+export interface IToastProps extends ViewProps {
+  /** Unique identifier for the toast */
+  id?: string;
+  /**
+   * ARIA role for the toast element.
+   * Use `'alert'` for urgent/danger toasts that require assertive announcements.
+   * @default 'status'
+   */
+  role?: 'status' | 'alert';
+}

package/src/uniwind.d.ts

@@ -1,3 +1,4 @@
 declare module 'uniwind' {
   export function useCSSVariable(name: string): string | number | undefined;
+  export function useCSSVariable(names: readonly string[]): (string | number | undefined)[];
 }

package/src/utils/dataAttributes.ts

@@ -1,28 +1,10 @@
 /**
- * Produces platform-specific props for data attributes.
+ * Produces `data-*` props for native platforms (consumed by Uniwind).
+ * Web (.web.ts): returns a `dataSet` object consumed by React Native Web instead.
  *
- * Native: individual `data-*` props consumed by Uniwind.
- * Web (.web.ts): a `dataSet` object consumed by React Native Web.
- *
- * Boolean values serialize to `"true"` / `"false"` strings.
- * String values pass through as-is.
- * Undefined values are omitted.
+ * Delegates to `domDataAttributes` so the conversion logic has a single source of truth.
  */
-
-type DataAttributeValue = boolean | string | undefined;
-
-function camelToKebab(str: string): string {
-  return str.replaceAll(/[A-Z]/g, (ch) => `-${ch.toLowerCase()}`);
-}
-
-export function dataAttributes(attrs: Record<string, DataAttributeValue>): Record<string, string> {
-  const result: Record<string, string> = {};
-  for (const key in attrs) {
-    const value = attrs[key];
-    if (value === undefined) {
-      continue;
-    }
-    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
-  }
-  return result;
-}
+export {
+  domDataAttributes as dataAttributes,
+  mergeDomDataAttributes as mergeDataAttributes,
+} from './domDataAttributes';

package/src/utils/dataAttributes.web.ts

@@ -22,3 +22,27 @@ export function dataAttributes(attrs: Record<string, DataAttributeValue>): {
   }
   return { dataSet };
 }
+
+/**
+ * Merges multiple sources of data attributes into a single `{ dataSet }` prop
+ * on web. Each source may be a `dataAttributes()` output (`{ dataSet: {...} }`)
+ * or any props object that contains a `dataSet` key — other keys are ignored.
+ * Later sources override earlier sources on inner-key conflicts.
+ *
+ * Required when an element receives data attributes from more than one source:
+ * a plain prop spread merges by replacing the `dataSet` key entirely, so e.g.
+ * `{...dataAttributes({ slot })} {...dataAttributes({ hover })}` keeps only the
+ * second `dataSet`. Use `mergeDataAttributes(...)` to combine them safely.
+ */
+export function mergeDataAttributes(
+  ...sources: ({ dataSet?: Record<string, unknown> } | Record<string, unknown> | undefined)[]
+): { dataSet: Record<string, unknown> } {
+  const dataSet: Record<string, unknown> = {};
+  for (const source of sources) {
+    if (!source) continue;
+    const sourceDataSet = (source as { dataSet?: Record<string, unknown> }).dataSet;
+    if (!sourceDataSet) continue;
+    Object.assign(dataSet, sourceDataSet);
+  }
+  return { dataSet };
+}

package/src/utils/domDataAttributes.ts

@@ -0,0 +1,63 @@
+/**
+ * Produces `data-*` DOM attribute props for use on raw HTML elements (e.g. `<button>`).
+ *
+ * Unlike `dataAttributes`, which has a platform-specific `.web.ts` sibling that returns a
+ * `dataSet` object for React Native Web components, this file has no platform variant.
+ * The bundler therefore always resolves to this single implementation, making it safe to
+ * import from `.web.tsx` host components that render native DOM elements directly.
+ *
+ * Boolean values serialize to `"true"` / `"false"` strings.
+ * String values pass through as-is.
+ * Undefined values are omitted.
+ */
+
+export type DomDataAttributeValue = boolean | string | undefined;
+
+function camelToKebab(str: string): string {
+  return str.replaceAll(/[A-Z]/g, (ch) => `-${ch.toLowerCase()}`);
+}
+
+export function domDataAttributes(
+  attrs: Record<string, DomDataAttributeValue>,
+): Record<string, string> {
+  const result: Record<string, string> = {};
+  for (const key in attrs) {
+    const value = attrs[key];
+    if (value === undefined) {
+      continue;
+    }
+    result[`data-${camelToKebab(key)}`] = typeof value === 'boolean' ? String(value) : value;
+  }
+  return result;
+}
+
+/**
+ * Merges multiple sources of DOM data attributes into a single flat object of
+ * `data-*` keys. Each source can be a `domDataAttributes()` output or any props
+ * object — non-`data-*` keys are ignored. Later sources override earlier sources
+ * on key conflicts.
+ *
+ * Use this when an element receives `data-*` attributes from more than one
+ * source (e.g. a styled layer's `data-slot` and a primitive's interaction-state
+ * `data-hover`/`data-focus` etc.) and a plain prop spread would otherwise be
+ * fine on native but lose attributes on web (where `dataAttributes()` returns
+ * `{ dataSet }` — see the `.web.ts` sibling for the web merge).
+ */
+export function mergeDomDataAttributes(
+  ...sources: (Record<string, unknown> | undefined)[]
+): Record<string, string> {
+  const result: Record<string, string> = {};
+  for (const source of sources) {
+    if (!source) continue;
+    for (const key in source) {
+      if (!key.startsWith('data-')) continue;
+      const value = source[key];
+      if (typeof value === 'boolean') {
+        result[key] = String(value);
+      } else if (typeof value === 'string') {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}

package/lib/commonjs/avatar/createAvatarBadge.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAvatarBadge = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const createAvatarBadge = BaseBadge => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseBadge, {
-    ref: ref,
-    ...props,
-    children: children
-  });
-});
-exports.createAvatarBadge = createAvatarBadge;
-//# sourceMappingURL=createAvatarBadge.js.map

package/lib/commonjs/avatar/createAvatarBadge.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_jsxRuntime","createAvatarBadge","BaseBadge","forwardRef","children","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarBadge.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAG5B,MAAME,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACtE,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACL,SAAS;IAACI,GAAG,EAAEA,GAAI;IAAA,GAAMD,KAAK;IAAAD,QAAA,EAC5BA;EAAQ,CACA,CAAC;AAEhB,CAAC,CAAC;AAACI,OAAA,CAAAP,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarIcon.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAvatarIcon = void 0;
-var _react = require("react");
-var _context = require("./context");
-var _jsxRuntime = require("react/jsx-runtime");
-const createAvatarIcon = BaseIcon => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  style,
-  ...props
-}, ref) => {
-  const {
-    imageLoaded,
-    imageError
-  } = (0, _context.useAvatarContext)();
-  const visible = !imageLoaded || imageError;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseIcon, {
-    ref: ref,
-    style: [style, !visible && {
-      opacity: 0
-    }],
-    ...props,
-    children: children
-  });
-});
-exports.createAvatarIcon = createAvatarIcon;
-//# sourceMappingURL=createAvatarIcon.js.map

package/lib/commonjs/avatar/createAvatarIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarIcon","BaseIcon","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarIcon.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,oBACE,IAAAT,WAAA,CAAAY,GAAA,EAACV,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEE,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMP,KAAK;IAAAF,QAAA,EACvEA;EAAQ,CACD,CAAC;AAEf,CAAC,CAAC;AAACU,OAAA,CAAAb,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarImage.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAvatarImage = void 0;
-var _react = require("react");
-var _context = require("./context");
-var _jsxRuntime = require("react/jsx-runtime");
-const createAvatarImage = BaseImage => /*#__PURE__*/(0, _react.forwardRef)(({
-  src,
-  source,
-  onLoad,
-  onError,
-  ...props
-}, ref) => {
-  const {
-    imageError,
-    setImageLoaded,
-    setImageError
-  } = (0, _context.useAvatarContext)();
-  const resolvedSource = (0, _react.useMemo)(() => src ? {
-    uri: src
-  } : source, [src, source]);
-  (0, _react.useEffect)(() => {
-    if (!resolvedSource) {
-      setImageError(true);
-    } else {
-      setImageError(false);
-      setImageLoaded(false);
-    }
-  }, [resolvedSource, setImageError, setImageLoaded]);
-  if (!resolvedSource || imageError) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseImage, {
-    ref: ref,
-    source: resolvedSource,
-    onLoad: e => {
-      setImageLoaded(true);
-      onLoad?.(e);
-    },
-    onError: e => {
-      setImageError(true);
-      onError?.(e);
-    },
-    ...props
-  });
-});
-exports.createAvatarImage = createAvatarImage;
-//# sourceMappingURL=createAvatarImage.js.map

package/lib/commonjs/avatar/createAvatarImage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarImage","BaseImage","forwardRef","src","source","onLoad","onError","props","ref","imageError","setImageLoaded","setImageError","useAvatarContext","resolvedSource","useMemo","uri","useEffect","jsx","e","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarImage.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAGtC,MAAMG,iBAAiB,GAAQC,SAAiC,iBACrE,IAAAC,iBAAU,EAA6B,CAAC;EAAEC,GAAG;EAAEC,MAAM;EAAEC,MAAM;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1F,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAExE,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAOX,GAAG,GAAG;IAAEY,GAAG,EAAEZ;EAAI,CAAC,GAAGC,MAAO,EAAE,CAACD,GAAG,EAAEC,MAAM,CAAC,CAAC;EAElF,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,cAAc,EAAE;MACnBF,aAAa,CAAC,IAAI,CAAC;IACrB,CAAC,MAAM;MACLA,aAAa,CAAC,KAAK,CAAC;MACpBD,cAAc,CAAC,KAAK,CAAC;IACvB;EACF,CAAC,EAAE,CAACG,cAAc,EAAEF,aAAa,EAAED,cAAc,CAAC,CAAC;EAEnD,IAAI,CAACG,cAAc,IAAIJ,UAAU,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBACE,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,SAAS;IACRO,GAAG,EAAEA,GAAI;IACTJ,MAAM,EAAES,cAAe;IACvBR,MAAM,EAAGa,CAAU,IAAK;MACtBR,cAAc,CAAC,IAAI,CAAC;MACnBL,MAAM,GAA4Ba,CAAC,CAAC;IACvC,CAAE;IACFZ,OAAO,EAAGY,CAAU,IAAK;MACvBP,aAAa,CAAC,IAAI,CAAC;MAClBL,OAAO,GAA4BY,CAAC,CAAC;IACxC,CAAE;IAAA,GACGX;EAAK,CACX,CAAC;AAEN,CAAC,CAAC;AAACY,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarRoot.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAvatarRoot = void 0;
-var _react = require("react");
-var _context = require("./context");
-var _jsxRuntime = require("react/jsx-runtime");
-const createAvatarRoot = BaseAvatar => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  ...props
-}, ref) => {
-  const [imageLoaded, setImageLoaded] = (0, _react.useState)(false);
-  const [imageError, setImageError] = (0, _react.useState)(false);
-  const contextValue = (0, _react.useMemo)(() => ({
-    imageLoaded,
-    imageError,
-    setImageLoaded,
-    setImageError
-  }), [imageLoaded, imageError]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AvatarProvider, {
-    value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseAvatar, {
-      ref: ref,
-      role: "img",
-      accessibilityRole: "image",
-      ...props,
-      children: children
-    })
-  });
-});
-exports.createAvatarRoot = createAvatarRoot;
-//# sourceMappingURL=createAvatarRoot.js.map

package/lib/commonjs/avatar/createAvatarRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_context","_jsxRuntime","createAvatarRoot","BaseAvatar","forwardRef","children","props","ref","imageLoaded","setImageLoaded","useState","imageError","setImageError","contextValue","useMemo","jsx","AvatarProvider","value","role","accessibilityRole","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarRoot.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAGpC,MAAMG,gBAAgB,GAAQC,UAAkC,iBACrE,IAAAC,iBAAU,EAAwB,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAMG,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IAAEN,WAAW;IAAEG,UAAU;IAAEF,cAAc;IAAEG;EAAc,CAAC,CAAC,EAClE,CAACJ,WAAW,EAAEG,UAAU,CAC1B,CAAC;EAED,oBACE,IAAAV,WAAA,CAAAc,GAAA,EAACf,QAAA,CAAAgB,cAAc;IAACC,KAAK,EAAEJ,YAAa;IAAAR,QAAA,eAClC,IAAAJ,WAAA,CAAAc,GAAA,EAACZ,UAAU;MAACI,GAAG,EAAEA,GAAI;MAACW,IAAI,EAAC,KAAK;MAACC,iBAAiB,EAAC,OAAO;MAAA,GAAMb,KAAK;MAAAD,QAAA,EAClEA;IAAQ,CACC;EAAC,CACC,CAAC;AAErB,CAAC,CAAC;AAACe,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/avatar/createAvatarText.js

@@ -1,42 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createAvatarText = void 0;
-var _react = require("react");
-var _context = require("./context");
-var _jsxRuntime = require("react/jsx-runtime");
-function getInitials(name) {
-  const words = name.trim().split(/\s+/);
-  let result = '';
-  for (const word of words) {
-    if (word.length > 0) {
-      result += word.charAt(0);
-    }
-    if (result.length >= 2) break;
-  }
-  return result.toUpperCase();
-}
-const createAvatarText = BaseText => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  style,
-  ...props
-}, ref) => {
-  const {
-    imageLoaded,
-    imageError
-  } = (0, _context.useAvatarContext)();
-  const visible = !imageLoaded || imageError;
-  const text = typeof children === 'string' ? getInitials(children) : children;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseText, {
-    ref: ref,
-    style: [style, !visible && {
-      opacity: 0
-    }],
-    ...props,
-    children: text
-  });
-});
-exports.createAvatarText = createAvatarText;
-//# sourceMappingURL=createAvatarText.js.map

package/lib/commonjs/avatar/createAvatarText.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_context","_jsxRuntime","getInitials","name","words","trim","split","result","word","length","charAt","toUpperCase","createAvatarText","BaseText","forwardRef","children","style","props","ref","imageLoaded","imageError","useAvatarContext","visible","text","jsx","opacity","exports"],"sourceRoot":"../../../src","sources":["avatar/createAvatarText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAG7C,SAASG,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,IAAIC,MAAM,GAAG,EAAE;EACf,KAAK,MAAMC,IAAI,IAAIJ,KAAK,EAAE;IACxB,IAAII,IAAI,CAACC,MAAM,GAAG,CAAC,EAAE;MACnBF,MAAM,IAAIC,IAAI,CAACE,MAAM,CAAC,CAAC,CAAC;IAC1B;IACA,IAAIH,MAAM,CAACE,MAAM,IAAI,CAAC,EAAE;EAC1B;EACA,OAAOF,MAAM,CAACI,WAAW,CAAC,CAAC;AAC7B;AAEO,MAAMC,gBAAgB,GAAQC,QAAgC,iBACnE,IAAAC,iBAAU,EAA4B,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,WAAW;IAAEC;EAAW,CAAC,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EACtD,MAAMC,OAAO,GAAG,CAACH,WAAW,IAAIC,UAAU;EAE1C,MAAMG,IAAI,GAAG,OAAOR,QAAQ,KAAK,QAAQ,GAAGb,WAAW,CAACa,QAAQ,CAAC,GAAGA,QAAQ;EAE5E,oBACE,IAAAd,WAAA,CAAAuB,GAAA,EAACX,QAAQ;IAACK,GAAG,EAAEA,GAAI;IAACF,KAAK,EAAE,CAACA,KAAK,EAAE,CAACM,OAAO,IAAI;MAAEG,OAAO,EAAE;IAAE,CAAC,CAAE;IAAA,GAAMR,KAAK;IAAAF,QAAA,EACvEQ;EAAI,CACG,CAAC;AAEf,CAAC,CAAC;AAACG,OAAA,CAAAd,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/commonjs/button/createButtonGroup.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createButtonGroup = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@cdx-ui/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const createButtonGroup = BaseButtonGroup => /*#__PURE__*/(0, _react.forwardRef)(({
-  flexDirection = 'row',
-  isAttached,
-  isDisabled,
-  children,
-  isReversed,
-  reversed,
-  ...props
-}, ref) => {
-  const direction = flexDirection.includes('reverse') ? flexDirection === 'column-reverse' ? 'column' : 'row' : flexDirection;
-  let computedChildren;
-  let childrenArray = _react.default.Children.toArray((0, _utils.flattenChildren)(children));
-  childrenArray = isReversed || reversed ? [...childrenArray].reverse() : childrenArray;
-  if (childrenArray) {
-    computedChildren = childrenArray.map((child, index) => {
-      if (typeof child === 'string' || typeof child === 'number') {
-        return child;
-      }
-      const attachedStyles = {};
-      if (index === 0) {
-        if (direction === 'column') {
-          attachedStyles.borderBottomLeftRadius = 0;
-          attachedStyles.borderBottomRightRadius = 0;
-        } else {
-          attachedStyles.borderTopRightRadius = 0;
-          attachedStyles.borderBottomRightRadius = 0;
-        }
-      } else if (index === childrenArray.length - 1) {
-        if (direction === 'column') {
-          attachedStyles.borderTopLeftRadius = 0;
-          attachedStyles.borderTopRightRadius = 0;
-        } else {
-          attachedStyles.borderTopLeftRadius = 0;
-          attachedStyles.borderBottomLeftRadius = 0;
-        }
-      } else {
-        attachedStyles.borderRadius = 0;
-      }
-      const childProps = {
-        isDisabled,
-        ...child.props,
-        style: {
-          ...(isAttached ? attachedStyles : {}),
-          ...child.props.style
-        }
-      };
-      const clonedChild = /*#__PURE__*/_react.default.cloneElement(child, {
-        ...childProps
-      });
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
-        children: clonedChild
-      }, child.key ?? `spaced-child-${index.toString()}`);
-    });
-  }
-  const gapProp = isAttached ? {
-    gap: 0
-  } : {};
-  if (computedChildren) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseButtonGroup, {
-      flexDirection,
-      ...props,
-      ref,
-      ...gapProp,
-      children: computedChildren
-    });
-  }
-  return null;
-});
-exports.createButtonGroup = createButtonGroup;
-//# sourceMappingURL=createButtonGroup.js.map

package/lib/commonjs/button/createButtonGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createButtonGroup","BaseButtonGroup","forwardRef","flexDirection","isAttached","isDisabled","children","isReversed","reversed","props","ref","direction","includes","computedChildren","childrenArray","React","Children","toArray","flattenChildren","reverse","map","child","index","attachedStyles","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","length","borderTopLeftRadius","borderRadius","childProps","style","clonedChild","cloneElement","jsx","Fragment","key","toString","gapProp","gap","exports"],"sourceRoot":"../../../src","sources":["button/createButtonGroup.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAgD,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzC,MAAMkB,iBAAiB,GAAQC,eAAuC,iBAC3E,IAAAC,iBAAU,EACR,CACE;EACEC,aAAa,GAAG,KAAK;EACrBC,UAAU;EACVC,UAAU;EACVC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACR,GAAGC;AACc,CAAC,EACpBC,GAAkB,KACf;EACH,MAAMC,SAAS,GAAGR,aAAa,CAACS,QAAQ,CAAC,SAAS,CAAC,GAC/CT,aAAa,KAAK,gBAAgB,GAChC,QAAQ,GACR,KAAK,GACPA,aAAa;EACjB,IAAIU,gBAA6C;EACjD,IAAIC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAAC,IAAAC,sBAAe,EAACZ,QAAQ,CAAC,CAAC;EACrEQ,aAAa,GAAGP,UAAU,IAAIC,QAAQ,GAAG,CAAC,GAAGM,aAAa,CAAC,CAACK,OAAO,CAAC,CAAC,GAAGL,aAAa;EAErF,IAAIA,aAAa,EAAE;IACjBD,gBAAgB,GAAGC,aAAa,CAACM,GAAG,CAAC,CAACC,KAAU,EAAEC,KAAa,KAAK;MAClE,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;QAC1D,OAAOA,KAAK;MACd;MAEA,MAAME,cAAmB,GAAG,CAAC,CAAC;MAE9B,IAAID,KAAK,KAAK,CAAC,EAAE;QACf,IAAIX,SAAS,KAAK,QAAQ,EAAE;UAC1BY,cAAc,CAACC,sBAAsB,GAAG,CAAC;UACzCD,cAAc,CAACE,uBAAuB,GAAG,CAAC;QAC5C,CAAC,MAAM;UACLF,cAAc,CAACG,oBAAoB,GAAG,CAAC;UACvCH,cAAc,CAACE,uBAAuB,GAAG,CAAC;QAC5C;MACF,CAAC,MAAM,IAAIH,KAAK,KAAKR,aAAa,CAACa,MAAM,GAAG,CAAC,EAAE;QAC7C,IAAIhB,SAAS,KAAK,QAAQ,EAAE;UAC1BY,cAAc,CAACK,mBAAmB,GAAG,CAAC;UACtCL,cAAc,CAACG,oBAAoB,GAAG,CAAC;QACzC,CAAC,MAAM;UACLH,cAAc,CAACK,mBAAmB,GAAG,CAAC;UACtCL,cAAc,CAACC,sBAAsB,GAAG,CAAC;QAC3C;MACF,CAAC,MAAM;QACLD,cAAc,CAACM,YAAY,GAAG,CAAC;MACjC;MAEA,MAAMC,UAAU,GAAG;QACjBzB,UAAU;QACV,GAAGgB,KAAK,CAACZ,KAAK;QACdsB,KAAK,EAAE;UACL,IAAI3B,UAAU,GAAGmB,cAAc,GAAG,CAAC,CAAC,CAAC;UACrC,GAAGF,KAAK,CAACZ,KAAK,CAACsB;QACjB;MACF,CAAC;MAED,MAAMC,WAAW,gBAAGjB,cAAK,CAACkB,YAAY,CAACZ,KAAK,EAAE;QAC5C,GAAGS;MACL,CAAC,CAAC;MAEF,oBACE,IAAAlD,WAAA,CAAAsD,GAAA,EAAC1D,MAAA,CAAAe,OAAK,CAAC4C,QAAQ;QAAA7B,QAAA,EACZ0B;MAAW,GADOX,KAAK,CAACe,GAAG,IAAI,gBAAgBd,KAAK,CAACe,QAAQ,CAAC,CAAC,EAElD,CAAC;IAErB,CAAC,CAAC;EACJ;EAEA,MAAMC,OAAO,GAAGlC,UAAU,GAAG;IAAEmC,GAAG,EAAE;EAAE,CAAC,GAAG,CAAC,CAAC;EAE5C,IAAI1B,gBAAgB,EAAE;IACpB,oBACE,IAAAjC,WAAA,CAAAsD,GAAA,EAACjC,eAAe;MAAQE,aAAa;MAAE,GAAGM,KAAK;MAAEC,GAAG;MAAE,GAAG4B,OAAO;MAAAhC,QAAA,EAC7DO;IAAgB,CACF,CAAC;EAEtB;EACA,OAAO,IAAI;AACb,CACF,CAAC;AAAC2B,OAAA,CAAAxC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/commonjs/button/createButtonIcon.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createButtonIcon = void 0;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-// TODO: Does this need data-attributes?
-
-const createButtonIcon = BaseButtonIcon => /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseButtonIcon, {
-    ...props,
-    ref: ref
-  });
-});
-exports.createButtonIcon = createButtonIcon;
-//# sourceMappingURL=createButtonIcon.js.map

package/lib/commonjs/button/createButtonIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_jsxRuntime","createButtonIcon","BaseButtonIcon","forwardRef","props","ref","jsx","exports"],"sourceRoot":"../../../src","sources":["button/createButtonIcon.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAmC,IAAAC,WAAA,GAAAD,OAAA;AAEnC;;AAEO,MAAME,gBAAgB,GAAQC,cAAsC,iBACzE,IAAAC,iBAAU,EAAC,CAACC,KAAU,EAAEC,GAAkB,KAAK;EAC7C,oBAAO,IAAAL,WAAA,CAAAM,GAAA,EAACJ,cAAc;IAAA,GAAKE,KAAK;IAAEC,GAAG,EAAEA;EAAI,CAAE,CAAC;AAChD,CAAC,CAAC;AAACE,OAAA,CAAAN,gBAAA,GAAAA,gBAAA","ignoreList":[]}