@cdx-ui/components 0.0.1-alpha.2 → 0.0.1-alpha.20

package/README.md

@@ -2,7 +2,7 @@
 
 Styled, theme-aware UI components for the Candescent Design System.
 
-Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/tokens`](../tokens/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
+Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/styles`](../styles/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
 
 ## Installation
 
@@ -24,7 +24,7 @@ import { Button } from '@cdx-ui/components';
 
 export function Example() {
   return (
-    <Button variant="solid" color="primary" size="md" onPress={() => console.log('pressed')}>
+    <Button variant="strong" color="action" size="default" onPress={() => console.log('pressed')}>
       <Button.Label>Get Started</Button.Label>
     </Button>
   );

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

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = 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 SCOPE = 'AVATAR';
+const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
+const useAvatarStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const AvatarPrimitive = (0, _primitives.createAvatar)({
+  Root,
+  Image: _reactNative.Image,
+  Text: _reactNative.Text,
+  Icon: _Icon.Icon,
+  Badge: _reactNative.View
+});
+
+// =============================================================================
+// AVATAR ROOT
+// =============================================================================
+
+const AvatarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  size = 'lg',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarRootVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    context: {
+      size
+    },
+    ...props,
+    children: children
+  });
+});
+AvatarRoot.displayName = 'Avatar';
+
+// =============================================================================
+// AVATAR IMAGE
+// =============================================================================
+
+const AvatarImage = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarImageVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Image, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+AvatarImage.displayName = 'Avatar.Image';
+
+// =============================================================================
+// AVATAR TEXT
+// =============================================================================
+
+const AvatarText = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarTextVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Text, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AvatarText.displayName = 'Avatar.Text';
+
+// =============================================================================
+// AVATAR ICON
+// =============================================================================
+
+const AvatarIcon = ({
+  className,
+  style,
+  ...props
+}) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarIconVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Icon, {
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+AvatarIcon.displayName = 'Avatar.Icon';
+
+// =============================================================================
+// AVATAR BADGE
+// =============================================================================
+
+const AvatarBadge = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarBadgeVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Badge, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AvatarBadge.displayName = 'Avatar.Badge';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+const Avatar = exports.Avatar = Object.assign(AvatarRoot, {
+  Image: AvatarImage,
+  Text: AvatarText,
+  Icon: AvatarIcon,
+  Badge: AvatarBadge
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useAvatarStyleContext","useStyleContext","AvatarPrimitive","createAvatar","Image","Text","Icon","IconComponent","Badge","AvatarRoot","forwardRef","size","className","children","style","props","ref","computedClassName","cn","avatarRootVariants","jsx","context","displayName","AvatarImage","avatarImageVariants","AvatarText","avatarTextVariants","AvatarIcon","avatarIconVariants","AvatarBadge","avatarBadgeVariants","Avatar","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarTextVariants = exports.avatarRootVariants = exports.avatarImageVariants = exports.avatarIconVariants = exports.avatarBadgeVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+// ── Root ─────────────────────────────────────────────────
+
+const avatarRootVariants = exports.avatarRootVariants = (0, _classVarianceAuthority.cva)([_primitives.RADIUS_FULL, 'relative items-center justify-center', _primitives.COLOR_BG_MUTED], {
+  variants: {
+    size: {
+      sm: 'w-8 h-8',
+      md: 'w-10 h-10',
+      lg: 'w-12 h-12',
+      xl: 'w-16 h-16',
+      '2xl': 'w-20 h-20'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Image ────────────────────────────────────────────────
+
+const avatarImageVariants = exports.avatarImageVariants = (0, _classVarianceAuthority.cva)(['absolute top-0 left-0 w-full h-full', _primitives.RADIUS_FULL, 'overflow-hidden']);
+
+// ── Text ─────────────────────────────────────────────────
+
+const avatarTextVariants = exports.avatarTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY, 'font-semibold'], {
+  variants: {
+    size: {
+      sm: 'text-xs',
+      md: 'text-sm',
+      lg: 'text-base',
+      xl: 'text-xl',
+      '2xl': 'text-2xl'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Icon ─────────────────────────────────────────────────
+
+const avatarIconVariants = exports.avatarIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
+  variants: {
+    size: {
+      sm: 'size-4',
+      md: 'size-5',
+      lg: 'size-6',
+      xl: 'size-8',
+      '2xl': 'size-10'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Badge ────────────────────────────────────────────────
+
+const avatarBadgeVariants = exports.avatarBadgeVariants = (0, _classVarianceAuthority.cva)(['absolute border-2 border-white', _primitives.RADIUS_FULL], {
+  variants: {
+    size: {
+      sm: 'w-2.5 h-2.5 bottom-0 right-0',
+      md: 'w-3 h-3 bottom-0 right-0',
+      lg: 'w-3.5 h-3.5 bottom-0 right-0',
+      xl: 'w-4 h-4 bottom-0.5 right-0.5',
+      '2xl': 'w-5 h-5 bottom-0.5 right-0.5'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","avatarRootVariants","exports","cva","RADIUS_FULL","COLOR_BG_MUTED","variants","size","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","COLOR_TEXT_SECONDARY","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CAACC,uBAAW,EAAE,sCAAsC,EAAEC,0BAAc,CAAC,EACrE;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,2BAAG,EAAC,CACrC,qCAAqC,EACrCC,uBAAW,EACX,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMU,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,CAACY,gCAAoB,EAAE,eAAe,CAAC,EAAE;EAC7ET,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACb,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMS,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG,IAAAb,2BAAG,EAAC,CAACY,gCAAoB,CAAC,EAAE;EAC5DT,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMU,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,gCAAgC,EAAEC,uBAAW,CAAC,EAAE;EACtFE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,0BAA0B;MAC9BC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Box/Box.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _WrapStringChild = require("../../utils/WrapStringChild");
 var _jsxRuntime = require("react/jsx-runtime");
+/** @deprecated Use View instead */
 const Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   className,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_WrapStringChild","_jsxRuntime","Box","exports","forwardRef","style","className","children","textProps","restProps","ref","jsx","View","WrapStringChild","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAQvD,MAAMI,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAC3B,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACF,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/D,IAAAN,WAAA,CAAAU,GAAA,EAACX,gBAAA,CAAAa,eAAe;MAACL,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDL,GAAG,CAACY,WAAW,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_WrapStringChild","_jsxRuntime","Box","exports","forwardRef","style","className","children","textProps","restProps","ref","jsx","View","WrapStringChild","displayName"],"sourceRoot":"../../../../src","sources":["components/Box/Box.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAA8D,IAAAG,WAAA,GAAAH,OAAA;AAQ9D;AACO,MAAMI,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAG,IAAAE,iBAAU,EAC3B,CAAC;EAAEC,KAAK;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAU,CAAC,EAAEC,GAAuB,KAAK;EACpF,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACF,GAAG,EAAEA,GAAI;IAACL,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKG,SAAS;IAAAF,QAAA,eAC/D,IAAAN,WAAA,CAAAU,GAAA,EAACX,gBAAA,CAAAa,eAAe;MAACL,SAAS,EAAEA,SAAU;MAAAD,QAAA,EAAEA;IAAQ,CAAkB;EAAC,CAC/D,CAAC;AAEX,CACF,CAAC;AAEDL,GAAG,CAACY,WAAW,GAAG,KAAK","ignoreList":[]}

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

@@ -8,6 +8,7 @@ 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 SCOPE = 'BUTTON';
@@ -26,9 +27,10 @@ const ButtonPrimitive = (0, _primitives.createButton)({
 // =============================================================================
 
 const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
-  variant = 'solid',
-  color = 'primary',
-  size = 'md',
+  variant = 'strong',
+  color = 'action',
+  size = 'default',
+  mode = 'light',
   fullWidth = false,
   className,
   children,
@@ -39,6 +41,7 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
     variant,
     color,
     size,
+    mode,
     fullWidth
   }), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive, {
@@ -49,6 +52,7 @@ const ButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
       variant,
       color,
       size,
+      mode,
       fullWidth
     },
     ...props,
@@ -70,12 +74,14 @@ const ButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     variant,
     color,
-    size
+    size,
+    mode
   } = useButtonStyleContext();
   const computedClassName = (0, _utils.cn)((0, _styles.buttonTextVariants)({
     variant,
     color,
-    size
+    size,
+    mode
   }), className);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Text, {
     ref: ref,
@@ -110,18 +116,25 @@ const ButtonGroup = /*#__PURE__*/(0, _react.forwardRef)(({
   });
 });
 ButtonGroup.displayName = 'Button.Group';
-const ButtonIcon = /*#__PURE__*/(0, _react.forwardRef)(({
+const ButtonIcon = ({
   className,
   style,
+  as,
   ...props
-}, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Icon, {
-    ref: ref,
-    className: className,
+}) => {
+  const {
+    size
+  } = useButtonStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.buttonIconVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+    as: as,
+    className: computedClassName,
     style: style,
     ...props
   });
-});
+};
 ButtonIcon.displayName = 'Button.Icon';
 const ButtonSpinner = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
@@ -131,11 +144,13 @@ const ButtonSpinner = /*#__PURE__*/(0, _react.forwardRef)(({
 }, ref) => {
   const {
     variant,
-    color
+    color,
+    mode
   } = useButtonStyleContext();
   const computedColorClassName = (0, _utils.cn)((0, _styles.buttonSpinnerVariants)({
     variant,
-    color
+    color,
+    mode
   }), colorClassName);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonPrimitive.Spinner, {
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","ButtonRoot","forwardRef","variant","color","size","fullWidth","className","children","style","props","ref","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","Pressable","useButtonStyleContext","useStyleContext","ButtonPrimitive","createButton","Text","Group","View","Spinner","ActivityIndicator","Icon","ButtonRoot","forwardRef","variant","color","size","mode","fullWidth","className","children","style","props","ref","computedClassName","cn","buttonRootVariants","jsx","context","displayName","ButtonLabel","buttonTextVariants","ButtonGroup","flexDirection","isAttached","groupClassName","buttonGroupVariants","ButtonIcon","as","buttonIconVariants","ButtonSpinner","colorClassName","computedColorClassName","buttonSpinnerVariants","Button","exports","Object","assign","Label"],"sourceRoot":"../../../../src","sources":["components/Button/index.tsx"],"mappings":"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","ignoreList":[]}