@cdx-ui/components 0.0.1-alpha.1

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

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _BaseInput = require("./BaseInput");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'INPUT';
+const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
+const useInputStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const InputPrimitive = (0, _primitives.createInput)({
+  Root,
+  Icon: _reactNative.View,
+  Slot: _reactNative.View,
+  Field: _BaseInput.BaseInput
+});
+
+// =============================================================================
+// INPUT (ROOT)
+// =============================================================================
+
+const InputRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  variant = 'outline',
+  size = 'md',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.inputRootVariants)({
+    variant,
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    context: {
+      variant,
+      size
+    },
+    ...props,
+    children: children
+  });
+});
+InputRoot.displayName = 'Input';
+
+// =============================================================================
+// INPUT FIELD
+// =============================================================================
+
+const InputField = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  placeholderTextColorClassName,
+  style,
+  ...rest
+}, ref) => {
+  const {
+    size
+  } = useInputStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.inputFieldVariants)({
+    size
+  }), className);
+  const computedPlaceholderColorClassName = (0, _utils.cn)((0, _styles.inputFieldPlaceholderVariants)(), placeholderTextColorClassName);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputPrimitive.Field, {
+    ref: ref,
+    className: computedClassName,
+    placeholderTextColorClassName: computedPlaceholderColorClassName,
+    style: style,
+    ...rest
+  });
+});
+InputField.displayName = 'Input.Field';
+
+// =============================================================================
+// INPUT SLOT
+// =============================================================================
+
+const InputSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useInputStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.inputSlotVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputPrimitive.Slot, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+InputSlot.displayName = 'Input.Slot';
+
+// =============================================================================
+// INPUT ICON
+// =============================================================================
+
+const InputIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useInputStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.inputIconVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(InputPrimitive.Icon, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+InputIcon.displayName = 'Input.Icon';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const Input = exports.Input = Object.assign(InputRoot, {
+  Field: InputField,
+  Slot: InputSlot,
+  Icon: InputIcon
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_BaseInput","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useInputStyleContext","useStyleContext","InputPrimitive","createInput","Icon","Slot","Field","BaseInput","InputRoot","forwardRef","variant","size","className","children","style","props","ref","computedClassName","cn","inputRootVariants","jsx","context","displayName","InputField","placeholderTextColorClassName","rest","inputFieldVariants","computedPlaceholderColorClassName","inputFieldPlaceholderVariants","InputSlot","inputSlotVariants","InputIcon","inputIconVariants","Input","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Input/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputSlotVariants = exports.inputRootVariants = exports.inputIconVariants = exports.inputFieldVariants = exports.inputFieldPlaceholderVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+const inputRootVariants = exports.inputRootVariants = (0, _classVarianceAuthority.cva)(['w-full flex-row items-center', 'border border-neutral-border-strong bg-neutral-surface shadow-sm', 'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:bg-interactive-disabled-background data-[disabled=true]:border-interactive-disabled', 'data-[focus=true]:border-interactive-focus', 'data-[invalid=true]:border-red-500'], {
+  variants: {
+    variant: {
+      outline: ['rounded-md px-3', 'web:focus-within:border-interactive-focus web:focus-within:ring-3 web:focus-within:ring-blue-300/50', 'web:data-[invalid=true]:focus-within:border-red-500 web:data-[invalid=true]:focus-within:ring-red-300/50'],
+      underlined: 'rounded-none border-t-0 border-l-0 border-r-0 border-b-neutral-border data-[focus=true]:border-b-interactive-focus shadow-none'
+    },
+    size: {
+      sm: 'h-9 py-1',
+      md: 'h-11 py-1.5',
+      lg: 'h-12 py-2'
+    }
+  },
+  defaultVariants: {
+    variant: 'outline',
+    size: 'md'
+  }
+});
+const inputFieldVariants = exports.inputFieldVariants = (0, _classVarianceAuthority.cva)(['flex-1 bg-transparent text-neutral-text-primary', 'placeholder:text-neutral-placeholder', 'web:outline-none'], {
+  variants: {
+    size: {
+      sm: 'text-sm leading-none',
+      md: 'text-base leading-none',
+      lg: 'text-lg leading-none'
+    }
+  },
+  defaultVariants: {
+    size: 'sm'
+  }
+});
+const inputSlotVariants = exports.inputSlotVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center'], {
+  variants: {
+    size: {
+      sm: 'h-4 w-4',
+      md: 'h-5 w-5',
+      lg: 'h-6 w-6'
+    }
+  },
+  defaultVariants: {
+    size: 'sm'
+  }
+});
+const inputIconVariants = exports.inputIconVariants = (0, _classVarianceAuthority.cva)(['text-neutral-text-tertiary'], {
+  variants: {
+    size: {
+      sm: 'h-4 w-4',
+      md: 'h-5 w-5',
+      lg: 'h-5 w-5'
+    }
+  },
+  defaultVariants: {
+    size: 'sm'
+  }
+});
+const inputFieldPlaceholderVariants = exports.inputFieldPlaceholderVariants = (0, _classVarianceAuthority.cva)(['accent-neutral-placeholder']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","inputRootVariants","exports","cva","variants","variant","outline","underlined","size","sm","md","lg","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAClC,CACE,8BAA8B,EAC9B,kEAAkE,EAClE,kLAAkL,EAClL,4CAA4C,EAC5C,oCAAoC,CACrC,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,CACP,iBAAiB,EACjB,qGAAqG,EACrG,0GAA0G,CAC3G;MACDC,UAAU,EACR;IACJ,CAAC;IACDC,IAAI,EAAE;MACJC,EAAE,EAAE,UAAU;MACdC,EAAE,EAAE,aAAa;MACjBC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfP,OAAO,EAAE,SAAS;IAClBG,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EACnC,CACE,iDAAiD,EACjD,sCAAsC,EACtC,kBAAkB,CACnB,EACD;EACEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,sBAAsB;MAC1BC,EAAE,EAAE,wBAAwB;MAC5BC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,2BAAG,EAAC,CAAC,6BAA6B,CAAC,EAAE;EACpEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,2BAAG,EAAC,CAAC,4BAA4B,CAAC,EAAE;EACnEC,QAAQ,EAAE;IACRI,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,2BAAG,EAAC,CAAC,4BAA4B,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,213 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'SELECT';
+const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
+const useSelectStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const SelectPrimitive = (0, _primitives.createSelect)({
+  Root,
+  Trigger: _reactNative.Pressable,
+  Value: _reactNative.Text,
+  Icon: _reactNative.View,
+  Content: _reactNative.View,
+  Item: _reactNative.Pressable,
+  ItemLabel: _reactNative.Text
+});
+
+// =============================================================================
+// STYLED ROOT COMPONENT
+// =============================================================================
+
+const SelectRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  variant = 'outline',
+  size = 'md',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive, {
+    ref: ref,
+    className: className,
+    style: style,
+    context: {
+      variant,
+      size
+    },
+    ...props,
+    children: children
+  });
+});
+SelectRoot.displayName = 'Select';
+
+// =============================================================================
+// STYLED TRIGGER COMPONENT
+// =============================================================================
+
+const SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    variant,
+    size
+  } = useSelectStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.selectTriggerVariants)({
+    variant,
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Trigger, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+SelectTrigger.displayName = 'Select.Trigger';
+
+// =============================================================================
+// STYLED VALUE COMPONENT
+// =============================================================================
+
+const SelectValue = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    variant,
+    size
+  } = useSelectStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.selectValueVariants)({
+    variant,
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Value, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+SelectValue.displayName = 'Select.Value';
+
+// =============================================================================
+// STYLED ICON COMPONENT
+// =============================================================================
+
+const SelectIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    variant,
+    size
+  } = useSelectStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.selectIconVariants)({
+    variant,
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Icon, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+SelectIcon.displayName = 'Select.Icon';
+
+// =============================================================================
+// STYLED CONTENT COMPONENT
+// =============================================================================
+
+const SelectContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.selectContentVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Content, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+SelectContent.displayName = 'Select.Content';
+
+// =============================================================================
+// STYLED ITEM COMPONENT
+// =============================================================================
+
+const SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useSelectStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.selectItemVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.Item, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+SelectItem.displayName = 'Select.Item';
+
+// =============================================================================
+// STYLED ITEM LABEL COMPONENT
+// =============================================================================
+
+const SelectItemLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useSelectStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.selectItemLabelVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectPrimitive.ItemLabel, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+SelectItemLabel.displayName = 'Select.ItemLabel';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+const Select = exports.Select = Object.assign(SelectRoot, {
+  Trigger: SelectTrigger,
+  Value: SelectValue,
+  Icon: SelectIcon,
+  Content: SelectContent,
+  Item: SelectItem,
+  ItemLabel: SelectItemLabel
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useSelectStyleContext","useStyleContext","SelectPrimitive","createSelect","Trigger","Pressable","Value","Text","Icon","Content","Item","ItemLabel","SelectRoot","forwardRef","variant","size","className","children","style","props","ref","jsx","context","displayName","SelectTrigger","computedClassName","cn","selectTriggerVariants","SelectValue","selectValueVariants","SelectIcon","selectIconVariants","SelectContent","selectContentVariants","SelectItem","selectItemVariants","SelectItemLabel","selectItemLabelVariants","Select","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Select/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectValueVariants = exports.selectTriggerVariants = exports.selectItemVariants = exports.selectItemLabelVariants = exports.selectIconVariants = exports.selectContentVariants = void 0;
+var _reactNative = require("react-native");
+var _classVarianceAuthority = require("class-variance-authority");
+// ── Trigger ─────────────────────────────────────────────────
+
+const selectTriggerVariants = exports.selectTriggerVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center justify-between', 'rounded-lg', 'transition-colors duration-150', 'data-[disabled=true]:opacity-60 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:pointer-events-none', 'data-[readonly=true]:cursor-default', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-blue-500 data-[focus-visible=true]:ring-offset-2'], {
+  variants: {
+    variant: {
+      outline: ['bg-white border border-gray-300', _reactNative.Platform.select({
+        default: 'data-[active=true]:border-gray-400',
+        web: 'data-[hover=true]:border-gray-400 data-[active=true]:data-[hover=true]:border-gray-500'
+      }), 'data-[state=open]:data-[invalid=false]:border-blue-500', 'data-[invalid=true]:border-red-500', 'data-[readonly=true]:bg-gray-50'],
+      filled: ['bg-gray-100 border border-transparent', _reactNative.Platform.select({
+        default: 'data-[active=true]:bg-gray-200',
+        web: 'data-[hover=true]:bg-gray-200 data-[active=true]:data-[hover=true]:bg-gray-300'
+      }), 'data-[state=open]:border-blue-500', 'data-[invalid=true]:border-red-500 data-[invalid=true]:border', 'data-[readonly=true]:bg-gray-200'],
+      ghost: ['bg-transparent border border-transparent', _reactNative.Platform.select({
+        default: 'data-[active=true]:bg-gray-100',
+        web: 'data-[hover=true]:bg-gray-50 data-[active=true]:data-[hover=true]:bg-gray-100'
+      }), 'data-[invalid=true]:border-red-500 data-[invalid=true]:border']
+    },
+    size: {
+      sm: 'h-8 px-2.5 gap-1.5',
+      md: 'h-10 px-3 gap-2',
+      lg: 'h-12 px-4 gap-2.5'
+    }
+  },
+  defaultVariants: {
+    variant: 'outline',
+    size: 'md'
+  }
+});
+
+// ── Value ───────────────────────────────────────────────────
+
+const selectValueVariants = exports.selectValueVariants = (0, _classVarianceAuthority.cva)(['flex-1', 'data-[placeholder=true]:text-gray-400', 'data-[invalid=true]:text-red-600'], {
+  variants: {
+    variant: {
+      outline: 'text-gray-900',
+      filled: 'text-gray-900',
+      ghost: 'text-gray-900'
+    },
+    size: {
+      sm: 'text-sm',
+      md: 'text-base',
+      lg: 'text-lg'
+    }
+  },
+  defaultVariants: {
+    variant: 'outline',
+    size: 'md'
+  }
+});
+
+// ── Icon ────────────────────────────────────────────────────
+
+const selectIconVariants = exports.selectIconVariants = (0, _classVarianceAuthority.cva)(['items-center justify-center', 'data-[invalid=true]:text-red-500'], {
+  variants: {
+    variant: {
+      outline: 'text-gray-500',
+      filled: 'text-gray-500',
+      ghost: 'text-gray-400'
+    },
+    size: {
+      sm: 'h-4 w-4',
+      md: 'h-5 w-5',
+      lg: 'h-6 w-6'
+    }
+  },
+  defaultVariants: {
+    variant: 'outline',
+    size: 'md'
+  }
+});
+
+// ── Content ─────────────────────────────────────────────────
+
+const selectContentVariants = exports.selectContentVariants = (0, _classVarianceAuthority.cva)(['bg-white', 'border border-gray-200', 'overflow-hidden', 'rounded-lg', _reactNative.Platform.select({
+  web: 'shadow-lg',
+  default: ''
+}), 'max-h-60', 'py-1']);
+
+// ── Item ────────────────────────────────────────────────────
+
+const selectItemVariants = exports.selectItemVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center', 'transition-colors duration-100', 'data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none', 'data-[state=checked]:bg-blue-50', _reactNative.Platform.select({
+  default: 'data-[active=true]:bg-gray-100',
+  web: 'data-[hover=true]:bg-gray-100 data-[active=true]:data-[hover=true]:bg-gray-200 data-[highlighted=true]:bg-blue-50'
+})], {
+  variants: {
+    size: {
+      sm: 'px-2.5 py-1.5',
+      md: 'px-3 py-2',
+      lg: 'px-4 py-2.5'
+    }
+  },
+  defaultVariants: {
+    size: 'md'
+  }
+});
+
+// ── ItemLabel ───────────────────────────────────────────────
+
+const selectItemLabelVariants = exports.selectItemLabelVariants = (0, _classVarianceAuthority.cva)(['text-gray-900', 'data-[state=checked]:font-semibold', 'data-[state=checked]:text-blue-700'], {
+  variants: {
+    size: {
+      sm: 'text-sm',
+      md: 'text-base',
+      lg: 'text-lg'
+    }
+  },
+  defaultVariants: {
+    size: 'md'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_classVarianceAuthority","selectTriggerVariants","exports","cva","variants","variant","outline","Platform","select","default","web","filled","ghost","size","sm","md","lg","defaultVariants","selectValueVariants","selectIconVariants","selectContentVariants","selectItemVariants","selectItemLabelVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Spinner/Spinner.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spinner = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+const Spinner = exports.Spinner = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+  ref: ref,
+  ...props
+}));
+Spinner.displayName = 'Spinner';
+//# sourceMappingURL=Spinner.js.map

