@ledgerhq/lumen-ui-react 0.1.63 → 0.1.64

package/ai-rules/RULES.md

@@ -224,7 +224,7 @@ const InteractiveList = () => (
     {items.map((item) => (
       <ListItem>
         <ListItemLeading>
-          <Spot appearance='icon' icon={Settings} />
+          <Spot icon={Settings} />
           <ListItemContent>
             <ListItemTitle>Simple composition</ListItemTitle>
             <ListItemDescription>With description</ListItemDescription>

package/dist/index.js

@@ -48,22 +48,23 @@ import { SideBar as nt, SideBarCollapseToggle as at, SideBarItem as it, SideBarL
 import { Skeleton as dt } from "./lib/Components/core/Skeleton/Skeleton.js";
 import { Spinner as ft } from "./lib/Components/core/Spinner/Spinner.js";
 import { Spot as ct } from "./lib/Components/core/Spot/Spot.js";
-import { Stepper as ut } from "./lib/Components/core/Stepper/Stepper.js";
-import { Subheader as It, SubheaderCount as bt, SubheaderDescription as st, SubheaderInfo as Bt, SubheaderRow as Dt, SubheaderShowMore as Mt, SubheaderTitle as Lt } from "./lib/Components/core/Subheader/Subheader.js";
-import { Switch as ht } from "./lib/Components/core/Switch/Switch.js";
-import { Table as wt, TableActionBar as Ht, TableActionBarLeading as At, TableActionBarTrailing as Pt, TableBody as yt, TableCell as Nt, TableCellContent as kt, TableCellContentDescription as Gt, TableCellContentRow as Et, TableCellContentTitle as Ft, TableCellItem as Ot, TableCol as zt, TableColGroup as Vt, TableGroupHeaderRow as _t, TableHeader as jt, TableHeaderCell as qt, TableHeaderRow as Jt, TableInfoIcon as Kt, TableLoadingRow as Qt, TableRoot as Ut, TableRow as Wt, TableSortButton as Xt } from "./lib/Components/core/Table/Table.js";
-import { Tag as Zt } from "./lib/Components/core/Tag/Tag.js";
-import { TextInput as er } from "./lib/Components/core/TextInput/TextInput.js";
-import { Tile as tr, TileContent as rr, TileDescription as nr, TileSecondaryAction as ar, TileTitle as ir, TileTrailingContent as lr } from "./lib/Components/core/Tile/Tile.js";
-import { TileButton as pr } from "./lib/Components/core/TileButton/TileButton.js";
-import { Timeline as dr, TimelineItem as xr, TimelineItemBody as fr, TimelineItemCaption as Cr, TimelineItemDescription as cr, TimelineItemHeader as Sr, TimelineItemLeading as ur, TimelineItemLeadingRow as gr, TimelineItemTitle as Ir, TimelineItemTrailing as br } from "./lib/Components/core/Timeline/Timeline.js";
-import { toast as Br } from "./libs/utils-shared/dist/index.js";
-import { Toast as Mr } from "./lib/Components/core/Toast/Toast.js";
-import { Toaster as vr } from "./lib/Components/core/Toast/Toaster.js";
-import { Tooltip as Rr, TooltipContent as wr, TooltipProvider as Hr, TooltipTrigger as Ar } from "./lib/Components/core/Tooltip/Tooltip.js";
-import { Trend as yr } from "./lib/Components/core/Trend/Trend.js";
-import { ThemeProvider as kr, useTheme as Gr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
-import { COLOR_SCHEMES as Fr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
+import { SpotNumber as ut } from "./lib/Components/core/Spot/SpotNumber.js";
+import { Stepper as It } from "./lib/Components/core/Stepper/Stepper.js";
+import { Subheader as st, SubheaderCount as Bt, SubheaderDescription as Dt, SubheaderInfo as Mt, SubheaderRow as Lt, SubheaderShowMore as vt, SubheaderTitle as ht } from "./lib/Components/core/Subheader/Subheader.js";
+import { Switch as wt } from "./lib/Components/core/Switch/Switch.js";
+import { Table as At, TableActionBar as Pt, TableActionBarLeading as yt, TableActionBarTrailing as Nt, TableBody as kt, TableCell as Gt, TableCellContent as Et, TableCellContentDescription as Ft, TableCellContentRow as Ot, TableCellContentTitle as zt, TableCellItem as Vt, TableCol as _t, TableColGroup as jt, TableGroupHeaderRow as qt, TableHeader as Jt, TableHeaderCell as Kt, TableHeaderRow as Qt, TableInfoIcon as Ut, TableLoadingRow as Wt, TableRoot as Xt, TableRow as Yt, TableSortButton as Zt } from "./lib/Components/core/Table/Table.js";
+import { Tag as er } from "./lib/Components/core/Tag/Tag.js";
+import { TextInput as tr } from "./lib/Components/core/TextInput/TextInput.js";
+import { Tile as nr, TileContent as ar, TileDescription as ir, TileSecondaryAction as lr, TileTitle as mr, TileTrailingContent as pr } from "./lib/Components/core/Tile/Tile.js";
+import { TileButton as dr } from "./lib/Components/core/TileButton/TileButton.js";
+import { Timeline as fr, TimelineItem as Cr, TimelineItemBody as cr, TimelineItemCaption as Sr, TimelineItemDescription as ur, TimelineItemHeader as gr, TimelineItemLeading as Ir, TimelineItemLeadingRow as br, TimelineItemTitle as sr, TimelineItemTrailing as Br } from "./lib/Components/core/Timeline/Timeline.js";
+import { toast as Mr } from "./libs/utils-shared/dist/index.js";
+import { Toast as vr } from "./lib/Components/core/Toast/Toast.js";
+import { Toaster as Rr } from "./lib/Components/core/Toast/Toaster.js";
+import { Tooltip as Hr, TooltipContent as Ar, TooltipProvider as Pr, TooltipTrigger as yr } from "./lib/Components/core/Tooltip/Tooltip.js";
+import { Trend as kr } from "./lib/Components/core/Trend/Trend.js";
+import { ThemeProvider as Er, useTheme as Fr } from "./lib/Components/core/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as zr } from "./lib/Components/core/ThemeProvider/ThemeProvider.types.js";
 export {
   i as AddressInput,
   T as AmountDisplay,
@@ -72,7 +73,7 @@ export {
   S as AvatarButton,
   g as Banner,
   b as Button,
-  Fr as COLOR_SCHEMES,
+  zr as COLOR_SCHEMES,
   B as Card,
   y as CardButton,
   D as CardContent,
@@ -180,64 +181,65 @@ export {
   dt as Skeleton,
   ft as Spinner,
   ct as Spot,
-  ut as Stepper,
-  It as Subheader,
-  bt as SubheaderCount,
-  st as SubheaderDescription,
-  Bt as SubheaderInfo,
-  Dt as SubheaderRow,
-  Mt as SubheaderShowMore,
-  Lt as SubheaderTitle,
-  ht as Switch,
-  wt as Table,
-  Ht as TableActionBar,
-  At as TableActionBarLeading,
-  Pt as TableActionBarTrailing,
-  yt as TableBody,
-  Nt as TableCell,
-  kt as TableCellContent,
-  Gt as TableCellContentDescription,
-  Et as TableCellContentRow,
-  Ft as TableCellContentTitle,
-  Ot as TableCellItem,
-  zt as TableCol,
-  Vt as TableColGroup,
-  _t as TableGroupHeaderRow,
-  jt as TableHeader,
-  qt as TableHeaderCell,
-  Jt as TableHeaderRow,
-  Kt as TableInfoIcon,
-  Qt as TableLoadingRow,
-  Ut as TableRoot,
-  Wt as TableRow,
-  Xt as TableSortButton,
-  Zt as Tag,
-  er as TextInput,
-  kr as ThemeProvider,
-  tr as Tile,
-  pr as TileButton,
-  rr as TileContent,
-  nr as TileDescription,
-  ar as TileSecondaryAction,
-  ir as TileTitle,
-  lr as TileTrailingContent,
-  dr as Timeline,
-  xr as TimelineItem,
-  fr as TimelineItemBody,
-  Cr as TimelineItemCaption,
-  cr as TimelineItemDescription,
-  Sr as TimelineItemHeader,
-  ur as TimelineItemLeading,
-  gr as TimelineItemLeadingRow,
-  Ir as TimelineItemTitle,
-  br as TimelineItemTrailing,
-  Mr as Toast,
-  vr as Toaster,
-  Rr as Tooltip,
-  wr as TooltipContent,
-  Hr as TooltipProvider,
-  Ar as TooltipTrigger,
-  yr as Trend,
+  ut as SpotNumber,
+  It as Stepper,
+  st as Subheader,
+  Bt as SubheaderCount,
+  Dt as SubheaderDescription,
+  Mt as SubheaderInfo,
+  Lt as SubheaderRow,
+  vt as SubheaderShowMore,
+  ht as SubheaderTitle,
+  wt as Switch,
+  At as Table,
+  Pt as TableActionBar,
+  yt as TableActionBarLeading,
+  Nt as TableActionBarTrailing,
+  kt as TableBody,
+  Gt as TableCell,
+  Et as TableCellContent,
+  Ft as TableCellContentDescription,
+  Ot as TableCellContentRow,
+  zt as TableCellContentTitle,
+  Vt as TableCellItem,
+  _t as TableCol,
+  jt as TableColGroup,
+  qt as TableGroupHeaderRow,
+  Jt as TableHeader,
+  Kt as TableHeaderCell,
+  Qt as TableHeaderRow,
+  Ut as TableInfoIcon,
+  Wt as TableLoadingRow,
+  Xt as TableRoot,
+  Yt as TableRow,
+  Zt as TableSortButton,
+  er as Tag,
+  tr as TextInput,
+  Er as ThemeProvider,
+  nr as Tile,
+  dr as TileButton,
+  ar as TileContent,
+  ir as TileDescription,
+  lr as TileSecondaryAction,
+  mr as TileTitle,
+  pr as TileTrailingContent,
+  fr as Timeline,
+  Cr as TimelineItem,
+  cr as TimelineItemBody,
+  Sr as TimelineItemCaption,
+  ur as TimelineItemDescription,
+  gr as TimelineItemHeader,
+  Ir as TimelineItemLeading,
+  br as TimelineItemLeadingRow,
+  sr as TimelineItemTitle,
+  Br as TimelineItemTrailing,
+  vr as Toast,
+  Rr as Toaster,
+  Hr as Tooltip,
+  Ar as TooltipContent,
+  Pr as TooltipProvider,
+  yr as TooltipTrigger,
+  kr as Trend,
   So as createMenuRadioGroup,
   wo as createPopoverHandle,
   jo as createSegmentedControl,
@@ -248,8 +250,8 @@ export {
   Be as getDotIndicatorProps,
   ve as getDotSymbolProps,
   C as resolveAvatarColor,
-  Br as toast,
+  Mr as toast,
   n as useControllableState,
   K as useLumenDataTable,
-  Gr as useTheme
+  Fr as useTheme
 };

package/dist/lib/Components/core/ContentBanner/ContentBanner.d.ts

@@ -19,7 +19,7 @@ export declare const ContentBannerDescription: ({ ref, children, className, ...p
  * import { ContentBanner, ContentBannerContent, ContentBannerTitle, ContentBannerDescription } from '@ledgerhq/lumen-ui-react';
  *
  * <ContentBanner onClose={() => {}}>
- *   <Spot appearance="icon" icon={Wallet} size={48} />
+ *   <Spot icon={Wallet} size={48} />
  *   <ContentBannerContent>
  *     <ContentBannerTitle>Title</ContentBannerTitle>
  *     <ContentBannerDescription>Description text</ContentBannerDescription>

package/dist/lib/Components/core/ListItem/ListItem.d.ts

@@ -9,7 +9,7 @@ import { ListItemContentProps, ListItemDescriptionProps, ListItemLeadingProps, L
  *
  * <ListItem onClick={() => console.log('Clicked!')}>
  *   <ListItemLeading>
- *     <Spot size={48} appearance="icon" icon={Wallet} />
+ *     <Spot size={48} icon={Wallet} />
  *     <ListItemContent>
  *       <ListItemTitle>Balance</ListItemTitle>
  *       <ListItemDescription>Optional description</ListItemDescription>

package/dist/lib/Components/core/Spot/Spot.d.ts

@@ -1,37 +1,19 @@
 import { SpotProps } from './types';
 /**
- * A circular status indicator component that displays different types of content based on appearance.
- *
- * Uses a discriminated union type system where the required props depend on the `appearance` value:
- * - `'icon'` appearance requires an `icon` prop
- * - `'number'` appearance requires a `number` prop
- * - All other appearances are self-contained
+ * A circular icon container. `appearance` selects the color palette and `fill` selects whether that palette paints only the icon or the circle as well.
  *
  * @see {@link https://ldls.vercel.app/?path=/docs/react-spot--docs Storybook}
  *
  * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
- * Do not use it to modify the spot's core appearance (colors, size, etc). Use the `appearance` prop instead.
+ * Do not use it to modify the spot's core appearance (colors, size, etc). Use the `appearance` and `fill` props instead.
  *
  * @example
  * import { Spot } from '@ledgerhq/lumen-ui-react';
+ * import { Settings, CheckmarkCircleFill } from '@ledgerhq/lumen-ui-react/symbols';
  *
- * // Custom icon spot
- * import { Settings } from '@ledgerhq/lumen-ui-react/symbols';
- *
- * <Spot appearance="icon" icon={Settings} />
- *
- * // Number spot
- * <Spot appearance="number" number={5} />
- *
- * // Status indicators (no additional props needed)
- * <Spot appearance="check" />
- * <Spot appearance="error" />
- * <Spot appearance="warning" />
- * <Spot appearance="loader" />
- *
- * // Bluetooth states
- * <Spot appearance="bluetooth" />
- * <Spot appearance="bluetooth" disabled />
+ * <Spot icon={Settings} />
+ * <Spot appearance="success" icon={CheckmarkCircleFill} />
+ * <Spot appearance="success" fill="plain" icon={Settings} />
  */
-export declare const Spot: (props: SpotProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Spot: ({ appearance, fill, icon: Icon, disabled: disabledProp, size, className, ref, ...rest }: SpotProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Spot.d.ts.map

package/dist/lib/Components/core/Spot/Spot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/Spot.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AA8BnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAyFpC,CAAC"}
+{"version":3,"file":"Spot.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/Spot.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAUnD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,GAAI,yFASlB,SAAS,4CAuBX,CAAC"}

package/dist/lib/Components/core/Spot/Spot.js

@@ -1,112 +1,43 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useDisabledContext as x, cn as w } from "../../../../libs/utils-shared/dist/index.js";
-import { cva as y } from "class-variance-authority";
-import { useMemo as F } from "react";
-import { Spinner as P } from "../Spinner/Spinner.js";
-import { InformationFill as C } from "../../symbols/icons/InformationFill.js";
-import { WarningFill as N } from "../../symbols/icons/WarningFill.js";
-import { DeleteCircleFill as k } from "../../symbols/icons/DeleteCircleFill.js";
-import { CheckmarkCircleFill as S } from "../../symbols/icons/CheckmarkCircleFill.js";
-import { BluetoothCircleFill as v } from "../../symbols/icons/BluetoothCircleFill.js";
-const I = y(
-  "flex shrink-0 items-center justify-center rounded-full bg-muted-transparent",
-  {
-    variants: {
-      appearance: {
-        icon: "text-base",
-        bluetooth: "text-[#0082FC]",
-        check: "text-success",
-        error: "text-error",
-        warning: "text-warning",
-        info: "text-muted",
-        loader: "",
-        number: "heading-5 text-base"
-      },
-      disabled: {
-        true: "text-disabled"
-      },
-      size: {
-        32: "spot-h-32 spot-w-32",
-        40: "spot-h-40 spot-w-40",
-        48: "spot-h-48 spot-w-48",
-        56: "spot-h-56 spot-w-56",
-        72: "spot-h-72 spot-w-72"
-      }
-    }
-  }
-), G = (t) => {
-  const s = t.size ?? 48, i = {
-    32: 12,
-    40: 16,
-    48: 20,
-    56: 24,
-    72: 40
-  }, c = {
-    32: "body-2-semi-bold",
-    40: "body-1-semi-bold",
-    48: "heading-5",
-    56: "heading-4",
-    72: "heading-2"
-  }, o = i[s] ?? 20, a = c[s] ?? "heading-5", { componentProps: m, content: p } = F(() => {
-    if (t.appearance === "icon") {
-      const { icon: n, ...r } = t;
-      return {
-        componentProps: r,
-        content: /* @__PURE__ */ e(n, { size: o })
-      };
-    }
-    if (t.appearance === "number") {
-      const { number: n, ...r } = t;
-      return {
-        componentProps: r,
-        content: /* @__PURE__ */ e("span", { className: a, children: n })
-      };
-    }
-    const z = (() => {
-      switch (t.appearance) {
-        case "bluetooth":
-          return /* @__PURE__ */ e(v, { size: o });
-        case "check":
-          return /* @__PURE__ */ e(S, { size: o });
-        case "error":
-          return /* @__PURE__ */ e(k, { size: o });
-        case "warning":
-          return /* @__PURE__ */ e(N, { size: o });
-        case "info":
-          return /* @__PURE__ */ e(C, { size: o });
-        case "loader":
-          return /* @__PURE__ */ e(P, { size: o });
-      }
-    })();
-    return { componentProps: t, content: z };
-  }, [t, o, a]), {
-    appearance: l,
-    className: d,
-    disabled: u = !1,
-    size: h = 48,
-    ref: b,
-    ...f
-  } = m, g = x({
+import { jsx as o } from "react/jsx-runtime";
+import { useDisabledContext as l, cn as p } from "../../../../libs/utils-shared/dist/index.js";
+import { contentVariants as b, spotVariants as N } from "./styles.js";
+const f = {
+  32: 12,
+  40: 16,
+  48: 20,
+  56: 24,
+  72: 40
+}, h = ({
+  appearance: s = "base",
+  fill: t = "transparent",
+  icon: a,
+  disabled: n = !1,
+  size: e = 48,
+  className: r,
+  ref: i,
+  ...c
+}) => {
+  const m = l({
     consumerName: "Spot",
-    mergeWith: { disabled: u }
-  });
-  return /* @__PURE__ */ e(
+    mergeWith: { disabled: n }
+  }), d = b({ appearance: s, fill: t, disabled: m });
+  return /* @__PURE__ */ o(
     "div",
     {
-      ref: b,
-      className: w(
-        I({
-          disabled: g,
-          appearance: l,
-          size: h
+      ref: i,
+      className: p(
+        N({
+          appearance: s,
+          fill: t,
+          size: e
         }),
-        d
+        r
       ),
-      ...f,
-      children: p
+      ...c,
+      children: /* @__PURE__ */ o(a, { size: f[e], className: d })
     }
   );
 };
 export {
-  G as Spot
+  h as Spot
 };

package/dist/lib/Components/core/Spot/SpotNumber.d.ts

@@ -0,0 +1,16 @@
+import { SpotNumberProps } from './types';
+/**
+ * A circular digit. Uses the same palette, fill, and size as `Spot`.
+ *
+ * @see {@link https://ldls.vercel.app/?path=/docs/react-spot--docs Storybook}
+ *
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
+ * Do not use it to modify the circle's core appearance (colors, size, etc). Use the `appearance` and `fill` props instead.
+ *
+ * @example
+ * import { SpotNumber } from '@ledgerhq/lumen-ui-react';
+ *
+ * <SpotNumber value={9} />
+ */
+export declare const SpotNumber: ({ appearance, fill, value, disabled: disabledProp, size, className, ref, ...rest }: SpotNumberProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SpotNumber.d.ts.map

package/dist/lib/Components/core/Spot/SpotNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpotNumber.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/SpotNumber.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,GAAI,oFASxB,eAAe,4CA6BjB,CAAC"}

package/dist/lib/Components/core/Spot/SpotNumber.js

@@ -0,0 +1,46 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useDisabledContext as c, cn as a } from "../../../../libs/utils-shared/dist/index.js";
+import { contentVariants as l, numberVariants as p, spotVariants as u } from "./styles.js";
+const x = ({
+  appearance: s = "base",
+  fill: t = "transparent",
+  value: n,
+  disabled: o = !1,
+  size: e = 48,
+  className: m,
+  ref: i,
+  ...d
+}) => {
+  const b = c({
+    consumerName: "SpotNumber",
+    mergeWith: { disabled: o }
+  });
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: i,
+      className: a(
+        u({
+          appearance: s,
+          fill: t,
+          size: e
+        }),
+        m
+      ),
+      ...d,
+      children: /* @__PURE__ */ r(
+        "span",
+        {
+          className: a(
+            p({ size: e }),
+            l({ appearance: s, fill: t, disabled: b })
+          ),
+          children: n
+        }
+      )
+    }
+  );
+};
+export {
+  x as SpotNumber
+};

package/dist/lib/Components/core/Spot/index.d.ts

@@ -1,3 +1,4 @@
 export { Spot } from './Spot';
+export { SpotNumber } from './SpotNumber';
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/core/Spot/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,cAAc,SAAS,CAAC"}

package/dist/lib/Components/core/Spot/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const spotVariants: (props?: ({
+    fill?: "transparent" | "plain" | null | undefined;
+    appearance?: "base" | "muted" | "error" | "success" | "warning" | "decorative-blue" | "decorative-pink" | "decorative-purple" | "decorative-green" | "decorative-turquoise" | "decorative-yellow" | "decorative-orange" | "decorative-red" | null | undefined;
+    size?: 32 | 40 | 48 | 56 | 72 | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const contentVariants: (props?: ({
+    fill?: "transparent" | "plain" | null | undefined;
+    appearance?: "base" | "muted" | "error" | "success" | "warning" | "decorative-blue" | "decorative-pink" | "decorative-purple" | "decorative-green" | "decorative-turquoise" | "decorative-yellow" | "decorative-orange" | "decorative-red" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const numberVariants: (props?: ({
+    size?: 32 | 40 | 48 | 56 | 72 | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/lib/Components/core/Spot/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Spot/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;8EA+ExB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;8EAmL1B,CAAC;AAEH,eAAO,MAAM,cAAc;;8EAUzB,CAAC"}