xyne-components 0.1.0 → 0.1.2

package/dist/chunk-HAG5EYQ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-HAG5EYQ5.cjs","../src/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,6xBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AA0FV,+CAAA;AAlDR,IAAM,qBAAA,kBAAuB,IAAI,GAAA,CAAI,CAAC,QAAA,EAAU,OAAA,EAAS,QAAA,EAAU,UAAA,EAAY,UAAU,CAAC,CAAA;AAEnF,IAAM,SAAA,EAA8B,eAAA,CAAM,UAAA,CAAW,SAAS,aAAA,CACnE;AAAA,EACE,KAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA,EAAU,IAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,KAAA,oDAAQ,KAAA,2BAAO,MAAA,UAAQ,WAAA,UAAa,UAAA;AAC1C,EAAA,MAAM,IAAA,mCAAO,KAAA,6BAAO,KAAA,UAAO,QAAA;AAC3B,EAAA,MAAM,QAAA,mCAAW,KAAA,6BAAO,SAAA,UAAW,QAAA;AACnC,EAAA,MAAM,SAAA,mCAAY,KAAA,6BAAO,UAAA,UAAY,QAAA;AACrC,EAAA,MAAM,KAAA,mCAAQ,KAAA,6BAAO,MAAA,UAAQ,QAAA;AAE7B,EAAA,MAAM,SAAA,EAAW,yCAAA,EAAY,CAAA;AAE7B,EAAA,MAAM,sBAAA,EAAwB,OAAO,KAAA,IAAS,SAAA,GAAY,oBAAA,CAAqB,GAAA,CAAI,IAAI,CAAA;AAEvF,EAAA,MAAM,UAAA,EACJ,KAAA,IAAS,SAAA,EACL,EAAE,IAAA,EAAM,QAAA,EAAmB,mBAAG,SAAA,6BAAW,OAAK,EAAA,kBAC9C,SAAA,6BAAW,MAAA;AAEjB,EAAA,uBACE,8BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,CAAA,YAAA,EAAe,UAAA,EAAY,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA;AACL,MAAA;AACnB,MAAA;AACJ,MAAA;AACI,MAAA;AACyB,MAAA;AAEnD,MAAA;AACC,QAAA;AAAC,UAAA;AAAA,UAAA;AACgB,YAAA;AACL,YAAA;AACE,YAAA;AAAA,UAAA;AACd,QAAA;AAIA,QAAA;AAAC,UAAA;AAAA,UAAA;AACgB,YAAA;AACL,YAAA;AACE,YAAA;AAEX,YAAA;AAAA,UAAA;AACH,QAAA;AAGyB,wBAAA;AACT,0BAAA;AAEb,UAAA;AAEL,QAAA;AAGE,QAAA;AAAC,UAAA;AAAA,UAAA;AACgB,YAAA;AACL,YAAA;AACE,YAAA;AAEX,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEH;AAEqD;AD7CI;AACA;AACA;AACA","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-HAG5EYQ5.cjs","sourcesContent":[null,"import React from 'react'\nimport type { PolymorphicComponentPropsWithRef, SxProp } from '../utils'\nimport { resolveSx } from '../utils'\n\nexport type ListItemSlots = {\n  root?: React.ElementType\n  bar?: React.ElementType\n  leading?: React.ElementType\n  trailing?: React.ElementType\n  text?: React.ElementType\n}\n\nexport type ListItemSlotProps = {\n  root?: React.HTMLAttributes<HTMLElement>\n  bar?: React.HTMLAttributes<HTMLSpanElement>\n  leading?: React.HTMLAttributes<HTMLSpanElement>\n  trailing?: React.HTMLAttributes<HTMLSpanElement>\n  text?: React.HTMLAttributes<HTMLSpanElement>\n}\n\ntype ListItemOwnProps = {\n  label?: string\n  subtext?: string\n  selected?: boolean\n  active?: boolean\n  showBar?: boolean\n  leading?: React.ReactNode\n  trailing?: React.ReactNode\n  slots?: ListItemSlots\n  slotProps?: ListItemSlotProps\n  sx?: SxProp\n}\n\nexport type ListItemProps<C extends React.ElementType = 'button'> =\n  PolymorphicComponentPropsWithRef<C, ListItemOwnProps>\n\ntype ListItemComponent = <C extends React.ElementType = 'button'>(\n  props: ListItemProps<C>,\n) => React.ReactElement | null\n\nconst NATIVELY_DISABLEABLE = new Set(['button', 'input', 'select', 'textarea', 'fieldset'])\n\nexport const ListItem: ListItemComponent = React.forwardRef(function ListItemInner(\n  {\n    label,\n    subtext,\n    selected,\n    active,\n    showBar = true,\n    leading,\n    trailing,\n    slots,\n    slotProps,\n    sx,\n    disabled,\n    className,\n    style,\n    component,\n    ...rest\n  }: ListItemProps<React.ElementType>,\n  ref: React.Ref<Element>,\n) {\n  const Root = (slots?.root ?? component ?? 'button') as React.ElementType\n  const Bar = (slots?.bar ?? 'span') as React.ElementType\n  const Leading = (slots?.leading ?? 'span') as React.ElementType\n  const Trailing = (slots?.trailing ?? 'span') as React.ElementType\n  const Text = (slots?.text ?? 'span') as React.ElementType\n\n  const sxStyles = resolveSx(sx)\n\n  const isNativelyDisableable = typeof Root === 'string' && NATIVELY_DISABLEABLE.has(Root)\n\n  const rootProps =\n    Root === 'button'\n      ? { type: 'button' as const, ...slotProps?.root }\n      : slotProps?.root\n\n  return (\n    <Root\n      ref={ref}\n      {...rootProps}\n      {...rest}\n      className={`xc-list-item${className ? ` ${className}` : ''}`}\n      {...(isNativelyDisableable ? { disabled } : { 'aria-disabled': disabled || undefined })}\n      data-selected={selected || undefined}\n      data-active={active || undefined}\n      data-disabled={disabled || undefined}\n      style={{ ...slotProps?.root?.style, ...sxStyles, ...style }}\n    >\n      {showBar && (\n        <Bar\n          {...slotProps?.bar}\n          className=\"xc-list-item__bar\"\n          aria-hidden=\"true\"\n        />\n      )}\n\n      {leading != null && (\n        <Leading\n          {...slotProps?.leading}\n          className=\"xc-list-item__leading\"\n          aria-hidden=\"true\"\n        >\n          {leading}\n        </Leading>\n      )}\n\n      <Text {...slotProps?.text} className=\"xc-list-item__text\">\n        <span className=\"xc-list-item__label\">{label}</span>\n        {subtext != null && (\n          <span className=\"xc-list-item__subtext\">{subtext}</span>\n        )}\n      </Text>\n\n      {trailing != null && (\n        <Trailing\n          {...slotProps?.trailing}\n          className=\"xc-list-item__trailing\"\n          aria-hidden=\"true\"\n        >\n          {trailing}\n        </Trailing>\n      )}\n    </Root>\n  )\n}) as unknown as ListItemComponent\n\n;(ListItem as { displayName?: string }).displayName = 'ListItem'\n"]}

package/dist/chunk-JKYZDOSJ.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkSRXGVBJ5cjs = require('./chunk-SRXGVBJ5.cjs');
+
+// src/Badge/Badge.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Badge = _react2.default.forwardRef(
+  function BadgeInner({
+    children,
+    variant = "badge",
+    icon,
+    slots,
+    slotProps,
+    sx,
+    className,
+    style,
+    component,
+    ...rest
+  }, ref) {
+    const Root = _nullishCoalesce(_nullishCoalesce(_optionalChain([slots, 'optionalAccess', _ => _.root]), () => ( component)), () => ( "span"));
+    const Icon = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _2 => _2.icon]), () => ( "span"));
+    const sxStyles = _chunkSRXGVBJ5cjs.resolveSx.call(void 0, sx);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      Root,
+      {
+        ref,
+        ..._optionalChain([slotProps, 'optionalAccess', _3 => _3.root]),
+        ...rest,
+        className: `xc-badge${className ? ` ${className}` : ""}`,
+        "data-variant": variant,
+        style: { ..._optionalChain([slotProps, 'optionalAccess', _4 => _4.root, 'optionalAccess', _5 => _5.style]), ...sxStyles, ...style },
+        children: [
+          variant === "badge" && icon != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Icon,
+            {
+              ..._optionalChain([slotProps, 'optionalAccess', _6 => _6.icon]),
+              className: "xc-badge__icon",
+              "aria-hidden": "true",
+              children: icon
+            }
+          ),
+          variant === "badge" && children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+
+
+exports.Badge = Badge;
+//# sourceMappingURL=chunk-JKYZDOSJ.cjs.map

package/dist/chunk-JKYZDOSJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-JKYZDOSJ.cjs","../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,6xBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAoDZ,+CAAA;AArBC,IAAM,MAAA,EAAwB,eAAA,CAAM,UAAA;AAAA,EAAW,SAAS,UAAA,CAC7D;AAAA,IACE,QAAA;AAAA,IACA,QAAA,EAAU,OAAA;AAAA,IACV,IAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EACA;AACE,IAAA,MAAM,KAAA,oDAAQ,KAAA,2BAAO,MAAA,UAAQ,WAAA,UAAa,QAAA;AAC1C,IAAA,MAAM,KAAA,mCAAQ,KAAA,6BAAO,MAAA,UAAQ,QAAA;AAE7B,IAAA,MAAM,SAAA,EAAW,yCAAA,EAAY,CAAA;AAE7B,IAAA,uBACE,8BAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,mBAAG,SAAA,6BAAW,MAAA;AAAA,QACd,GAAG,IAAA;AAAA,QACJ,SAAA,EAAW,CAAA,QAAA,EAAW,UAAA,EAAY,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA;AACjC,QAAA;AACyB,QAAA;AAEtC,QAAA;AACC,UAAA;AAAC,YAAA;AAAA,YAAA;AACgB,cAAA;AACL,cAAA;AACE,cAAA;AAEX,cAAA;AAAA,YAAA;AACH,UAAA;AAEsB,UAAA;AAAA,QAAA;AAAA,MAAA;AAC1B,IAAA;AAEJ,EAAA;AACF;AAEmD;ADzBK;AACA;AACA;AACA","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-JKYZDOSJ.cjs","sourcesContent":[null,"import React from 'react'\nimport type { PolymorphicComponentPropsWithRef, SxProp } from '../utils'\nimport { resolveSx } from '../utils'\n\nexport type BadgeVariant = 'badge' | 'dot'\n\nexport type BadgeSlots = {\n  root?: React.ElementType\n  icon?: React.ElementType\n}\n\nexport type BadgeSlotProps = {\n  root?: React.HTMLAttributes<HTMLElement>\n  icon?: React.HTMLAttributes<HTMLSpanElement>\n}\n\ntype BadgeOwnProps = {\n  variant?: BadgeVariant\n  icon?: React.ReactNode\n  slots?: BadgeSlots\n  slotProps?: BadgeSlotProps\n  sx?: SxProp\n}\n\nexport type BadgeProps<C extends React.ElementType = 'span'> =\n  PolymorphicComponentPropsWithRef<C, BadgeOwnProps>\n\ntype BadgeComponent = <C extends React.ElementType = 'span'>(\n  props: BadgeProps<C>,\n) => React.ReactElement | null\n\nexport const Badge: BadgeComponent = React.forwardRef(function BadgeInner(\n  {\n    children,\n    variant = 'badge',\n    icon,\n    slots,\n    slotProps,\n    sx,\n    className,\n    style,\n    component,\n    ...rest\n  }: BadgeProps<React.ElementType>,\n  ref: React.Ref<Element>,\n) {\n    const Root = (slots?.root ?? component ?? 'span') as React.ElementType\n    const Icon = (slots?.icon ?? 'span') as React.ElementType\n\n    const sxStyles = resolveSx(sx)\n\n    return (\n      <Root\n        ref={ref}\n        {...slotProps?.root}\n        {...rest}\n        className={`xc-badge${className ? ` ${className}` : ''}`}\n        data-variant={variant}\n        style={{ ...slotProps?.root?.style, ...sxStyles, ...style }}\n      >\n        {variant === 'badge' && icon != null && (\n          <Icon\n            {...slotProps?.icon}\n            className=\"xc-badge__icon\"\n            aria-hidden=\"true\"\n          >\n            {icon}\n          </Icon>\n        )}\n        {variant === 'badge' && children}\n      </Root>\n    )\n  },\n) as unknown as BadgeComponent\n\n;(Badge as { displayName?: string }).displayName = 'Badge'\n"]}

package/dist/chunk-RVNFEWBE.js

@@ -0,0 +1,87 @@
+"use client";
+import {
+  resolveSx
+} from "./chunk-ZS6WGFYT.js";
+
+// src/ListItem/ListItem.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NATIVELY_DISABLEABLE = /* @__PURE__ */ new Set(["button", "input", "select", "textarea", "fieldset"]);
+var ListItem = React.forwardRef(function ListItemInner({
+  label,
+  subtext,
+  selected,
+  active,
+  showBar = true,
+  leading,
+  trailing,
+  slots,
+  slotProps,
+  sx,
+  disabled,
+  className,
+  style,
+  component,
+  ...rest
+}, ref) {
+  const Root = slots?.root ?? component ?? "button";
+  const Bar = slots?.bar ?? "span";
+  const Leading = slots?.leading ?? "span";
+  const Trailing = slots?.trailing ?? "span";
+  const Text = slots?.text ?? "span";
+  const sxStyles = resolveSx(sx);
+  const isNativelyDisableable = typeof Root === "string" && NATIVELY_DISABLEABLE.has(Root);
+  const rootProps = Root === "button" ? { type: "button", ...slotProps?.root } : slotProps?.root;
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      ref,
+      ...rootProps,
+      ...rest,
+      className: `xc-list-item${className ? ` ${className}` : ""}`,
+      ...isNativelyDisableable ? { disabled } : { "aria-disabled": disabled || void 0 },
+      "data-selected": selected || void 0,
+      "data-active": active || void 0,
+      "data-disabled": disabled || void 0,
+      style: { ...slotProps?.root?.style, ...sxStyles, ...style },
+      children: [
+        showBar && /* @__PURE__ */ jsx(
+          Bar,
+          {
+            ...slotProps?.bar,
+            className: "xc-list-item__bar",
+            "aria-hidden": "true"
+          }
+        ),
+        leading != null && /* @__PURE__ */ jsx(
+          Leading,
+          {
+            ...slotProps?.leading,
+            className: "xc-list-item__leading",
+            "aria-hidden": "true",
+            children: leading
+          }
+        ),
+        /* @__PURE__ */ jsxs(Text, { ...slotProps?.text, className: "xc-list-item__text", children: [
+          /* @__PURE__ */ jsx("span", { className: "xc-list-item__label", children: label }),
+          subtext != null && /* @__PURE__ */ jsx("span", { className: "xc-list-item__subtext", children: subtext })
+        ] }),
+        trailing != null && /* @__PURE__ */ jsx(
+          Trailing,
+          {
+            ...slotProps?.trailing,
+            className: "xc-list-item__trailing",
+            "aria-hidden": "true",
+            children: trailing
+          }
+        )
+      ]
+    }
+  );
+});
+ListItem.displayName = "ListItem";
+
+export {
+  ListItem
+};
+//# sourceMappingURL=chunk-RVNFEWBE.js.map

package/dist/chunk-RVNFEWBE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ListItem/ListItem.tsx"],"sourcesContent":["import React from 'react'\nimport type { PolymorphicComponentPropsWithRef, SxProp } from '../utils'\nimport { resolveSx } from '../utils'\n\nexport type ListItemSlots = {\n  root?: React.ElementType\n  bar?: React.ElementType\n  leading?: React.ElementType\n  trailing?: React.ElementType\n  text?: React.ElementType\n}\n\nexport type ListItemSlotProps = {\n  root?: React.HTMLAttributes<HTMLElement>\n  bar?: React.HTMLAttributes<HTMLSpanElement>\n  leading?: React.HTMLAttributes<HTMLSpanElement>\n  trailing?: React.HTMLAttributes<HTMLSpanElement>\n  text?: React.HTMLAttributes<HTMLSpanElement>\n}\n\ntype ListItemOwnProps = {\n  label?: string\n  subtext?: string\n  selected?: boolean\n  active?: boolean\n  showBar?: boolean\n  leading?: React.ReactNode\n  trailing?: React.ReactNode\n  slots?: ListItemSlots\n  slotProps?: ListItemSlotProps\n  sx?: SxProp\n}\n\nexport type ListItemProps<C extends React.ElementType = 'button'> =\n  PolymorphicComponentPropsWithRef<C, ListItemOwnProps>\n\ntype ListItemComponent = <C extends React.ElementType = 'button'>(\n  props: ListItemProps<C>,\n) => React.ReactElement | null\n\nconst NATIVELY_DISABLEABLE = new Set(['button', 'input', 'select', 'textarea', 'fieldset'])\n\nexport const ListItem: ListItemComponent = React.forwardRef(function ListItemInner(\n  {\n    label,\n    subtext,\n    selected,\n    active,\n    showBar = true,\n    leading,\n    trailing,\n    slots,\n    slotProps,\n    sx,\n    disabled,\n    className,\n    style,\n    component,\n    ...rest\n  }: ListItemProps<React.ElementType>,\n  ref: React.Ref<Element>,\n) {\n  const Root = (slots?.root ?? component ?? 'button') as React.ElementType\n  const Bar = (slots?.bar ?? 'span') as React.ElementType\n  const Leading = (slots?.leading ?? 'span') as React.ElementType\n  const Trailing = (slots?.trailing ?? 'span') as React.ElementType\n  const Text = (slots?.text ?? 'span') as React.ElementType\n\n  const sxStyles = resolveSx(sx)\n\n  const isNativelyDisableable = typeof Root === 'string' && NATIVELY_DISABLEABLE.has(Root)\n\n  const rootProps =\n    Root === 'button'\n      ? { type: 'button' as const, ...slotProps?.root }\n      : slotProps?.root\n\n  return (\n    <Root\n      ref={ref}\n      {...rootProps}\n      {...rest}\n      className={`xc-list-item${className ? ` ${className}` : ''}`}\n      {...(isNativelyDisableable ? { disabled } : { 'aria-disabled': disabled || undefined })}\n      data-selected={selected || undefined}\n      data-active={active || undefined}\n      data-disabled={disabled || undefined}\n      style={{ ...slotProps?.root?.style, ...sxStyles, ...style }}\n    >\n      {showBar && (\n        <Bar\n          {...slotProps?.bar}\n          className=\"xc-list-item__bar\"\n          aria-hidden=\"true\"\n        />\n      )}\n\n      {leading != null && (\n        <Leading\n          {...slotProps?.leading}\n          className=\"xc-list-item__leading\"\n          aria-hidden=\"true\"\n        >\n          {leading}\n        </Leading>\n      )}\n\n      <Text {...slotProps?.text} className=\"xc-list-item__text\">\n        <span className=\"xc-list-item__label\">{label}</span>\n        {subtext != null && (\n          <span className=\"xc-list-item__subtext\">{subtext}</span>\n        )}\n      </Text>\n\n      {trailing != null && (\n        <Trailing\n          {...slotProps?.trailing}\n          className=\"xc-list-item__trailing\"\n          aria-hidden=\"true\"\n        >\n          {trailing}\n        </Trailing>\n      )}\n    </Root>\n  )\n}) as unknown as ListItemComponent\n\n;(ListItem as { displayName?: string }).displayName = 'ListItem'\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AA0FV,cAiBF,YAjBE;AAlDR,IAAM,uBAAuB,oBAAI,IAAI,CAAC,UAAU,SAAS,UAAU,YAAY,UAAU,CAAC;AAEnF,IAAM,WAA8B,MAAM,WAAW,SAAS,cACnE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAQ,OAAO,QAAQ,aAAa;AAC1C,QAAM,MAAO,OAAO,OAAO;AAC3B,QAAM,UAAW,OAAO,WAAW;AACnC,QAAM,WAAY,OAAO,YAAY;AACrC,QAAM,OAAQ,OAAO,QAAQ;AAE7B,QAAM,WAAW,UAAU,EAAE;AAE7B,QAAM,wBAAwB,OAAO,SAAS,YAAY,qBAAqB,IAAI,IAAI;AAEvF,QAAM,YACJ,SAAS,WACL,EAAE,MAAM,UAAmB,GAAG,WAAW,KAAK,IAC9C,WAAW;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,WAAW,eAAe,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,MACzD,GAAI,wBAAwB,EAAE,SAAS,IAAI,EAAE,iBAAiB,YAAY,OAAU;AAAA,MACrF,iBAAe,YAAY;AAAA,MAC3B,eAAa,UAAU;AAAA,MACvB,iBAAe,YAAY;AAAA,MAC3B,OAAO,EAAE,GAAG,WAAW,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM;AAAA,MAEzD;AAAA,mBACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,WAAW;AAAA,YACf,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA,QAGD,WAAW,QACV;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,WAAW;AAAA,YACf,WAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAGF,qBAAC,QAAM,GAAG,WAAW,MAAM,WAAU,sBACnC;AAAA,8BAAC,UAAK,WAAU,uBAAuB,iBAAM;AAAA,UAC5C,WAAW,QACV,oBAAC,UAAK,WAAU,yBAAyB,mBAAQ;AAAA,WAErD;AAAA,QAEC,YAAY,QACX;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,WAAW;AAAA,YACf,WAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAEC,SAAsC,cAAc;","names":[]}

package/dist/chunk-RXHOBQUJ.cjs

@@ -0,0 +1,65 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+
+
+var _chunkSRXGVBJ5cjs = require('./chunk-SRXGVBJ5.cjs');
+
+// src/Label/Label.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Label = _react2.default.forwardRef(function LabelInner({
+  children,
+  variant = "closed",
+  leading,
+  trailing,
+  slots,
+  slotProps,
+  sx,
+  className,
+  style,
+  component,
+  ...rest
+}, ref) {
+  const Root = _nullishCoalesce(_nullishCoalesce(_optionalChain([slots, 'optionalAccess', _ => _.root]), () => ( component)), () => ( "button"));
+  const Leading = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _2 => _2.leading]), () => ( "span"));
+  const Trailing = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _3 => _3.trailing]), () => ( "span"));
+  const sxStyles = _chunkSRXGVBJ5cjs.resolveSx.call(void 0, sx);
+  const rootProps = Root === "button" ? { type: "button", ..._optionalChain([slotProps, 'optionalAccess', _4 => _4.root]) } : _optionalChain([slotProps, 'optionalAccess', _5 => _5.root]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Root,
+    {
+      ref,
+      ...rootProps,
+      ...rest,
+      className: `xc-label${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      style: { ..._optionalChain([slotProps, 'optionalAccess', _6 => _6.root, 'optionalAccess', _7 => _7.style]), ...sxStyles, ...style },
+      children: [
+        leading != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Leading,
+          {
+            ..._optionalChain([slotProps, 'optionalAccess', _8 => _8.leading]),
+            className: "xc-label__leading",
+            "aria-hidden": "true",
+            children: leading
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "xc-label__text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "xc-label__content", children }) }),
+        trailing != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Trailing,
+          {
+            ..._optionalChain([slotProps, 'optionalAccess', _9 => _9.trailing]),
+            className: "xc-label__trailing",
+            "aria-hidden": "true",
+            children: trailing
+          }
+        )
+      ]
+    }
+  );
+});
+Label.displayName = "Label";
+
+
+
+exports.Label = Label;
+//# sourceMappingURL=chunk-RXHOBQUJ.cjs.map

package/dist/chunk-RXHOBQUJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-RXHOBQUJ.cjs","../src/Label/Label.tsx"],"names":[],"mappings":"AAAA,6xBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AA6Dd,+CAAA;AA1BG,IAAM,MAAA,EAAwB,eAAA,CAAM,UAAA,CAAW,SAAS,UAAA,CAC7D;AAAA,EACE,QAAA;AAAA,EACA,QAAA,EAAU,QAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,EAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,KAAA,oDAAQ,KAAA,2BAAO,MAAA,UAAQ,WAAA,UAAa,UAAA;AAC1C,EAAA,MAAM,QAAA,mCAAW,KAAA,6BAAO,SAAA,UAAW,QAAA;AACnC,EAAA,MAAM,SAAA,mCAAY,KAAA,6BAAO,UAAA,UAAY,QAAA;AAErC,EAAA,MAAM,SAAA,EAAW,yCAAA,EAAY,CAAA;AAE7B,EAAA,MAAM,UAAA,EACJ,KAAA,IAAS,SAAA,EAAW,EAAE,IAAA,EAAM,QAAA,EAAmB,mBAAG,SAAA,6BAAW,OAAK,EAAA,kBAAI,SAAA,6BAAW,MAAA;AAEnF,EAAA,uBACE,8BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,SAAA;AAAA,MACH,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,CAAA,QAAA,EAAW,UAAA,EAAY,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA;AACjC,MAAA;AACyB,MAAA;AAEtC,MAAA;AACC,QAAA;AAAC,UAAA;AAAA,UAAA;AACgB,YAAA;AACL,YAAA;AACE,YAAA;AAEX,YAAA;AAAA,UAAA;AACH,QAAA;AAGc,wBAAA;AAKd,QAAA;AAAC,UAAA;AAAA,UAAA;AACgB,YAAA;AACL,YAAA;AACE,YAAA;AAEX,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEH;AAEkD;ADpCG;AACA;AACA;AACA","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-RXHOBQUJ.cjs","sourcesContent":[null,"import React from 'react'\nimport type { PolymorphicComponentPropsWithRef, SxProp } from '../utils'\nimport { resolveSx } from '../utils'\n\nexport type LabelVariant = 'opened' | 'closed'\n\nexport type LabelSlots = {\n  root?: React.ElementType\n  leading?: React.ElementType\n  trailing?: React.ElementType\n}\n\nexport type LabelSlotProps = {\n  root?: React.HTMLAttributes<HTMLElement>\n  leading?: React.HTMLAttributes<HTMLSpanElement>\n  trailing?: React.HTMLAttributes<HTMLSpanElement>\n}\n\ntype LabelOwnProps = {\n  children?: React.ReactNode\n  variant?: LabelVariant\n  leading?: React.ReactNode\n  trailing?: React.ReactNode\n  slots?: LabelSlots\n  slotProps?: LabelSlotProps\n  sx?: SxProp\n}\n\nexport type LabelProps<C extends React.ElementType = 'button'> =\n  PolymorphicComponentPropsWithRef<C, LabelOwnProps>\n\ntype LabelComponent = <C extends React.ElementType = 'button'>(\n  props: LabelProps<C>,\n) => React.ReactElement | null\n\nexport const Label: LabelComponent = React.forwardRef(function LabelInner(\n  {\n    children,\n    variant = 'closed',\n    leading,\n    trailing,\n    slots,\n    slotProps,\n    sx,\n    className,\n    style,\n    component,\n    ...rest\n  }: LabelProps<React.ElementType>,\n  ref: React.Ref<Element>,\n) {\n  const Root = (slots?.root ?? component ?? 'button') as React.ElementType\n  const Leading = (slots?.leading ?? 'span') as React.ElementType\n  const Trailing = (slots?.trailing ?? 'span') as React.ElementType\n\n  const sxStyles = resolveSx(sx)\n\n  const rootProps =\n    Root === 'button' ? { type: 'button' as const, ...slotProps?.root } : slotProps?.root\n\n  return (\n    <Root\n      ref={ref}\n      {...rootProps}\n      {...rest}\n      className={`xc-label${className ? ` ${className}` : ''}`}\n      data-variant={variant}\n      style={{ ...slotProps?.root?.style, ...sxStyles, ...style }}\n    >\n      {leading != null && (\n        <Leading\n          {...slotProps?.leading}\n          className=\"xc-label__leading\"\n          aria-hidden=\"true\"\n        >\n          {leading}\n        </Leading>\n      )}\n\n      <span className=\"xc-label__text\">\n        <span className=\"xc-label__content\">{children}</span>\n      </span>\n\n      {trailing != null && (\n        <Trailing\n          {...slotProps?.trailing}\n          className=\"xc-label__trailing\"\n          aria-hidden=\"true\"\n        >\n          {trailing}\n        </Trailing>\n      )}\n    </Root>\n  )\n}) as unknown as LabelComponent\n\n;(Label as { displayName?: string }).displayName = 'Label'\n"]}

package/dist/chunk-SEFQF2DQ.js

@@ -0,0 +1,91 @@
+"use client";
+import {
+  resolveSx
+} from "./chunk-ZS6WGFYT.js";
+
+// src/Directory/Directory.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Directory = React.forwardRef(function DirectoryInner({
+  label,
+  variant = "closed",
+  leading,
+  trailing,
+  onHeaderClick,
+  children,
+  slots,
+  slotProps,
+  sx,
+  className,
+  style,
+  component,
+  ...rest
+}, ref) {
+  const Root = slots?.root ?? component ?? "div";
+  const Header = slots?.header ?? "button";
+  const Leading = slots?.leading ?? "span";
+  const Trailing = slots?.trailing ?? "span";
+  const Content = slots?.content ?? "div";
+  const sxStyles = resolveSx(sx);
+  const headerProps = Header === "button" ? { type: "button", ...slotProps?.header } : slotProps?.header;
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      ref,
+      ...slotProps?.root,
+      ...rest,
+      className: `xc-directory${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      style: { ...slotProps?.root?.style, ...sxStyles, ...style },
+      children: [
+        /* @__PURE__ */ jsxs(
+          Header,
+          {
+            ...headerProps,
+            className: "xc-directory__header",
+            "aria-expanded": variant === "opened",
+            onClick: (e) => {
+              slotProps?.header?.onClick?.(e);
+              onHeaderClick?.(e);
+            },
+            children: [
+              leading != null && /* @__PURE__ */ jsx(
+                Leading,
+                {
+                  ...slotProps?.leading,
+                  className: "xc-directory__leading",
+                  "aria-hidden": "true",
+                  children: leading
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "xc-directory__text", children: /* @__PURE__ */ jsx("span", { className: "xc-directory__label", children: label }) }),
+              trailing != null && /* @__PURE__ */ jsx(
+                Trailing,
+                {
+                  ...slotProps?.trailing,
+                  className: "xc-directory__trailing",
+                  "aria-hidden": "true",
+                  children: trailing
+                }
+              )
+            ]
+          }
+        ),
+        variant === "opened" && children != null && /* @__PURE__ */ jsx(
+          Content,
+          {
+            ...slotProps?.content,
+            className: "xc-directory__content",
+            children
+          }
+        )
+      ]
+    }
+  );
+});
+Directory.displayName = "Directory";
+
+export {
+  Directory
+};
+//# sourceMappingURL=chunk-SEFQF2DQ.js.map