package/lib/commonjs/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","Spinner","exports","forwardRef","props","ref","jsx","ActivityIndicator","displayName"],"sourceRoot":"../../../../src","sources":["components/Spinner/Spinner.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8E,IAAAE,WAAA,GAAAF,OAAA;AAIvE,MAAMG,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,iBAAU,EAC/B,CAACC,KAAK,EAAEC,GAAoC,kBAAK,IAAAL,WAAA,CAAAM,GAAA,EAACP,YAAA,CAAAQ,iBAAiB;EAACF,GAAG,EAAEA,GAAI;EAAA,GAAKD;AAAK,CAAG,CAC5F,CAAC;AAEDH,OAAO,CAACO,WAAW,GAAG,SAAS","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Spinner = require("./Spinner");
+Object.keys(_Spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Spinner[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Spinner","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/Spinner/index.ts"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/Stack/HStack.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HStack = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+// import { spacing } from '@cdx-ui/tokens';
+
+// TODO: Integrate with tokens (multiply by spacing)
+const spaceScale = {
+  xs: 1,
+  sm: 2,
+  md: 3,
+  lg: 4,
+  xl: 5,
+  '2xl': 6,
+  '3xl': 7,
+  '4xl': 8
+};
+const HStack = exports.HStack = /*#__PURE__*/(0, _react.forwardRef)(({
+  space,
+  reversed,
+  style,
+  className,
+  children,
+  ...restProps
+}, ref) => {
+  const gap = space ? spaceScale[space] : undefined;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: className,
+    style: [{
+      flexDirection: reversed ? 'row-reverse' : 'row'
+    }, gap ? {
+      gap
+    } : null, style],
+    ...restProps,
+    children: children
+  });
+});
+HStack.displayName = 'HStack';
+//# sourceMappingURL=HStack.js.map

