xyne-components 0.1.0 → 0.1.2

package/dist/chunk-WUV742E6.cjs

@@ -0,0 +1,173 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/theme/defaultTheme.ts
+var DEFAULT_THEME = {
+  colors: {
+    orange: {
+      "50": "#fff7ed",
+      "100": "#ffedd4",
+      "200": "#ffd6a8",
+      "300": "#ffb86a",
+      "400": "#ff8904",
+      "500": "#fe6d36",
+      "600": "#ea580c",
+      "700": "#c2410c"
+    },
+    gray: {
+      "25": "#f6f8fa",
+      "50": "#f9fafb",
+      "100": "#f2f4f7",
+      "200": "#e4e7ec",
+      "300": "#d0d5dd",
+      "400": "#98a2b3",
+      "500": "#667085",
+      "600": "#475467",
+      "700": "#344054",
+      "800": "#1d2939",
+      "900": "#101828"
+    },
+    red: {
+      "50": "#fef3f2",
+      "500": "#f04438",
+      "600": "#d92d20",
+      "700": "#b42318"
+    },
+    green: {
+      "50": "#ecfdf3",
+      "500": "#12b76a",
+      "600": "#039855",
+      "700": "#027a48"
+    },
+    yellow: {
+      "50": "#fffaeb",
+      "500": "#f79009",
+      "600": "#dc6803",
+      "700": "#b54708"
+    },
+    blue: {
+      "50": "#eff8ff",
+      "500": "#2e90fa",
+      "600": "#1570ef",
+      "700": "#175cd3"
+    },
+    purple: {
+      "50": "#f9f5ff",
+      "500": "#9e77ed",
+      "600": "#7f56d9",
+      "700": "#6941c6"
+    },
+    teal: {
+      "50": "#f0fdf9",
+      "500": "#15b79e",
+      "600": "#0e9384",
+      "700": "#107569"
+    }
+  },
+  text: {
+    primary: "#101828",
+    secondary: "#475467",
+    tertiary: "#667085",
+    disabled: "#c9d0db",
+    brand: "#e8601a",
+    inverse: "#f1f5f9",
+    error: "#d92d20",
+    success: "#039855",
+    warning: "#b54708"
+  },
+  bg: {
+    white: "#ffffff",
+    subtle: "#f9fafb",
+    surfaceHover: "#f1f5f9",
+    brand: "#fff4ee",
+    error: "#fef3f2",
+    success: "#ecfdf3",
+    warning: "#fffaeb",
+    neutral: "#f9fafb",
+    purple: "#f9f5ff",
+    blue: "#eff8ff",
+    teal: "#f0fdf9"
+  },
+  border: {
+    default: "#d6dce6",
+    subtle: "#f1f5f9",
+    strong: "#98a2b3",
+    brand: "#fe6d36",
+    error: "#fda29b"
+  },
+  shadow: {
+    xs: "0 1px 2px 0 rgba(16, 24, 40, 0.05)",
+    sm: "0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1)",
+    md: "0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1)",
+    pressed: "inset 0 0 4px 0 rgba(0, 0, 0, 0.15)"
+  },
+  radius: {
+    xs: "2px",
+    sm: "4px",
+    md: "8px",
+    lg: "12px",
+    xl: "16px",
+    full: "9999px"
+  },
+  spacing: {
+    "0": "0px",
+    "1": "2px",
+    "2": "4px",
+    "3": "6px",
+    "4": "8px",
+    "5": "10px",
+    "6": "12px",
+    "7": "14px",
+    "8": "16px",
+    "9": "18px",
+    "10": "20px",
+    "12": "24px",
+    "16": "32px"
+  },
+  fontFamily: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+  fontWeight: {
+    regular: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  fontSize: {
+    "2xs": "10px",
+    xs: "11px",
+    sm: "12px",
+    md: "14px",
+    lg: "16px",
+    xl: "18px"
+  },
+  lineHeight: {
+    "2xs": "14px",
+    xs: "16px",
+    sm: "18px",
+    md: "20px",
+    lg: "24px",
+    xl: "28px"
+  },
+  other: {},
+  components: {}
+};
+
+// src/theme/ThemeContext.ts
+var _react = require('react');
+var ThemeContext = _react.createContext.call(void 0, DEFAULT_THEME);
+
+// src/theme/ColorSchemeContext.ts
+
+var ColorSchemeContext = _react.createContext.call(void 0, {
+  colorScheme: "light",
+  resolvedColorScheme: "light",
+  setColorScheme: () => {
+  },
+  toggleColorScheme: () => {
+  }
+});
+
+
+
+
+
+exports.DEFAULT_THEME = DEFAULT_THEME; exports.ThemeContext = ThemeContext; exports.ColorSchemeContext = ColorSchemeContext;
+//# sourceMappingURL=chunk-WUV742E6.cjs.map

package/dist/chunk-WUV742E6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-WUV742E6.cjs","../src/theme/defaultTheme.ts","../src/theme/ThemeContext.ts","../src/theme/ColorSchemeContext.ts"],"names":["createContext"],"mappings":"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","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-WUV742E6.cjs","sourcesContent":[null,"import type { XyneTheme } from './types'\n\n/**\n * Default theme — values match tokens.css (light mode).\n * Used as the base for createTheme() deep-merge.\n */\nexport const DEFAULT_THEME: XyneTheme = {\n  colors: {\n    orange: {\n      '50': '#fff7ed',\n      '100': '#ffedd4',\n      '200': '#ffd6a8',\n      '300': '#ffb86a',\n      '400': '#ff8904',\n      '500': '#fe6d36',\n      '600': '#ea580c',\n      '700': '#c2410c',\n    },\n    gray: {\n      '25': '#f6f8fa',\n      '50': '#f9fafb',\n      '100': '#f2f4f7',\n      '200': '#e4e7ec',\n      '300': '#d0d5dd',\n      '400': '#98a2b3',\n      '500': '#667085',\n      '600': '#475467',\n      '700': '#344054',\n      '800': '#1d2939',\n      '900': '#101828',\n    },\n    red: {\n      '50': '#fef3f2',\n      '500': '#f04438',\n      '600': '#d92d20',\n      '700': '#b42318',\n    },\n    green: {\n      '50': '#ecfdf3',\n      '500': '#12b76a',\n      '600': '#039855',\n      '700': '#027a48',\n    },\n    yellow: {\n      '50': '#fffaeb',\n      '500': '#f79009',\n      '600': '#dc6803',\n      '700': '#b54708',\n    },\n    blue: {\n      '50': '#eff8ff',\n      '500': '#2e90fa',\n      '600': '#1570ef',\n      '700': '#175cd3',\n    },\n    purple: {\n      '50': '#f9f5ff',\n      '500': '#9e77ed',\n      '600': '#7f56d9',\n      '700': '#6941c6',\n    },\n    teal: {\n      '50': '#f0fdf9',\n      '500': '#15b79e',\n      '600': '#0e9384',\n      '700': '#107569',\n    },\n  },\n\n  text: {\n    primary: '#101828',\n    secondary: '#475467',\n    tertiary: '#667085',\n    disabled: '#c9d0db',\n    brand: '#e8601a',\n    inverse: '#f1f5f9',\n    error: '#d92d20',\n    success: '#039855',\n    warning: '#b54708',\n  },\n\n  bg: {\n    white: '#ffffff',\n    subtle: '#f9fafb',\n    surfaceHover: '#f1f5f9',\n    brand: '#fff4ee',\n    error: '#fef3f2',\n    success: '#ecfdf3',\n    warning: '#fffaeb',\n    neutral: '#f9fafb',\n    purple: '#f9f5ff',\n    blue: '#eff8ff',\n    teal: '#f0fdf9',\n  },\n\n  border: {\n    default: '#d6dce6',\n    subtle: '#f1f5f9',\n    strong: '#98a2b3',\n    brand: '#fe6d36',\n    error: '#fda29b',\n  },\n\n  shadow: {\n    xs: '0 1px 2px 0 rgba(16, 24, 40, 0.05)',\n    sm: '0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px -1px rgba(16, 24, 40, 0.1)',\n    md: '0 4px 6px -1px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.1)',\n    pressed: 'inset 0 0 4px 0 rgba(0, 0, 0, 0.15)',\n  },\n\n  radius: {\n    xs: '2px',\n    sm: '4px',\n    md: '8px',\n    lg: '12px',\n    xl: '16px',\n    full: '9999px',\n  },\n\n  spacing: {\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    '12': '24px',\n    '16': '32px',\n  },\n\n  fontFamily: \"Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif\",\n\n  fontWeight: {\n    regular: '400',\n    medium: '500',\n    semibold: '600',\n    bold: '700',\n  },\n\n  fontSize: {\n    '2xs': '10px',\n    xs: '11px',\n    sm: '12px',\n    md: '14px',\n    lg: '16px',\n    xl: '18px',\n  },\n\n  lineHeight: {\n    '2xs': '14px',\n    xs: '16px',\n    sm: '18px',\n    md: '20px',\n    lg: '24px',\n    xl: '28px',\n  },\n\n  other: {},\n  components: {},\n}\n","import { createContext } from 'react'\nimport type { XyneTheme } from './types'\nimport { DEFAULT_THEME } from './defaultTheme'\n\nexport const ThemeContext = createContext<XyneTheme>(DEFAULT_THEME)\n","import { createContext } from 'react'\nimport type { ColorSchemeContextValue } from './colorScheme.types'\n\n/** Default (no-op) context — consumers outside a provider get static 'light'. */\nexport const ColorSchemeContext = createContext<ColorSchemeContextValue>({\n  colorScheme: 'light',\n  resolvedColorScheme: 'light',\n  setColorScheme: () => {},\n  toggleColorScheme: () => {},\n})\n"]}