package/dist/chunk-SEFQF2DQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Directory/Directory.tsx"],"sourcesContent":["import React from 'react'\nimport type { PolymorphicComponentPropsWithRef, SxProp } from '../utils'\nimport { resolveSx } from '../utils'\n\nexport type DirectoryVariant = 'opened' | 'closed'\n\nexport type DirectorySlots = {\n  root?: React.ElementType\n  header?: React.ElementType\n  leading?: React.ElementType\n  trailing?: React.ElementType\n  content?: React.ElementType\n}\n\nexport type DirectorySlotProps = {\n  root?: React.HTMLAttributes<HTMLElement>\n  header?: React.ButtonHTMLAttributes<HTMLButtonElement>\n  leading?: React.HTMLAttributes<HTMLSpanElement>\n  trailing?: React.HTMLAttributes<HTMLSpanElement>\n  content?: React.HTMLAttributes<HTMLDivElement>\n}\n\ntype DirectoryOwnProps = {\n  label?: string\n  variant?: DirectoryVariant\n  leading?: React.ReactNode\n  trailing?: React.ReactNode\n  onHeaderClick?: React.MouseEventHandler<HTMLButtonElement>\n  children?: React.ReactNode\n  slots?: DirectorySlots\n  slotProps?: DirectorySlotProps\n  sx?: SxProp\n}\n\nexport type DirectoryProps<C extends React.ElementType = 'div'> =\n  PolymorphicComponentPropsWithRef<C, DirectoryOwnProps>\n\ntype DirectoryComponent = <C extends React.ElementType = 'div'>(\n  props: DirectoryProps<C>,\n) => React.ReactElement | null\n\nexport const Directory: DirectoryComponent = React.forwardRef(function DirectoryInner(\n  {\n    label,\n    variant = 'closed',\n    leading,\n    trailing,\n    onHeaderClick,\n    children,\n    slots,\n    slotProps,\n    sx,\n    className,\n    style,\n    component,\n    ...rest\n  }: DirectoryProps<React.ElementType>,\n  ref: React.Ref<Element>,\n) {\n  const Root = (slots?.root ?? component ?? 'div') as React.ElementType\n  const Header = (slots?.header ?? 'button') as React.ElementType\n  const Leading = (slots?.leading ?? 'span') as React.ElementType\n  const Trailing = (slots?.trailing ?? 'span') as React.ElementType\n  const Content = (slots?.content ?? 'div') as React.ElementType\n\n  const sxStyles = resolveSx(sx)\n\n  const headerProps =\n    Header === 'button'\n      ? { type: 'button' as const, ...slotProps?.header }\n      : slotProps?.header\n\n  return (\n    <Root\n      ref={ref}\n      {...slotProps?.root}\n      {...rest}\n      className={`xc-directory${className ? ` ${className}` : ''}`}\n      data-variant={variant}\n      style={{ ...slotProps?.root?.style, ...sxStyles, ...style }}\n    >\n      <Header\n        {...headerProps}\n        className=\"xc-directory__header\"\n        aria-expanded={variant === 'opened'}\n        onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n          slotProps?.header?.onClick?.(e)\n          onHeaderClick?.(e)\n        }}\n      >\n        {leading != null && (\n          <Leading\n            {...slotProps?.leading}\n            className=\"xc-directory__leading\"\n            aria-hidden=\"true\"\n          >\n            {leading}\n          </Leading>\n        )}\n\n        <span className=\"xc-directory__text\">\n          <span className=\"xc-directory__label\">{label}</span>\n        </span>\n\n        {trailing != null && (\n          <Trailing\n            {...slotProps?.trailing}\n            className=\"xc-directory__trailing\"\n            aria-hidden=\"true\"\n          >\n            {trailing}\n          </Trailing>\n        )}\n      </Header>\n\n      {variant === 'opened' && children != null && (\n        <Content\n          {...slotProps?.content}\n          className=\"xc-directory__content\"\n        >\n          {children}\n        </Content>\n      )}\n    </Root>\n  )\n}) as unknown as DirectoryComponent\n\n;(Directory as { displayName?: string }).displayName = 'Directory'\n"],"mappings":";;;;;;AAAA,OAAO,WAAW;AAiFZ,SAUI,KAVJ;AAxCC,IAAM,YAAgC,MAAM,WAAW,SAAS,eACrE;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAQ,OAAO,QAAQ,aAAa;AAC1C,QAAM,SAAU,OAAO,UAAU;AACjC,QAAM,UAAW,OAAO,WAAW;AACnC,QAAM,WAAY,OAAO,YAAY;AACrC,QAAM,UAAW,OAAO,WAAW;AAEnC,QAAM,WAAW,UAAU,EAAE;AAE7B,QAAM,cACJ,WAAW,WACP,EAAE,MAAM,UAAmB,GAAG,WAAW,OAAO,IAChD,WAAW;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,WAAW;AAAA,MACd,GAAG;AAAA,MACJ,WAAW,eAAe,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,MAC1D,gBAAc;AAAA,MACd,OAAO,EAAE,GAAG,WAAW,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM;AAAA,MAE1D;AAAA;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,WAAU;AAAA,YACV,iBAAe,YAAY;AAAA,YAC3B,SAAS,CAAC,MAA2C;AACnD,yBAAW,QAAQ,UAAU,CAAC;AAC9B,8BAAgB,CAAC;AAAA,YACnB;AAAA,YAEC;AAAA,yBAAW,QACV;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,WAAW;AAAA,kBACf,WAAU;AAAA,kBACV,eAAY;AAAA,kBAEX;AAAA;AAAA,cACH;AAAA,cAGF,oBAAC,UAAK,WAAU,sBACd,8BAAC,UAAK,WAAU,uBAAuB,iBAAM,GAC/C;AAAA,cAEC,YAAY,QACX;AAAA,gBAAC;AAAA;AAAA,kBACE,GAAG,WAAW;AAAA,kBACf,WAAU;AAAA,kBACV,eAAY;AAAA,kBAEX;AAAA;AAAA,cACH;AAAA;AAAA;AAAA,QAEJ;AAAA,QAEC,YAAY,YAAY,YAAY,QACnC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,WAAW;AAAA,YACf,WAAU;AAAA,YAET;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AAEC,UAAuC,cAAc;","names":[]}

package/dist/chunk-SRXGVBJ5.cjs

@@ -0,0 +1,133 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/utils/sx.ts
+var SPACE_SCALE = {
+  0: "0px",
+  1: "2px",
+  2: "4px",
+  3: "6px",
+  4: "8px",
+  5: "10px",
+  6: "12px",
+  7: "14px",
+  8: "16px",
+  9: "18px",
+  10: "20px",
+  11: "22px",
+  12: "24px",
+  13: "26px",
+  14: "28px",
+  15: "30px",
+  16: "32px"
+};
+function resolveSpacing(val) {
+  if (val == null) return void 0;
+  if (typeof val === "number") {
+    return SPACE_SCALE[val] !== void 0 ? SPACE_SCALE[val] : `${val * 4}px`;
+  }
+  return val;
+}
+function resolveSx(sx) {
+  if (!sx) return {};
+  const css = {};
+  const sp = resolveSpacing;
+  if (sx.m != null) css.margin = sp(sx.m);
+  if (sx.mt != null) css.marginTop = sp(sx.mt);
+  if (sx.mr != null) css.marginRight = sp(sx.mr);
+  if (sx.mb != null) css.marginBottom = sp(sx.mb);
+  if (sx.ml != null) css.marginLeft = sp(sx.ml);
+  if (sx.mx != null) {
+    css.marginLeft = sp(sx.mx);
+    css.marginRight = sp(sx.mx);
+  }
+  if (sx.my != null) {
+    css.marginTop = sp(sx.my);
+    css.marginBottom = sp(sx.my);
+  }
+  if (sx.p != null) css.padding = sp(sx.p);
+  if (sx.pt != null) css.paddingTop = sp(sx.pt);
+  if (sx.pr != null) css.paddingRight = sp(sx.pr);
+  if (sx.pb != null) css.paddingBottom = sp(sx.pb);
+  if (sx.pl != null) css.paddingLeft = sp(sx.pl);
+  if (sx.px != null) {
+    css.paddingLeft = sp(sx.px);
+    css.paddingRight = sp(sx.px);
+  }
+  if (sx.py != null) {
+    css.paddingTop = sp(sx.py);
+    css.paddingBottom = sp(sx.py);
+  }
+  if (sx.gap != null) css.gap = sp(sx.gap);
+  if (sx.rowGap != null) css.rowGap = sp(sx.rowGap);
+  if (sx.columnGap != null) css.columnGap = sp(sx.columnGap);
+  if (sx.width != null) css.width = sp(sx.width);
+  if (sx.height != null) css.height = sp(sx.height);
+  if (sx.minWidth != null) css.minWidth = sp(sx.minWidth);
+  if (sx.maxWidth != null) css.maxWidth = sp(sx.maxWidth);
+  if (sx.minHeight != null) css.minHeight = sp(sx.minHeight);
+  if (sx.maxHeight != null) css.maxHeight = sp(sx.maxHeight);
+  if (sx.top != null) css.top = sp(sx.top);
+  if (sx.right != null) css.right = sp(sx.right);
+  if (sx.bottom != null) css.bottom = sp(sx.bottom);
+  if (sx.left != null) css.left = sp(sx.left);
+  if (sx.fontSize != null) css.fontSize = sp(sx.fontSize);
+  if (sx.letterSpacing != null) css.letterSpacing = sp(sx.letterSpacing);
+  if (sx.borderRadius != null) css.borderRadius = sp(sx.borderRadius);
+  if (sx.borderWidth != null) css.borderWidth = sp(sx.borderWidth);
+  const passthrough = [
+    "display",
+    "flexDirection",
+    "flexWrap",
+    "flex",
+    "flexShrink",
+    "flexGrow",
+    "alignItems",
+    "alignSelf",
+    "justifyContent",
+    "justifySelf",
+    "position",
+    "zIndex",
+    "overflow",
+    "overflowX",
+    "overflowY",
+    "color",
+    "backgroundColor",
+    "background",
+    "opacity",
+    "visibility",
+    "fontWeight",
+    "lineHeight",
+    "fontFamily",
+    "textAlign",
+    "textDecoration",
+    "textTransform",
+    "whiteSpace",
+    "aspectRatio",
+    "border",
+    "borderTop",
+    "borderRight",
+    "borderBottom",
+    "borderLeft",
+    "borderColor",
+    "boxShadow",
+    "outline",
+    "cursor",
+    "pointerEvents",
+    "userSelect",
+    "transition",
+    "transform"
+  ];
+  for (const key of passthrough) {
+    const val = sx[key];
+    if (val != null) {
+      ;
+      css[key] = val;
+    }
+  }
+  return css;
+}
+
+
+
+exports.resolveSx = resolveSx;
+//# sourceMappingURL=chunk-SRXGVBJ5.cjs.map

package/dist/chunk-SRXGVBJ5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-SRXGVBJ5.cjs","../src/utils/sx.ts"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACA;ACAA,IAAM,YAAA,EAAsC;AAAA,EAC1C,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,KAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,CAAA,EAAG,MAAA;AAAA,EACH,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAiFA,SAAS,cAAA,CAAe,GAAA,EAAkC;AACxD,EAAA,GAAA,CAAI,IAAA,GAAO,IAAA,EAAM,OAAO,KAAA,CAAA;AACxB,EAAA,GAAA,CAAI,OAAO,IAAA,IAAQ,QAAA,EAAU;AAC3B,IAAA,OAAO,WAAA,CAAY,GAAG,EAAA,IAAM,KAAA,EAAA,EAAY,WAAA,CAAY,GAAG,EAAA,EAAI,CAAA,EAAA;AAC7D,EAAA;AACO,EAAA;AACT;AAEsD;AACnC,EAAA;AAEW,EAAA;AAEjB,EAAA;AAE2B,EAAA;AACK,EAAA;AACE,EAAA;AACC,EAAA;AACF,EAAA;AACzB,EAAA;AAA2B,IAAA;AAA6B,IAAA;AAAE,EAAA;AAC1D,EAAA;AAA0B,IAAA;AAA8B,IAAA;AAAE,EAAA;AAEtC,EAAA;AACK,EAAA;AACE,EAAA;AACC,EAAA;AACF,EAAA;AAC1B,EAAA;AAA4B,IAAA;AAA8B,IAAA;AAAE,EAAA;AAC5D,EAAA;AAA2B,IAAA;AAA+B,IAAA;AAAE,EAAA;AAExC,EAAA;AACS,EAAA;AACS,EAAA;AACZ,EAAA;AACG,EAAA;AACM,EAAA;AACA,EAAA;AACG,EAAA;AACA,EAAA;AAElB,EAAA;AACM,EAAA;AACG,EAAA;AACN,EAAA;AAEY,EAAA;AACE,EAAA;AACF,EAAA;AACF,EAAA;AAEX,EAAA;AACvC,IAAA;AAAW,IAAA;AAAiB,IAAA;AAAY,IAAA;AAAQ,IAAA;AAAc,IAAA;AAC9D,IAAA;AAAc,IAAA;AAAa,IAAA;AAAkB,IAAA;AAC7C,IAAA;AAAY,IAAA;AAAU,IAAA;AAAY,IAAA;AAAa,IAAA;AAC/C,IAAA;AAAS,IAAA;AAAmB,IAAA;AAAc,IAAA;AAAW,IAAA;AACrD,IAAA;AAAc,IAAA;AAAc,IAAA;AAAc,IAAA;AAAa,IAAA;AACvD,IAAA;AAAiB,IAAA;AACjB,IAAA;AACA,IAAA;AAAU,IAAA;AAAa,IAAA;AAAe,IAAA;AAAgB,IAAA;AACtD,IAAA;AAAe,IAAA;AAAa,IAAA;AAC5B,IAAA;AAAU,IAAA;AAAiB,IAAA;AAAc,IAAA;AAAc,IAAA;AACzD,EAAA;AAE+B,EAAA;AACX,IAAA;AACD,IAAA;AACf,MAAA;AAAyC,MAAA;AAC3C,IAAA;AACF,EAAA;AAEO,EAAA;AACT;AD7C6D;AACA;AACA;AACA","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-SRXGVBJ5.cjs","sourcesContent":[null,"import type { CSSProperties } from 'react'\n\nconst SPACE_SCALE: Record<number, string> = {\n  0: '0px',\n  1: '2px',\n  2: '4px',\n  3: '6px',\n  4: '8px',\n  5: '10px',\n  6: '12px',\n  7: '14px',\n  8: '16px',\n  9: '18px',\n  10: '20px',\n  11: '22px',\n  12: '24px',\n  13: '26px',\n  14: '28px',\n  15: '30px',\n  16: '32px',\n}\n\ntype SxValue = string | number | null | undefined\n\nexport type SxProp = {\n  m?: SxValue\n  mt?: SxValue\n  mr?: SxValue\n  mb?: SxValue\n  ml?: SxValue\n  mx?: SxValue\n  my?: SxValue\n  p?: SxValue\n  pt?: SxValue\n  pr?: SxValue\n  pb?: SxValue\n  pl?: SxValue\n  px?: SxValue\n  py?: SxValue\n  gap?: SxValue\n  rowGap?: SxValue\n  columnGap?: SxValue\n  width?: SxValue\n  height?: SxValue\n  minWidth?: SxValue\n  maxWidth?: SxValue\n  minHeight?: SxValue\n  maxHeight?: SxValue\n  display?: CSSProperties['display']\n  flexDirection?: CSSProperties['flexDirection']\n  flexWrap?: CSSProperties['flexWrap']\n  flex?: CSSProperties['flex']\n  flexShrink?: CSSProperties['flexShrink']\n  flexGrow?: CSSProperties['flexGrow']\n  alignItems?: CSSProperties['alignItems']\n  alignSelf?: CSSProperties['alignSelf']\n  justifyContent?: CSSProperties['justifyContent']\n  justifySelf?: CSSProperties['justifySelf']\n  position?: CSSProperties['position']\n  top?: SxValue\n  right?: SxValue\n  bottom?: SxValue\n  left?: SxValue\n  zIndex?: CSSProperties['zIndex']\n  overflow?: CSSProperties['overflow']\n  overflowX?: CSSProperties['overflowX']\n  overflowY?: CSSProperties['overflowY']\n  color?: string\n  backgroundColor?: string\n  background?: string\n  opacity?: number\n  visibility?: CSSProperties['visibility']\n  fontSize?: SxValue\n  /** CSS font-weight — pass a number (400, 500, 700) or string ('bold'). NOT scaled. */\n  fontWeight?: CSSProperties['fontWeight']\n  /** CSS line-height — pass a number (1.5), px string ('20px'), or unitless ('1'). NOT scaled. */\n  lineHeight?: CSSProperties['lineHeight']\n  fontFamily?: string\n  textAlign?: CSSProperties['textAlign']\n  textDecoration?: CSSProperties['textDecoration']\n  textTransform?: CSSProperties['textTransform']\n  whiteSpace?: CSSProperties['whiteSpace']\n  letterSpacing?: SxValue\n  aspectRatio?: CSSProperties['aspectRatio']\n  border?: string\n  borderTop?: string\n  borderRight?: string\n  borderBottom?: string\n  borderLeft?: string\n  borderColor?: string\n  borderRadius?: SxValue\n  borderWidth?: SxValue\n  boxShadow?: string\n  outline?: string\n  cursor?: CSSProperties['cursor']\n  pointerEvents?: CSSProperties['pointerEvents']\n  userSelect?: CSSProperties['userSelect']\n  transition?: string\n  transform?: string\n}\n\nfunction resolveSpacing(val: SxValue): string | undefined {\n  if (val == null) return undefined\n  if (typeof val === 'number') {\n    return SPACE_SCALE[val] !== undefined ? SPACE_SCALE[val] : `${val * 4}px`\n  }\n  return val\n}\n\nexport function resolveSx(sx?: SxProp): CSSProperties {\n  if (!sx) return {}\n\n  const css: CSSProperties = {}\n\n  const sp = resolveSpacing\n\n  if (sx.m != null) css.margin = sp(sx.m)\n  if (sx.mt != null) css.marginTop = sp(sx.mt)\n  if (sx.mr != null) css.marginRight = sp(sx.mr)\n  if (sx.mb != null) css.marginBottom = sp(sx.mb)\n  if (sx.ml != null) css.marginLeft = sp(sx.ml)\n  if (sx.mx != null) { css.marginLeft = sp(sx.mx); css.marginRight = sp(sx.mx) }\n  if (sx.my != null) { css.marginTop = sp(sx.my); css.marginBottom = sp(sx.my) }\n\n  if (sx.p != null) css.padding = sp(sx.p)\n  if (sx.pt != null) css.paddingTop = sp(sx.pt)\n  if (sx.pr != null) css.paddingRight = sp(sx.pr)\n  if (sx.pb != null) css.paddingBottom = sp(sx.pb)\n  if (sx.pl != null) css.paddingLeft = sp(sx.pl)\n  if (sx.px != null) { css.paddingLeft = sp(sx.px); css.paddingRight = sp(sx.px) }\n  if (sx.py != null) { css.paddingTop = sp(sx.py); css.paddingBottom = sp(sx.py) }\n\n  if (sx.gap != null) css.gap = sp(sx.gap)\n  if (sx.rowGap != null) css.rowGap = sp(sx.rowGap)\n  if (sx.columnGap != null) css.columnGap = sp(sx.columnGap)\n  if (sx.width != null) css.width = sp(sx.width)\n  if (sx.height != null) css.height = sp(sx.height)\n  if (sx.minWidth != null) css.minWidth = sp(sx.minWidth)\n  if (sx.maxWidth != null) css.maxWidth = sp(sx.maxWidth)\n  if (sx.minHeight != null) css.minHeight = sp(sx.minHeight)\n  if (sx.maxHeight != null) css.maxHeight = sp(sx.maxHeight)\n\n  if (sx.top != null) css.top = sp(sx.top)\n  if (sx.right != null) css.right = sp(sx.right)\n  if (sx.bottom != null) css.bottom = sp(sx.bottom)\n  if (sx.left != null) css.left = sp(sx.left)\n\n  if (sx.fontSize != null) css.fontSize = sp(sx.fontSize)\n  if (sx.letterSpacing != null) css.letterSpacing = sp(sx.letterSpacing)\n  if (sx.borderRadius != null) css.borderRadius = sp(sx.borderRadius)\n  if (sx.borderWidth != null) css.borderWidth = sp(sx.borderWidth)\n\n  const passthrough: Array<keyof SxProp> = [\n    'display', 'flexDirection', 'flexWrap', 'flex', 'flexShrink', 'flexGrow',\n    'alignItems', 'alignSelf', 'justifyContent', 'justifySelf',\n    'position', 'zIndex', 'overflow', 'overflowX', 'overflowY',\n    'color', 'backgroundColor', 'background', 'opacity', 'visibility',\n    'fontWeight', 'lineHeight', 'fontFamily', 'textAlign', 'textDecoration',\n    'textTransform', 'whiteSpace',\n    'aspectRatio',\n    'border', 'borderTop', 'borderRight', 'borderBottom', 'borderLeft',\n    'borderColor', 'boxShadow', 'outline',\n    'cursor', 'pointerEvents', 'userSelect', 'transition', 'transform',\n  ]\n\n  for (const key of passthrough) {\n    const val = sx[key]\n    if (val != null) {\n      ;(css as Record<string, unknown>)[key] = val\n    }\n  }\n\n  return css\n}\n"]}