@cdx-ui/components 0.0.1-alpha.3 → 0.0.1-alpha.31

package/lib/commonjs/components/Form/index.js

@@ -0,0 +1,255 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Form = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _FormRoot = require("./FormRoot");
+var _FormLabelRoot = require("./FormLabelRoot");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+// =============================================================================
+// SCOPE + CONTEXT
+// =============================================================================
+const SCOPE = 'FORM';
+const FieldRoot = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
+const useFormStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+
+// =============================================================================
+// PRIMITIVE
+// =============================================================================
+
+const FormPrimitive = (0, _primitives.createForm)({
+  Root: _FormRoot.BaseFormRoot,
+  Field: FieldRoot,
+  Error: _reactNative.View,
+  ErrorText: _reactNative.Text,
+  ErrorIcon: _reactNative.View,
+  Label: _FormLabelRoot.FormLabelRoot,
+  Helper: _reactNative.View,
+  HelperText: _reactNative.Text
+});
+
+// =============================================================================
+// FORM ROOT (container — <form> on web, <View> on RN)
+// =============================================================================
+
+const FormRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.formRootVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+FormRoot.displayName = 'Form';
+
+// =============================================================================
+// FORM FIELD (per-field wrapper — provides context for label/error/helper/input)
+// =============================================================================
+
+/**
+ * Field wrapper + context. For **initial focus**, pass `autoFocus` on `Input.Field` (not here).
+ */
+
+const FormField = /*#__PURE__*/(0, _react.forwardRef)(({
+  size = 'default',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.formFieldVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive.Field, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    context: {
+      size
+    },
+    ...props,
+    children: children
+  });
+});
+FormField.displayName = 'Form.Field';
+
+// =============================================================================
+// FORM LABEL
+// =============================================================================
+
+// TODO: Accept accessibility labels for required indicator as props to support i18n
+
+const FormLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  htmlFor,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useFormStyleContext();
+  const labelClassName = (0, _utils.cn)((0, _styles.formLabelVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive.Label, {
+    ref: ref,
+    className: labelClassName,
+    style: style,
+    htmlFor: htmlFor,
+    requiredIndicator: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: "text-red-500",
+      "aria-hidden": true,
+      children: ' *'
+    }),
+    ...props,
+    children: children
+  });
+});
+FormLabel.displayName = 'Form.Label';
+
+// =============================================================================
+// FORM HELPER
+// =============================================================================
+
+const FormHelper = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.formHelperVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive.Helper, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+FormHelper.displayName = 'Form.Helper';
+
+// =============================================================================
+// FORM HELPER TEXT
+// =============================================================================
+
+const FormHelperText = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useFormStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.formHelperTextVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive.HelperText, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+FormHelperText.displayName = 'Form.HelperText';
+
+// =============================================================================
+// FORM ERROR
+// =============================================================================
+
+const FormError = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.formErrorVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive.Error, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+FormError.displayName = 'Form.Error';
+
+// =============================================================================
+// FORM ERROR TEXT
+// =============================================================================
+
+const FormErrorText = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useFormStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.formErrorTextVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormPrimitive.ErrorText, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+FormErrorText.displayName = 'Form.ErrorText';
+
+// =============================================================================
+// FORM ERROR ICON
+// =============================================================================
+
+const FormErrorIcon = ({
+  className,
+  style,
+  as,
+  ...props
+}) => {
+  const {
+    size
+  } = useFormStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.formErrorIconVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+FormErrorIcon.displayName = 'Form.ErrorIcon';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const Form = exports.Form = Object.assign(FormRoot, {
+  Field: FormField,
+  Label: FormLabel,
+  Helper: FormHelper,
+  HelperText: FormHelperText,
+  Error: FormError,
+  ErrorText: FormErrorText,
+  ErrorIcon: FormErrorIcon
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_FormRoot","_FormLabelRoot","_styles","_jsxRuntime","SCOPE","FieldRoot","withStyleContext","View","useFormStyleContext","useStyleContext","FormPrimitive","createForm","Root","BaseFormRoot","Field","Error","ErrorText","Text","ErrorIcon","Label","FormLabelRoot","Helper","HelperText","FormRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","formRootVariants","jsx","displayName","FormField","size","formFieldVariants","context","FormLabel","htmlFor","labelClassName","formLabelVariants","requiredIndicator","FormHelper","formHelperVariants","FormHelperText","formHelperTextVariants","FormError","formErrorVariants","FormErrorText","formErrorTextVariants","FormErrorIcon","as","formErrorIconVariants","Icon","Form","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Form/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Form/styles.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formRootVariants = exports.formLabelVariants = exports.formHelperVariants = exports.formHelperTextVariants = exports.formFieldVariants = exports.formErrorVariants = exports.formErrorTextVariants = exports.formErrorIconVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+const formRootVariants = exports.formRootVariants = (0, _classVarianceAuthority.cva)(['flex-col gap-4']);
+const formFieldVariants = exports.formFieldVariants = (0, _classVarianceAuthority.cva)(['flex-col gap-1.5 mb-4', 'web:last:mb-0', _primitives.DISABLED_OPACITY]);
+const formLabelVariants = exports.formLabelVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', _primitives.DISABLED_OPACITY, 'web:cursor-pointer', 'font-medium data-[invalid=true]:text-red-600'], {
+  variants: {
+    size: {
+      default: 'text-sm',
+      small: 'text-xs'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+const formHelperVariants = exports.formHelperVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center']);
+const formHelperTextVariants = exports.formHelperTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
+  variants: {
+    size: {
+      default: 'text-xs',
+      small: 'text-[11px]'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+const formErrorVariants = exports.formErrorVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-1']);
+const formErrorTextVariants = exports.formErrorTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_INVALID, 'font-medium'], {
+  variants: {
+    size: {
+      default: 'text-xs',
+      small: 'text-[11px]'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+const formErrorIconVariants = exports.formErrorIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_INVALID], {
+  variants: {
+    size: {
+      default: 'size-3.5',
+      small: 'size-3'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Form/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","formRootVariants","exports","cva","formFieldVariants","DISABLED_OPACITY","formLabelVariants","variants","size","default","small","defaultVariants","formHelperVariants","formHelperTextVariants","COLOR_TEXT_SECONDARY","formErrorVariants","formErrorTextVariants","COLOR_TEXT_INVALID","formErrorIconVariants"],"sourceRoot":"../../../../src","sources":["components/Form/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,gBAAgB,CAAC,CAAC;AAEhD,MAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAG,IAAAD,2BAAG,EAAC,CAAC,uBAAuB,EAAE,eAAe,EAAEE,4BAAgB,CAAC,CAAC;AAE3F,MAAMC,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,IAAAH,2BAAG,EAClC,CACE,uBAAuB,EACvBE,4BAAgB,EAChB,oBAAoB,EACpB,8CAA8C,CAC/C,EACD;EACEE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,uBAAuB,CAAC,CAAC;AAEzD,MAAMU,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAG,IAAAV,2BAAG,EAAC,CAACW,gCAAoB,CAAC,EAAE;EAChEP,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,6BAA6B,CAAC,CAAC;AAE9D,MAAMa,qBAAqB,GAAAd,OAAA,CAAAc,qBAAA,GAAG,IAAAb,2BAAG,EAAC,CAACc,8BAAkB,EAAE,aAAa,CAAC,EAAE;EAC5EV,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMU,qBAAqB,GAAAhB,OAAA,CAAAgB,qBAAA,GAAG,IAAAf,2BAAG,EAAC,CAACc,8BAAkB,CAAC,EAAE;EAC7DV,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,OAAO,EAAE,UAAU;MACnBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Heading/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Heading = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const sizeToLevel = {
+  xl: 1,
+  lg: 2,
+  md: 3,
+  sm: 4,
+  xs: 5
+};
+const Heading = exports.Heading = /*#__PURE__*/(0, _react.memo)(/*#__PURE__*/(0, _react.forwardRef)(function Heading({
+  className,
+  size = 'lg',
+  ...props
+}, ref) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    role: "heading",
+    "aria-level": sizeToLevel[size ?? 'lg'],
+    className: (0, _utils.cn)((0, _styles.headingStyle)({
+      size
+    }), className),
+    ...props,
+    ref: ref
+  });
+}));
+Heading.displayName = 'Heading';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_jsxRuntime","sizeToLevel","xl","lg","md","sm","xs","Heading","exports","memo","forwardRef","className","size","props","ref","jsx","Text","role","cn","headingStyle","displayName"],"sourceRoot":"../../../../src","sources":["components/Heading/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAkE,IAAAI,WAAA,GAAAJ,OAAA;AAElE,MAAMK,WAAW,GAAG;EAClBC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE;AACN,CAAU;AAOH,MAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,WAAI,eACzB,IAAAC,iBAAU,EAA0C,SAASH,OAAOA,CAClE;EAAEI,SAAS;EAAEC,IAAI,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EACpCC,GAAG,EACH;EACA,oBACE,IAAAd,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAmB,IAAI;IACHC,IAAI,EAAC,SAAS;IACd,cAAYhB,WAAW,CAACW,IAAI,IAAI,IAAI,CAAE;IACtCD,SAAS,EAAE,IAAAO,SAAE,EAAC,IAAAC,oBAAY,EAAC;MAAEP;IAAK,CAAC,CAAC,EAAED,SAAS,CAAE;IAAA,GAC7CE,KAAK;IACTC,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CACH,CAAC;AAEDP,OAAO,CAACa,WAAW,GAAG,SAAS","ignoreList":[]}

package/lib/commonjs/components/Heading/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.headingStyle = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+const headingStyle = exports.headingStyle = (0, _classVarianceAuthority.cva)([`${_primitives.COLOR_TEXT_PRIMARY} font-semibold tracking-tight my-0`, _reactNative.Platform.select({
+  web: 'font-sans bg-transparent display-inline no-underline',
+  default: ''
+})], {
+  variants: {
+    size: {
+      xl: 'text-6xl',
+      lg: 'text-5xl',
+      md: 'text-4xl',
+      sm: 'text-3xl',
+      xs: 'text-2xl'
+    }
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/Heading/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","headingStyle","exports","cva","COLOR_TEXT_PRIMARY","Platform","select","web","default","variants","size","xl","lg","md","sm","xs"],"sourceRoot":"../../../../src","sources":["components/Heading/styles.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,2BAAG,EAC7B,CACE,GAAGC,8BAAkB,oCAAoC,EACzDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,sDAAsD;EAC3DC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE;IACN;EACF;AACF,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Icon/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Icon = Icon;
+var _uniwind = require("uniwind");
+var _utils = require("@cdx-ui/utils");
+var _primitives = require("../../styles/primitives");
+var _jsxRuntime = require("react/jsx-runtime");
+function IconImpl({
+  as: IconComponent,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+    ...props
+  });
+}
+const StyledIcon = (0, _uniwind.withUniwind)(IconImpl, {
+  size: {
+    fromClassName: 'className',
+    styleProperty: 'width'
+  },
+  color: {
+    fromClassName: 'className',
+    styleProperty: 'color'
+  }
+});
+
+/**
+ * A wrapper component for CDX icons with Uniwind `className` support via `withUniwind`.
+ *
+ * This component allows you to render any CDX icon while applying utility classes
+ * using `uniwind`. It avoids the need to wrap or configure each icon individually.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * import { Icon } from '@cdx-ui/components';
+ * import { ArrowRight } from '@cdx-ui/icons';
+ *
+ * <Icon as={ArrowRight} className="text-red-500 size-4" />
+ * ```
+ *
+ * @param {CdxIcon} as - The CDX icon component to render.
+ * @param {string} className - Utility classes to style the icon using Uniwind.
+ * @param {number} size - Icon size (overrides the size class).
+ * @param {...CdxIconProps} ...props - Additional icon props passed to the "as" icon.
+ */
+function Icon({
+  as: IconComponent,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIcon, {
+    as: IconComponent,
+    className: (0, _utils.cn)(_primitives.COLOR_TEXT_PRIMARY, 'size-5', className),
+    ...props
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_uniwind","require","_utils","_primitives","_jsxRuntime","IconImpl","as","IconComponent","props","jsx","StyledIcon","withUniwind","size","fromClassName","styleProperty","color","Icon","className","cn","COLOR_TEXT_PRIMARY"],"sourceRoot":"../../../../src","sources":["components/Icon/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAA6D,IAAAG,WAAA,GAAAH,OAAA;AAO7D,SAASI,QAAQA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC5D,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACF,aAAa;IAAA,GAAKC;EAAK,CAAG,CAAC;AACrC;AAEA,MAAME,UAAU,GAAG,IAAAC,oBAAW,EAACN,QAAQ,EAAE;EACvCO,IAAI,EAAE;IACJC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLF,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,IAAIA,CAAC;EAAEV,EAAE,EAAEC,aAAa;EAAEU,SAAS;EAAE,GAAGT;AAAiB,CAAC,EAAE;EAC1E,oBACE,IAAAJ,WAAA,CAAAK,GAAA,EAACC,UAAU;IACTJ,EAAE,EAAEC,aAAc;IAClBU,SAAS,EAAE,IAAAC,SAAE,EAACC,8BAAkB,EAAE,QAAQ,EAAEF,SAAS,CAAE;IAAA,GACnDT;EAAK,CACV,CAAC;AAEN","ignoreList":[]}

package/lib/commonjs/components/IconButton/index.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconButton = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const IconButtonPrimitive = (0, _primitives.createButton)({
+  Root: _reactNative.Pressable,
+  Text: _reactNative.Text,
+  Group: _reactNative.View,
+  Spinner: _reactNative.ActivityIndicator,
+  Icon: _reactNative.View
+});
+function IconButtonGlyph({
+  as: IconComponent,
+  className
+}) {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = (0, _primitives.useButtonContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: IconComponent,
+    className: className,
+    ...(0, _primitives.dataAttributes)({
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible
+    })
+  });
+}
+const IconButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  variant = 'solid',
+  size = 'default',
+  mode = 'light',
+  className,
+  style,
+  as: IconComponent,
+  iconClassName,
+  accessibilityRole = 'button',
+  ...props
+}, ref) => {
+  const rootClassName = (0, _utils.cn)((0, _styles.iconButtonRootVariants)({
+    variant,
+    size,
+    mode
+  }), className);
+  const glyphClassName = (0, _utils.cn)((0, _styles.iconButtonGlyphVariants)({
+    size
+  }), (0, _styles.iconButtonIconColorVariants)({
+    variant,
+    mode
+  }), iconClassName);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonPrimitive, {
+    ref: ref,
+    accessibilityRole: accessibilityRole,
+    className: rootClassName,
+    style: style,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButtonGlyph, {
+      as: IconComponent,
+      className: glyphClassName
+    })
+  });
+});
+IconButtonRoot.displayName = 'IconButton';
+const IconButton = exports.IconButton = IconButtonRoot;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/IconButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","IconButtonPrimitive","createButton","Root","Pressable","Text","Group","View","Spinner","ActivityIndicator","Icon","IconButtonGlyph","as","IconComponent","className","hover","focus","active","disabled","focusVisible","useButtonContext","jsx","dataAttributes","IconButtonRoot","forwardRef","variant","size","mode","style","iconClassName","accessibilityRole","props","ref","rootClassName","cn","iconButtonRootVariants","glyphClassName","iconButtonGlyphVariants","iconButtonIconColorVariants","children","displayName","IconButton","exports"],"sourceRoot":"../../../../src","sources":["components/IconButton/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,mBAAmB,GAAG,IAAAC,wBAAY,EAAC;EACvCC,IAAI,EAAEC,sBAAS;EACfC,IAAI,EAAJA,iBAAI;EACJC,KAAK,EAAEC,iBAAI;EACXC,OAAO,EAAEC,8BAAiB;EAC1BC,IAAI,EAAEH;AACR,CAAC,CAAC;AAEF,SAASI,eAAeA,CAAC;EAAEC,EAAE,EAAEC,aAAa;EAAEC;AAA8C,CAAC,EAAE;EAC7F,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,MAAM;IAAEC,QAAQ;IAAEC;EAAa,CAAC,GAAG,IAAAC,4BAAgB,EAAC,CAAC;EAC3E,oBACE,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,KAAA,CAAAY,IAAI;IACHE,EAAE,EAAEC,aAAc;IAClBC,SAAS,EAAEA,SAAU;IAAA,GACjB,IAAAQ,0BAAc,EAAC;MACjBP,KAAK;MACLC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IACF,CAAC;EAAC,CACH,CAAC;AAEN;AAUA,MAAMI,cAAc,gBAAG,IAAAC,iBAAU,EAC/B,CACE;EACEC,OAAO,GAAG,OAAO;EACjBC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,OAAO;EACdb,SAAS;EACTc,KAAK;EACLhB,EAAE,EAAEC,aAAa;EACjBgB,aAAa;EACbC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,aAAa,GAAG,IAAAC,SAAE,EAAC,IAAAC,8BAAsB,EAAC;IAAEV,OAAO;IAAEC,IAAI;IAAEC;EAAK,CAAC,CAAC,EAAEb,SAAS,CAAC;EAEpF,MAAMsB,cAAc,GAAG,IAAAF,SAAE,EACvB,IAAAG,+BAAuB,EAAC;IAAEX;EAAK,CAAC,CAAC,EACjC,IAAAY,mCAA2B,EAAC;IAAEb,OAAO;IAAEE;EAAK,CAAC,CAAC,EAC9CE,aACF,CAAC;EAED,oBACE,IAAA7B,WAAA,CAAAqB,GAAA,EAACpB,mBAAmB;IAClB+B,GAAG,EAAEA,GAAI;IACTF,iBAAiB,EAAEA,iBAAkB;IACrChB,SAAS,EAAEmB,aAAc;IACzBL,KAAK,EAAEA,KAAM;IAAA,GACTG,KAAK;IAAAQ,QAAA,eAET,IAAAvC,WAAA,CAAAqB,GAAA,EAACV,eAAe;MAACC,EAAE,EAAEC,aAAc;MAACC,SAAS,EAAEsB;IAAe,CAAE;EAAC,CAC9C,CAAC;AAE1B,CACF,CAAC;AAEDb,cAAc,CAACiB,WAAW,GAAG,YAAY;AAElC,MAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGlB,cAAc","ignoreList":[]}

package/lib/commonjs/components/IconButton/styles.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iconButtonRootVariants = exports.iconButtonIconColorVariants = exports.iconButtonGlyphVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+var _buttonSharedVariants = require("../Button/buttonSharedVariants");
+function actionOnlyCompounds(compounds) {
+  return compounds.filter(c => c.color === 'action').map(c => {
+    const {
+      color,
+      ...rest
+    } = c;
+    void color;
+    return rest;
+  });
+}
+
+/** Dark-mode hover/active surface for ghost (solid uses a separate compound with border). */
+const iconButtonDarkGhostSurfaceCompounds = actionOnlyCompounds(_buttonSharedVariants.sharedGhostSurfaceCompounds).map(c => ({
+  variant: 'ghost',
+  ...c
+}));
+const iconButtonForegroundTextCompounds = actionOnlyCompounds(_buttonSharedVariants.sharedOutlineGhostForegroundTextCompounds).map(c => ({
+  variant: ['solid', 'ghost'],
+  ...c
+}));
+const iconButtonRootVariants = exports.iconButtonRootVariants = (0, _classVarianceAuthority.cva)(['flex items-center justify-center', _primitives.RADIUS_FULL, 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _primitives.TRANSITION_COLORS, _primitives.DISABLED_OPACITY, _primitives.DISABLED_CURSOR, 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-slate-400/50 web:data-[focus-visible=true]:ring-offset-2'], {
+  variants: {
+    variant: {
+      /** Same surface as ghost, with a light gray border (aligned with Button `outline`). */
+      solid: ['bg-transparent', `border ${_primitives.COLOR_BORDER_DEFAULT}`, 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100'],
+      ghost: ['bg-transparent', 'data-[hover=true]:bg-slate-50', 'data-[active=true]:bg-slate-100']
+    },
+    size: {
+      default: 'h-10 w-10 min-w-10 shrink-0 p-0',
+      small: 'h-8 w-8 min-w-8 shrink-0 p-0'
+    },
+    mode: {
+      light: [],
+      dark: []
+    }
+  },
+  compoundVariants: [...iconButtonDarkGhostSurfaceCompounds, {
+    variant: 'solid',
+    mode: 'dark',
+    className: ['border-slate-700', _reactNative.Platform.select({
+      default: 'data-[active=true]:bg-slate-700',
+      web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700'
+    })]
+  }],
+  defaultVariants: {
+    variant: 'solid',
+    size: 'default',
+    mode: 'light'
+  }
+});
+const iconButtonGlyphVariants = exports.iconButtonGlyphVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    size: {
+      default: 'size-5',
+      small: 'size-4'
+    }
+  },
+  defaultVariants: {
+    size: 'default'
+  }
+});
+
+/** Icon fill aligned with Button outline/ghost action label colors (solid matches ghost). */
+const iconButtonIconColorVariants = exports.iconButtonIconColorVariants = (0, _classVarianceAuthority.cva)([], {
+  variants: {
+    variant: {
+      solid: [],
+      ghost: []
+    },
+    mode: {
+      light: [],
+      dark: []
+    }
+  },
+  compoundVariants: [...iconButtonForegroundTextCompounds],
+  defaultVariants: {
+    variant: 'solid',
+    mode: 'light'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/IconButton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","_buttonSharedVariants","actionOnlyCompounds","compounds","filter","c","color","map","rest","iconButtonDarkGhostSurfaceCompounds","sharedGhostSurfaceCompounds","variant","iconButtonForegroundTextCompounds","sharedOutlineGhostForegroundTextCompounds","iconButtonRootVariants","exports","cva","RADIUS_FULL","TRANSITION_COLORS","DISABLED_OPACITY","DISABLED_CURSOR","variants","solid","COLOR_BORDER_DEFAULT","ghost","size","default","small","mode","light","dark","compoundVariants","className","Platform","select","web","defaultVariants","iconButtonGlyphVariants","iconButtonIconColorVariants"],"sourceRoot":"../../../../src","sources":["components/IconButton/styles.ts"],"mappings":"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","ignoreList":[]}