package/dist/chunk-XF7A3MNW.cjs

@@ -0,0 +1,91 @@
+"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/Directory/Directory.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var Directory = _react2.default.forwardRef(function DirectoryInner({
+  label,
+  variant = "closed",
+  leading,
+  trailing,
+  onHeaderClick,
+  children,
+  slots,
+  slotProps,
+  sx,
+  className,
+  style,
+  component,
+  ...rest
+}, ref) {
+  const Root = _nullishCoalesce(_nullishCoalesce(_optionalChain([slots, 'optionalAccess', _ => _.root]), () => ( component)), () => ( "div"));
+  const Header = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _2 => _2.header]), () => ( "button"));
+  const Leading = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _3 => _3.leading]), () => ( "span"));
+  const Trailing = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _4 => _4.trailing]), () => ( "span"));
+  const Content = _nullishCoalesce(_optionalChain([slots, 'optionalAccess', _5 => _5.content]), () => ( "div"));
+  const sxStyles = _chunkSRXGVBJ5cjs.resolveSx.call(void 0, sx);
+  const headerProps = Header === "button" ? { type: "button", ..._optionalChain([slotProps, 'optionalAccess', _6 => _6.header]) } : _optionalChain([slotProps, 'optionalAccess', _7 => _7.header]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Root,
+    {
+      ref,
+      ..._optionalChain([slotProps, 'optionalAccess', _8 => _8.root]),
+      ...rest,
+      className: `xc-directory${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      style: { ..._optionalChain([slotProps, 'optionalAccess', _9 => _9.root, 'optionalAccess', _10 => _10.style]), ...sxStyles, ...style },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          Header,
+          {
+            ...headerProps,
+            className: "xc-directory__header",
+            "aria-expanded": variant === "opened",
+            onClick: (e) => {
+              _optionalChain([slotProps, 'optionalAccess', _11 => _11.header, 'optionalAccess', _12 => _12.onClick, 'optionalCall', _13 => _13(e)]);
+              _optionalChain([onHeaderClick, 'optionalCall', _14 => _14(e)]);
+            },
+            children: [
+              leading != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                Leading,
+                {
+                  ..._optionalChain([slotProps, 'optionalAccess', _15 => _15.leading]),
+                  className: "xc-directory__leading",
+                  "aria-hidden": "true",
+                  children: leading
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "xc-directory__text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "xc-directory__label", children: label }) }),
+              trailing != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                Trailing,
+                {
+                  ..._optionalChain([slotProps, 'optionalAccess', _16 => _16.trailing]),
+                  className: "xc-directory__trailing",
+                  "aria-hidden": "true",
+                  children: trailing
+                }
+              )
+            ]
+          }
+        ),
+        variant === "opened" && children != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          Content,
+          {
+            ..._optionalChain([slotProps, 'optionalAccess', _17 => _17.content]),
+            className: "xc-directory__content",
+            children
+          }
+        )
+      ]
+    }
+  );
+});
+Directory.displayName = "Directory";
+
+
+
+exports.Directory = Directory;
+//# sourceMappingURL=chunk-XF7A3MNW.cjs.map

package/dist/chunk-XF7A3MNW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-XF7A3MNW.cjs","../src/Directory/Directory.tsx"],"names":[],"mappings":"AAAA,6xBAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,4EAAkB;AAiFZ,+CAAA;AAxCC,IAAM,UAAA,EAAgC,eAAA,CAAM,UAAA,CAAW,SAAS,cAAA,CACrE;AAAA,EACE,KAAA;AAAA,EACA,QAAA,EAAU,QAAA;AAAA,EACV,OAAA;AAAA,EACA,QAAA;AAAA,EACA,aAAA;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,OAAA;AAC1C,EAAA,MAAM,OAAA,mCAAU,KAAA,6BAAO,QAAA,UAAU,UAAA;AACjC,EAAA,MAAM,QAAA,mCAAW,KAAA,6BAAO,SAAA,UAAW,QAAA;AACnC,EAAA,MAAM,SAAA,mCAAY,KAAA,6BAAO,UAAA,UAAY,QAAA;AACrC,EAAA,MAAM,QAAA,mCAAW,KAAA,6BAAO,SAAA,UAAW,OAAA;AAEnC,EAAA,MAAM,SAAA,EAAW,yCAAA,EAAY,CAAA;AAE7B,EAAA,MAAM,YAAA,EACJ,OAAA,IAAW,SAAA,EACP,EAAE,IAAA,EAAM,QAAA,EAAmB,mBAAG,SAAA,6BAAW,SAAO,EAAA,kBAChD,SAAA,6BAAW,QAAA;AAEjB,EAAA,uBACE,8BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,mBAAG,SAAA,6BAAW,MAAA;AAAA,MACd,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,CAAA,YAAA,EAAe,UAAA,EAAY,CAAA,CAAA,EAAI,SAAS,CAAA,EAAA;AACrC,MAAA;AACsC,MAAA;AAEpD,MAAA;AAAA,wBAAA;AAAC,UAAA;AAAA,UAAA;AACK,YAAA;AACM,YAAA;AACiB,YAAA;AAC0B,YAAA;AACrB,8BAAA;AACb,8BAAA;AACnB,YAAA;AAEC,YAAA;AACC,cAAA;AAAC,gBAAA;AAAA,gBAAA;AACgB,kBAAA;AACL,kBAAA;AACE,kBAAA;AAEX,kBAAA;AAAA,gBAAA;AACH,cAAA;AAGc,8BAAA;AAKd,cAAA;AAAC,gBAAA;AAAA,gBAAA;AACgB,kBAAA;AACL,kBAAA;AACE,kBAAA;AAEX,kBAAA;AAAA,gBAAA;AACH,cAAA;AAAA,YAAA;AAAA,UAAA;AAEJ,QAAA;AAGE,QAAA;AAAC,UAAA;AAAA,UAAA;AACgB,YAAA;AACL,YAAA;AAET,YAAA;AAAA,UAAA;AACH,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEH;AAEsD;ADzCG;AACA;AACA;AACA","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/chunk-XF7A3MNW.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-ZJ3XTUYJ.js

@@ -0,0 +1,65 @@
+"use client";
+import {
+  resolveSx
+} from "./chunk-ZS6WGFYT.js";
+
+// src/Label/Label.tsx
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Label = React.forwardRef(function LabelInner({
+  children,
+  variant = "closed",
+  leading,
+  trailing,
+  slots,
+  slotProps,
+  sx,
+  className,
+  style,
+  component,
+  ...rest
+}, ref) {
+  const Root = slots?.root ?? component ?? "button";
+  const Leading = slots?.leading ?? "span";
+  const Trailing = slots?.trailing ?? "span";
+  const sxStyles = resolveSx(sx);
+  const rootProps = Root === "button" ? { type: "button", ...slotProps?.root } : slotProps?.root;
+  return /* @__PURE__ */ jsxs(
+    Root,
+    {
+      ref,
+      ...rootProps,
+      ...rest,
+      className: `xc-label${className ? ` ${className}` : ""}`,
+      "data-variant": variant,
+      style: { ...slotProps?.root?.style, ...sxStyles, ...style },
+      children: [
+        leading != null && /* @__PURE__ */ jsx(
+          Leading,
+          {
+            ...slotProps?.leading,
+            className: "xc-label__leading",
+            "aria-hidden": "true",
+            children: leading
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "xc-label__text", children: /* @__PURE__ */ jsx("span", { className: "xc-label__content", children }) }),
+        trailing != null && /* @__PURE__ */ jsx(
+          Trailing,
+          {
+            ...slotProps?.trailing,
+            className: "xc-label__trailing",
+            "aria-hidden": "true",
+            children: trailing
+          }
+        )
+      ]
+    }
+  );
+});
+Label.displayName = "Label";
+
+export {
+  Label
+};
+//# sourceMappingURL=chunk-ZJ3XTUYJ.js.map

package/dist/chunk-ZJ3XTUYJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Label/Label.tsx"],"sourcesContent":["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"],"mappings":";;;;;;AAAA,OAAO,WAAW;AA6Dd,SASI,KATJ;AA1BG,IAAM,QAAwB,MAAM,WAAW,SAAS,WAC7D;AAAA,EACE;AAAA,EACA,UAAU;AAAA,EACV;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,UAAW,OAAO,WAAW;AACnC,QAAM,WAAY,OAAO,YAAY;AAErC,QAAM,WAAW,UAAU,EAAE;AAE7B,QAAM,YACJ,SAAS,WAAW,EAAE,MAAM,UAAmB,GAAG,WAAW,KAAK,IAAI,WAAW;AAEnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,WAAW,WAAW,YAAY,IAAI,SAAS,KAAK,EAAE;AAAA,MACtD,gBAAc;AAAA,MACd,OAAO,EAAE,GAAG,WAAW,MAAM,OAAO,GAAG,UAAU,GAAG,MAAM;AAAA,MAEzD;AAAA,mBAAW,QACV;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,WAAW;AAAA,YACf,WAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAGF,oBAAC,UAAK,WAAU,kBACd,8BAAC,UAAK,WAAU,qBAAqB,UAAS,GAChD;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,MAAmC,cAAc;","names":[]}

package/dist/chunk-ZS6WGFYT.js

@@ -0,0 +1,133 @@
+"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;
+}
+
+export {
+  resolveSx
+};
+//# sourceMappingURL=chunk-ZS6WGFYT.js.map

package/dist/chunk-ZS6WGFYT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/sx.ts"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/colorScheme.types-CqDRrNL0.d.cts

@@ -0,0 +1,54 @@
+import { CSSProperties } from 'react';
+
+/** Per-component theme configuration */
+interface XyneComponentTheme {
+    defaultProps?: Record<string, unknown>;
+    classNames?: Record<string, string>;
+    styles?: Record<string, CSSProperties>;
+}
+/** Full resolved theme object */
+interface XyneTheme {
+    /** Color scales — e.g. { orange: { '500': '#fe6d36' }, gray: { '900': '#101828' } } */
+    colors: Record<string, Record<string, string>>;
+    /** Semantic text colors — maps to --xc-color-text-{key} */
+    text: Record<string, string>;
+    /** Background colors — maps to --xc-color-bg-{key} */
+    bg: Record<string, string>;
+    /** Border colors — maps to --xc-color-border-{key} */
+    border: Record<string, string>;
+    /** Box shadows — maps to --xc-shadow-{key} */
+    shadow: Record<string, string>;
+    /** Border radius scale — maps to --xc-radius-{key} */
+    radius: Record<string, string>;
+    /** Spacing scale — maps to --xc-space-{key} */
+    spacing: Record<string, string>;
+    /** Default font family — maps to --xc-font-family */
+    fontFamily: string;
+    /** Font weight scale — maps to --xc-font-weight-{key} */
+    fontWeight: Record<string, string>;
+    /** Font size scale — maps to --xc-font-size-{key} */
+    fontSize: Record<string, string>;
+    /** Line height scale — maps to --xc-line-height-{key} */
+    lineHeight: Record<string, string>;
+    /** Arbitrary user-defined values, accessible via useTheme() */
+    other: Record<string, unknown>;
+    /** Per-component default props, classNames, and styles */
+    components: Record<string, XyneComponentTheme>;
+}
+/** Partial theme override — passed to createTheme() and ThemeProvider */
+type XyneThemeOverride = Partial<XyneTheme>;
+
+type ColorScheme = 'light' | 'dark' | 'auto';
+type ResolvedColorScheme = 'light' | 'dark';
+interface ColorSchemeContextValue {
+    /** Current color scheme preference ('light' | 'dark' | 'auto') */
+    colorScheme: ColorScheme;
+    /** Resolved value — always 'light' or 'dark' (resolves 'auto' via OS preference) */
+    resolvedColorScheme: ResolvedColorScheme;
+    /** Set the color scheme preference */
+    setColorScheme: (scheme: ColorScheme) => void;
+    /** Toggle between light and dark (based on resolved value) */
+    toggleColorScheme: () => void;
+}
+
+export type { ColorScheme as C, ResolvedColorScheme as R, XyneComponentTheme as X, ColorSchemeContextValue as a, XyneTheme as b, XyneThemeOverride as c };

package/dist/colorScheme.types-CqDRrNL0.d.ts

@@ -0,0 +1,54 @@
+import { CSSProperties } from 'react';
+
+/** Per-component theme configuration */
+interface XyneComponentTheme {
+    defaultProps?: Record<string, unknown>;
+    classNames?: Record<string, string>;
+    styles?: Record<string, CSSProperties>;
+}
+/** Full resolved theme object */
+interface XyneTheme {
+    /** Color scales — e.g. { orange: { '500': '#fe6d36' }, gray: { '900': '#101828' } } */
+    colors: Record<string, Record<string, string>>;
+    /** Semantic text colors — maps to --xc-color-text-{key} */
+    text: Record<string, string>;
+    /** Background colors — maps to --xc-color-bg-{key} */
+    bg: Record<string, string>;
+    /** Border colors — maps to --xc-color-border-{key} */
+    border: Record<string, string>;
+    /** Box shadows — maps to --xc-shadow-{key} */
+    shadow: Record<string, string>;
+    /** Border radius scale — maps to --xc-radius-{key} */
+    radius: Record<string, string>;
+    /** Spacing scale — maps to --xc-space-{key} */
+    spacing: Record<string, string>;
+    /** Default font family — maps to --xc-font-family */
+    fontFamily: string;
+    /** Font weight scale — maps to --xc-font-weight-{key} */
+    fontWeight: Record<string, string>;
+    /** Font size scale — maps to --xc-font-size-{key} */
+    fontSize: Record<string, string>;
+    /** Line height scale — maps to --xc-line-height-{key} */
+    lineHeight: Record<string, string>;
+    /** Arbitrary user-defined values, accessible via useTheme() */
+    other: Record<string, unknown>;
+    /** Per-component default props, classNames, and styles */
+    components: Record<string, XyneComponentTheme>;
+}
+/** Partial theme override — passed to createTheme() and ThemeProvider */
+type XyneThemeOverride = Partial<XyneTheme>;
+
+type ColorScheme = 'light' | 'dark' | 'auto';
+type ResolvedColorScheme = 'light' | 'dark';
+interface ColorSchemeContextValue {
+    /** Current color scheme preference ('light' | 'dark' | 'auto') */
+    colorScheme: ColorScheme;
+    /** Resolved value — always 'light' or 'dark' (resolves 'auto' via OS preference) */
+    resolvedColorScheme: ResolvedColorScheme;
+    /** Set the color scheme preference */
+    setColorScheme: (scheme: ColorScheme) => void;
+    /** Toggle between light and dark (based on resolved value) */
+    toggleColorScheme: () => void;
+}
+
+export type { ColorScheme as C, ResolvedColorScheme as R, XyneComponentTheme as X, ColorSchemeContextValue as a, XyneTheme as b, XyneThemeOverride as c };

package/dist/hooks/index.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+var _chunk73U3B3WXcjs = require('../chunk-73U3B3WX.cjs');
+require('../chunk-WUV742E6.cjs');
+
+
+
+exports.useColorScheme = _chunk73U3B3WXcjs.useColorScheme; exports.useTheme = _chunk73U3B3WXcjs.useTheme;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/hooks/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,yGAAC","file":"/Users/harshpreet.singh/Desktop/Juspay/xyne-spaces/components/dist/hooks/index.cjs"}