package/lib/commonjs/components/Stack/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","spaceScale","xs","sm","md","lg","xl","HStack","exports","forwardRef","space","reversed","style","className","children","restProps","ref","gap","undefined","jsx","View","flexDirection","displayName"],"sourceRoot":"../../../../src","sources":["components/Stack/HStack.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAoD,IAAAE,WAAA,GAAAF,OAAA;AACpD;;AAEA;AACA,MAAMG,UAAU,GAAG;EACjBC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,CAAC;EACL,KAAK,EAAE,CAAC;EACR,KAAK,EAAE,CAAC;EACR,KAAK,EAAE;AACT,CAAU;AAUH,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EAC1F,MAAMC,GAAG,GAAGP,KAAK,GAAGT,UAAU,CAACS,KAAK,CAAC,GAAGQ,SAAS;EACjD,oBACE,IAAAlB,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA,SAAU;IACrBD,KAAK,EAAE,CAAC;MAAES,aAAa,EAAEV,QAAQ,GAAG,aAAa,GAAG;IAAM,CAAC,EAAEM,GAAG,GAAG;MAAEA;IAAI,CAAC,GAAG,IAAI,EAAEL,KAAK,CAAE;IAAA,GACtFG,SAAS;IAAAD,QAAA,EAEZA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDP,MAAM,CAACe,WAAW,GAAG,QAAQ","ignoreList":[]}