@stokelp/ui 2.99.0 → 2.100.0

package/dist/components/app/index.d.ts

@@ -2,3 +2,4 @@ export * from './price-tag';
 export * from './product-card-catalog';
 export * from './navigation';
 export * from './mobile-navigation';
+export * from './mobile-card';

package/dist/components/app/mobile-card/MobileCardEntityRow.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@stokelp/styled-system/jsx"),s=require("../../text/Text.cjs"),o=require("./MobileCardNotificationBadge.cjs");function c({name:i,imageURL:r,unreadNotifications:n}){return e.jsxs(t.HStack,{gap:"space-8",alignItems:"center",justifyContent:"space-between",children:[e.jsxs(t.HStack,{gap:"space-8",alignItems:"center",flex:"1",minW:"0",children:[r&&e.jsx(t.Box,{borderRadius:"full",overflow:"hidden",w:"size-20",h:"size-20",flexShrink:0,children:e.jsx("img",{src:r,alt:i,width:20,height:20,style:{objectFit:"cover",width:"100%",height:"100%"}})}),e.jsx(s.Text,{size:"sm",bold:!0,truncate:!0,children:i})]}),e.jsx(o.MobileCardNotificationBadge,{count:n})]})}exports.MobileCardEntityRow=c;
+//# sourceMappingURL=MobileCardEntityRow.cjs.map

package/dist/components/app/mobile-card/MobileCardEntityRow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardEntityRow.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardEntityRow.tsx"],"sourcesContent":["import { HStack, Box } from '@stokelp/styled-system/jsx'\nimport { Text } from '~/components/text/Text'\nimport { MobileCardNotificationBadge } from './MobileCardNotificationBadge'\n\nexport interface MobileCardEntityRowProps {\n  name: string\n  imageURL?: string\n  unreadNotifications?: number\n}\n\nexport function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps) {\n  return (\n    <HStack gap=\"space-8\" alignItems=\"center\" justifyContent=\"space-between\">\n      <HStack gap=\"space-8\" alignItems=\"center\" flex=\"1\" minW=\"0\">\n        {imageURL && (\n          <Box borderRadius=\"full\" overflow=\"hidden\" w=\"size-20\" h=\"size-20\" flexShrink={0}>\n            <img\n              src={imageURL}\n              alt={name}\n              width={20}\n              height={20}\n              style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Text size=\"sm\" bold truncate>\n          {name}\n        </Text>\n      </HStack>\n      <MobileCardNotificationBadge count={unreadNotifications} />\n    </HStack>\n  )\n}\n"],"names":["MobileCardEntityRow","name","imageURL","unreadNotifications","HStack","jsxs","jsx","Box","Text","MobileCardNotificationBadge"],"mappings":"0PAUO,SAASA,EAAoB,CAAE,KAAAC,EAAM,SAAAC,EAAU,oBAAAC,GAAiD,CACrG,cACGC,SAAA,CAAO,IAAI,UAAU,WAAW,SAAS,eAAe,gBACvD,SAAA,CAAAC,EAAAA,KAACD,EAAAA,OAAA,CAAO,IAAI,UAAU,WAAW,SAAS,KAAK,IAAI,KAAK,IACrD,SAAA,CAAAF,GACCI,EAAAA,IAACC,EAAAA,IAAA,CAAI,aAAa,OAAO,SAAS,SAAS,EAAE,UAAU,EAAE,UAAU,WAAY,EAC7E,SAAAD,EAAAA,IAAC,MAAA,CACC,IAAKJ,EACL,IAAKD,EACL,MAAO,GACP,OAAQ,GACR,MAAO,CAAE,UAAW,QAAS,MAAO,OAAQ,OAAQ,MAAA,CAAO,CAAA,EAE/D,EAEFK,EAAAA,IAACE,EAAAA,MAAK,KAAK,KAAK,KAAI,GAAC,SAAQ,GAC1B,SAAAP,CAAA,CACH,CAAA,EACF,EACAK,EAAAA,IAACG,EAAAA,4BAAA,CAA4B,MAAON,CAAA,CAAqB,CAAA,EAC3D,CAEJ"}

package/dist/components/app/mobile-card/MobileCardEntityRow.d.ts

@@ -0,0 +1,6 @@
+export interface MobileCardEntityRowProps {
+    name: string;
+    imageURL?: string;
+    unreadNotifications?: number;
+}
+export declare function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/mobile-card/MobileCardEntityRow.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { HStack as o, Box as c } from "@stokelp/styled-system/jsx";
+import { Text as l } from "../../text/Text.js";
+import { MobileCardNotificationBadge as s } from "./MobileCardNotificationBadge.js";
+function m({ name: t, imageURL: i, unreadNotifications: n }) {
+  return /* @__PURE__ */ r(o, { gap: "space-8", alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ r(o, { gap: "space-8", alignItems: "center", flex: "1", minW: "0", children: [
+      i && /* @__PURE__ */ e(c, { borderRadius: "full", overflow: "hidden", w: "size-20", h: "size-20", flexShrink: 0, children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: i,
+          alt: t,
+          width: 20,
+          height: 20,
+          style: { objectFit: "cover", width: "100%", height: "100%" }
+        }
+      ) }),
+      /* @__PURE__ */ e(l, { size: "sm", bold: !0, truncate: !0, children: t })
+    ] }),
+    /* @__PURE__ */ e(s, { count: n })
+  ] });
+}
+export {
+  m as MobileCardEntityRow
+};
+//# sourceMappingURL=MobileCardEntityRow.js.map

package/dist/components/app/mobile-card/MobileCardEntityRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardEntityRow.js","sources":["../../../../src/components/app/mobile-card/MobileCardEntityRow.tsx"],"sourcesContent":["import { HStack, Box } from '@stokelp/styled-system/jsx'\nimport { Text } from '~/components/text/Text'\nimport { MobileCardNotificationBadge } from './MobileCardNotificationBadge'\n\nexport interface MobileCardEntityRowProps {\n  name: string\n  imageURL?: string\n  unreadNotifications?: number\n}\n\nexport function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps) {\n  return (\n    <HStack gap=\"space-8\" alignItems=\"center\" justifyContent=\"space-between\">\n      <HStack gap=\"space-8\" alignItems=\"center\" flex=\"1\" minW=\"0\">\n        {imageURL && (\n          <Box borderRadius=\"full\" overflow=\"hidden\" w=\"size-20\" h=\"size-20\" flexShrink={0}>\n            <img\n              src={imageURL}\n              alt={name}\n              width={20}\n              height={20}\n              style={{ objectFit: 'cover', width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Text size=\"sm\" bold truncate>\n          {name}\n        </Text>\n      </HStack>\n      <MobileCardNotificationBadge count={unreadNotifications} />\n    </HStack>\n  )\n}\n"],"names":["MobileCardEntityRow","name","imageURL","unreadNotifications","HStack","jsxs","jsx","Box","Text","MobileCardNotificationBadge"],"mappings":";;;;;AAUO,SAASA,EAAoB,EAAE,MAAAC,GAAM,UAAAC,GAAU,qBAAAC,KAAiD;AACrG,2BACGC,GAAA,EAAO,KAAI,WAAU,YAAW,UAAS,gBAAe,iBACvD,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAO,KAAI,WAAU,YAAW,UAAS,MAAK,KAAI,MAAK,KACrD,UAAA;AAAA,MAAAF,KACC,gBAAAI,EAACC,GAAA,EAAI,cAAa,QAAO,UAAS,UAAS,GAAE,WAAU,GAAE,WAAU,YAAY,GAC7E,UAAA,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKJ;AAAA,UACL,KAAKD;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,OAAO,EAAE,WAAW,SAAS,OAAO,QAAQ,QAAQ,OAAA;AAAA,QAAO;AAAA,MAAA,GAE/D;AAAA,MAEF,gBAAAK,EAACE,KAAK,MAAK,MAAK,MAAI,IAAC,UAAQ,IAC1B,UAAAP,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IACA,gBAAAK,EAACG,GAAA,EAA4B,OAAON,EAAA,CAAqB;AAAA,EAAA,GAC3D;AAEJ;"}

package/dist/components/app/mobile-card/MobileCardHeader.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("@stokelp/styled-system/jsx");function s({children:r,onClick:e}){return t.jsx(o.HStack,{bgColor:"primary.300",px:"space-16",py:"space-12",gap:"space-12",justifyContent:"space-between",cursor:e?"pointer":void 0,onClick:e,children:r})}exports.MobileCardHeader=s;
+//# sourceMappingURL=MobileCardHeader.cjs.map

package/dist/components/app/mobile-card/MobileCardHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardHeader.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { HStack } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardHeaderProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardHeader({ children, onClick }: MobileCardHeaderProps) {\n  return (\n    <HStack\n      bgColor=\"primary.300\"\n      px=\"space-16\"\n      py=\"space-12\"\n      gap=\"space-12\"\n      justifyContent=\"space-between\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </HStack>\n  )\n}\n"],"names":["MobileCardHeader","children","onClick","jsx","HStack"],"mappings":"0KAQO,SAASA,EAAiB,CAAE,SAAAC,EAAU,QAAAC,GAAkC,CAC7E,OACEC,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,cACR,GAAG,WACH,GAAG,WACH,IAAI,WACJ,eAAe,gBACf,OAAQF,EAAU,UAAY,OAC9B,QAAAA,EAEC,SAAAD,CAAA,CAAA,CAGP"}

package/dist/components/app/mobile-card/MobileCardHeader.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface MobileCardHeaderProps {
+    children: ReactNode;
+    onClick?: () => void;
+}
+export declare function MobileCardHeader({ children, onClick }: MobileCardHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/mobile-card/MobileCardHeader.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { HStack as p } from "@stokelp/styled-system/jsx";
+function i({ children: r, onClick: e }) {
+  return /* @__PURE__ */ o(
+    p,
+    {
+      bgColor: "primary.300",
+      px: "space-16",
+      py: "space-12",
+      gap: "space-12",
+      justifyContent: "space-between",
+      cursor: e ? "pointer" : void 0,
+      onClick: e,
+      children: r
+    }
+  );
+}
+export {
+  i as MobileCardHeader
+};
+//# sourceMappingURL=MobileCardHeader.js.map

package/dist/components/app/mobile-card/MobileCardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardHeader.js","sources":["../../../../src/components/app/mobile-card/MobileCardHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { HStack } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardHeaderProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardHeader({ children, onClick }: MobileCardHeaderProps) {\n  return (\n    <HStack\n      bgColor=\"primary.300\"\n      px=\"space-16\"\n      py=\"space-12\"\n      gap=\"space-12\"\n      justifyContent=\"space-between\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </HStack>\n  )\n}\n"],"names":["MobileCardHeader","children","onClick","jsx","HStack"],"mappings":";;;AAQO,SAASA,EAAiB,EAAE,UAAAC,GAAU,SAAAC,KAAkC;AAC7E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,IAAG;AAAA,MACH,IAAG;AAAA,MACH,KAAI;AAAA,MACJ,gBAAe;AAAA,MACf,QAAQF,IAAU,YAAY;AAAA,MAC9B,SAAAA;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@stokelp/styled-system/jsx"),r=require("../../chip/Chip.cjs"),n=require("../../icon/Icon.cjs"),o=require("../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs");function s({count:i}){return!i||i<=0?null:e.jsxs(t.HStack,{gap:"space-4",alignItems:"center",flexShrink:0,children:[e.jsx(n.Icon,{size:"sm",color:"grey.400",children:e.jsx(o,{})}),e.jsx(r.Chip,{size:"sm",display:"flex",placeContent:"center",bgColor:"error.500",w:"size-20",h:"size-20",children:e.jsx(r.ChipLabel,{color:"white",children:i})})]})}exports.MobileCardNotificationBadge=s;
+//# sourceMappingURL=MobileCardNotificationBadge.cjs.map

package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardNotificationBadge.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"names":["MobileCardNotificationBadge","count","HStack","jsx","Icon","ChatBubbleLeftRightIcon","Chip","ChipLabel"],"mappings":"2UASO,SAASA,EAA4B,CAAE,MAAAC,GAA2C,CACvF,MAAI,CAACA,GAASA,GAAS,EAAU,YAG9BC,SAAA,CAAO,IAAI,UAAU,WAAW,SAAS,WAAY,EACpD,SAAA,CAAAC,EAAAA,IAACC,EAAAA,MAAK,KAAK,KAAK,MAAM,WACpB,SAAAD,EAAAA,IAACE,IAAwB,CAAA,CAC3B,QACCC,EAAAA,KAAA,CAAK,KAAK,KAAK,QAAQ,OAAO,aAAa,SAAS,QAAQ,YAAY,EAAE,UAAU,EAAE,UACrF,SAAAH,MAACI,EAAAA,WAAU,MAAM,QAAS,WAAM,CAAA,CAClC,CAAA,EACF,CAEJ"}

package/dist/components/app/mobile-card/MobileCardNotificationBadge.d.ts

@@ -0,0 +1,4 @@
+export interface MobileCardNotificationBadgeProps {
+    count?: number;
+}
+export declare function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/app/mobile-card/MobileCardNotificationBadge.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { HStack as o } from "@stokelp/styled-system/jsx";
+import { Chip as l, ChipLabel as t } from "../../chip/Chip.js";
+import { Icon as n } from "../../icon/Icon.js";
+import c from "../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js";
+function h({ count: e }) {
+  return !e || e <= 0 ? null : /* @__PURE__ */ i(o, { gap: "space-4", alignItems: "center", flexShrink: 0, children: [
+    /* @__PURE__ */ r(n, { size: "sm", color: "grey.400", children: /* @__PURE__ */ r(c, {}) }),
+    /* @__PURE__ */ r(l, { size: "sm", display: "flex", placeContent: "center", bgColor: "error.500", w: "size-20", h: "size-20", children: /* @__PURE__ */ r(t, { color: "white", children: e }) })
+  ] });
+}
+export {
+  h as MobileCardNotificationBadge
+};
+//# sourceMappingURL=MobileCardNotificationBadge.js.map

package/dist/components/app/mobile-card/MobileCardNotificationBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardNotificationBadge.js","sources":["../../../../src/components/app/mobile-card/MobileCardNotificationBadge.tsx"],"sourcesContent":["import { HStack } from '@stokelp/styled-system/jsx'\nimport { Chip, ChipLabel } from '~/components/chip/Chip'\nimport { Icon } from '~/components/icon/Icon'\nimport { ChatBubbleLeftRightIcon } from '@heroicons/react/24/outline'\n\nexport interface MobileCardNotificationBadgeProps {\n  count?: number\n}\n\nexport function MobileCardNotificationBadge({ count }: MobileCardNotificationBadgeProps) {\n  if (!count || count <= 0) return null\n\n  return (\n    <HStack gap=\"space-4\" alignItems=\"center\" flexShrink={0}>\n      <Icon size=\"sm\" color=\"grey.400\">\n        <ChatBubbleLeftRightIcon />\n      </Icon>\n      <Chip size=\"sm\" display=\"flex\" placeContent=\"center\" bgColor=\"error.500\" w=\"size-20\" h=\"size-20\">\n        <ChipLabel color=\"white\">{count}</ChipLabel>\n      </Chip>\n    </HStack>\n  )\n}\n"],"names":["MobileCardNotificationBadge","count","HStack","jsx","Icon","ChatBubbleLeftRightIcon","Chip","ChipLabel"],"mappings":";;;;;;AASO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,SAAI,CAACA,KAASA,KAAS,IAAU,yBAG9BC,GAAA,EAAO,KAAI,WAAU,YAAW,UAAS,YAAY,GACpD,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAK,MAAK,OAAM,YACpB,UAAA,gBAAAD,EAACE,KAAwB,EAAA,CAC3B;AAAA,sBACCC,GAAA,EAAK,MAAK,MAAK,SAAQ,QAAO,cAAa,UAAS,SAAQ,aAAY,GAAE,WAAU,GAAE,WACrF,UAAA,gBAAAH,EAACI,KAAU,OAAM,SAAS,aAAM,EAAA,CAClC;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/app/mobile-card/MobileCardShell.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("@stokelp/styled-system/jsx");function t({children:r,onClick:e}){return o.jsx(i.Box,{width:"100%",borderRadius:"radius-16",overflow:"hidden",backgroundColor:"white",cursor:e?"pointer":void 0,onClick:e,children:r})}exports.MobileCardShell=t;
+//# sourceMappingURL=MobileCardShell.cjs.map

package/dist/components/app/mobile-card/MobileCardShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardShell.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardShell.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardShellProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardShell({ children, onClick }: MobileCardShellProps) {\n  return (\n    <Box\n      width=\"100%\"\n      borderRadius=\"radius-16\"\n      overflow=\"hidden\"\n      backgroundColor=\"white\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </Box>\n  )\n}\n"],"names":["MobileCardShell","children","onClick","jsx","Box"],"mappings":"0KAQO,SAASA,EAAgB,CAAE,SAAAC,EAAU,QAAAC,GAAiC,CAC3E,OACEC,EAAAA,IAACC,EAAAA,IAAA,CACC,MAAM,OACN,aAAa,YACb,SAAS,SACT,gBAAgB,QAChB,OAAQF,EAAU,UAAY,OAC9B,QAAAA,EAEC,SAAAD,CAAA,CAAA,CAGP"}

package/dist/components/app/mobile-card/MobileCardShell.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface MobileCardShellProps {
+    children: ReactNode;
+    onClick?: () => void;
+}
+export declare function MobileCardShell({ children, onClick }: MobileCardShellProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/mobile-card/MobileCardShell.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Box as i } from "@stokelp/styled-system/jsx";
+function u({ children: o, onClick: r }) {
+  return /* @__PURE__ */ e(
+    i,
+    {
+      width: "100%",
+      borderRadius: "radius-16",
+      overflow: "hidden",
+      backgroundColor: "white",
+      cursor: r ? "pointer" : void 0,
+      onClick: r,
+      children: o
+    }
+  );
+}
+export {
+  u as MobileCardShell
+};
+//# sourceMappingURL=MobileCardShell.js.map

package/dist/components/app/mobile-card/MobileCardShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardShell.js","sources":["../../../../src/components/app/mobile-card/MobileCardShell.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box } from '@stokelp/styled-system/jsx'\n\nexport interface MobileCardShellProps {\n  children: ReactNode\n  onClick?: () => void\n}\n\nexport function MobileCardShell({ children, onClick }: MobileCardShellProps) {\n  return (\n    <Box\n      width=\"100%\"\n      borderRadius=\"radius-16\"\n      overflow=\"hidden\"\n      backgroundColor=\"white\"\n      cursor={onClick ? 'pointer' : undefined}\n      onClick={onClick}\n    >\n      {children}\n    </Box>\n  )\n}\n"],"names":["MobileCardShell","children","onClick","jsx","Box"],"mappings":";;;AAQO,SAASA,EAAgB,EAAE,UAAAC,GAAU,SAAAC,KAAiC;AAC3E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,cAAa;AAAA,MACb,UAAS;AAAA,MACT,iBAAgB;AAAA,MAChB,QAAQF,IAAU,YAAY;AAAA,MAC9B,SAAAA;AAAA,MAEC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/app/mobile-card/MobileCardSkeleton.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@stokelp/styled-system/jsx"),t=require("@stokelp/styled-system/css"),a=t.css({background:"linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",backgroundSize:"200% 100%",animation:"shimmer 1.5s infinite"});function c({width:o,height:s,borderRadius:i="radius-4"}){return e.jsx(r.Box,{width:o,height:s,borderRadius:i,className:a})}function l({headerContent:o,bodyContent:s}){return e.jsxs(r.Box,{width:"100%",borderRadius:"radius-16",overflow:"hidden",border:"1px solid",borderColor:"grey.100",children:[e.jsx(r.HStack,{bgColor:"primary.100",px:"space-16",py:"space-12",gap:"space-8",children:o}),e.jsx(r.VStack,{gap:"space-12",p:"space-16",alignItems:"stretch",children:s})]})}function d({count:o=3,children:s}){return e.jsx(r.VStack,{gap:"space-16",width:"100%",children:Array.from({length:o},(i,n)=>e.jsx(r.Box,{children:s()},n))})}exports.MobileCardSkeleton=l;exports.MobileCardSkeletonList=d;exports.SkeletonBlock=c;
+//# sourceMappingURL=MobileCardSkeleton.cjs.map

package/dist/components/app/mobile-card/MobileCardSkeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardSkeleton.cjs","sources":["../../../../src/components/app/mobile-card/MobileCardSkeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box, HStack, VStack } from '@stokelp/styled-system/jsx'\nimport { css } from '@stokelp/styled-system/css'\n\nconst skeletonClass = css({\n  background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',\n  backgroundSize: '200% 100%',\n  animation: 'shimmer 1.5s infinite',\n})\n\nexport interface SkeletonBlockProps {\n  width: string\n  height: string\n  borderRadius?: string\n}\n\nexport function SkeletonBlock({ width, height, borderRadius = 'radius-4' }: SkeletonBlockProps) {\n  return <Box width={width} height={height} borderRadius={borderRadius} className={skeletonClass} />\n}\n\nexport interface MobileCardSkeletonProps {\n  headerContent: ReactNode\n  bodyContent: ReactNode\n}\n\nexport function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps) {\n  return (\n    <Box width=\"100%\" borderRadius=\"radius-16\" overflow=\"hidden\" border=\"1px solid\" borderColor=\"grey.100\">\n      <HStack bgColor=\"primary.100\" px=\"space-16\" py=\"space-12\" gap=\"space-8\">\n        {headerContent}\n      </HStack>\n      <VStack gap=\"space-12\" p=\"space-16\" alignItems=\"stretch\">\n        {bodyContent}\n      </VStack>\n    </Box>\n  )\n}\n\nexport interface MobileCardSkeletonListProps {\n  count?: number\n  children: () => ReactNode\n}\n\nexport function MobileCardSkeletonList({ count = 3, children }: MobileCardSkeletonListProps) {\n  return (\n    <VStack gap=\"space-16\" width=\"100%\">\n      {Array.from({ length: count }, (_, i) => (\n        <Box key={i}>{children()}</Box>\n      ))}\n    </VStack>\n  )\n}\n"],"names":["skeletonClass","css","SkeletonBlock","width","height","borderRadius","Box","MobileCardSkeleton","headerContent","bodyContent","jsxs","jsx","HStack","VStack","MobileCardSkeletonList","count","children","_","i"],"mappings":"kNAIMA,EAAgBC,EAAAA,IAAI,CACxB,WAAY,gEACZ,eAAgB,YAChB,UAAW,uBACb,CAAC,EAQM,SAASC,EAAc,CAAE,MAAAC,EAAO,OAAAC,EAAQ,aAAAC,EAAe,YAAkC,CAC9F,aAAQC,EAAAA,IAAA,CAAI,MAAAH,EAAc,OAAAC,EAAgB,aAAAC,EAA4B,UAAWL,EAAe,CAClG,CAOO,SAASO,EAAmB,CAAE,cAAAC,EAAe,YAAAC,GAAwC,CAC1F,OACEC,EAAAA,KAACJ,EAAAA,IAAA,CAAI,MAAM,OAAO,aAAa,YAAY,SAAS,SAAS,OAAO,YAAY,YAAY,WAC1F,SAAA,CAAAK,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAAQ,cAAc,GAAG,WAAW,GAAG,WAAW,IAAI,UAC3D,SAAAJ,CAAA,CACH,EACAG,EAAAA,IAACE,EAAAA,QAAO,IAAI,WAAW,EAAE,WAAW,WAAW,UAC5C,SAAAJ,CAAA,CACH,CAAA,EACF,CAEJ,CAOO,SAASK,EAAuB,CAAE,MAAAC,EAAQ,EAAG,SAAAC,GAAyC,CAC3F,OACEL,MAACE,EAAAA,QAAO,IAAI,WAAW,MAAM,OAC1B,SAAA,MAAM,KAAK,CAAE,OAAQE,GAAS,CAACE,EAAGC,IACjCP,EAAAA,IAACL,EAAAA,KAAa,SAAAU,EAAA,CAAS,EAAbE,CAAe,CAC1B,CAAA,CACH,CAEJ"}

package/dist/components/app/mobile-card/MobileCardSkeleton.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface SkeletonBlockProps {
+    width: string;
+    height: string;
+    borderRadius?: string;
+}
+export declare function SkeletonBlock({ width, height, borderRadius }: SkeletonBlockProps): import("react/jsx-runtime").JSX.Element;
+export interface MobileCardSkeletonProps {
+    headerContent: ReactNode;
+    bodyContent: ReactNode;
+}
+export declare function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export interface MobileCardSkeletonListProps {
+    count?: number;
+    children: () => ReactNode;
+}
+export declare function MobileCardSkeletonList({ count, children }: MobileCardSkeletonListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/app/mobile-card/MobileCardSkeleton.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { Box as o, HStack as c, VStack as a } from "@stokelp/styled-system/jsx";
+import { css as d } from "@stokelp/styled-system/css";
+const l = d({
+  background: "linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",
+  backgroundSize: "200% 100%",
+  animation: "shimmer 1.5s infinite"
+});
+function u({ width: e, height: r, borderRadius: n = "radius-4" }) {
+  return /* @__PURE__ */ i(o, { width: e, height: r, borderRadius: n, className: l });
+}
+function g({ headerContent: e, bodyContent: r }) {
+  return /* @__PURE__ */ s(o, { width: "100%", borderRadius: "radius-16", overflow: "hidden", border: "1px solid", borderColor: "grey.100", children: [
+    /* @__PURE__ */ i(c, { bgColor: "primary.100", px: "space-16", py: "space-12", gap: "space-8", children: e }),
+    /* @__PURE__ */ i(a, { gap: "space-12", p: "space-16", alignItems: "stretch", children: r })
+  ] });
+}
+function h({ count: e = 3, children: r }) {
+  return /* @__PURE__ */ i(a, { gap: "space-16", width: "100%", children: Array.from({ length: e }, (n, t) => /* @__PURE__ */ i(o, { children: r() }, t)) });
+}
+export {
+  g as MobileCardSkeleton,
+  h as MobileCardSkeletonList,
+  u as SkeletonBlock
+};
+//# sourceMappingURL=MobileCardSkeleton.js.map

package/dist/components/app/mobile-card/MobileCardSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileCardSkeleton.js","sources":["../../../../src/components/app/mobile-card/MobileCardSkeleton.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Box, HStack, VStack } from '@stokelp/styled-system/jsx'\nimport { css } from '@stokelp/styled-system/css'\n\nconst skeletonClass = css({\n  background: 'linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)',\n  backgroundSize: '200% 100%',\n  animation: 'shimmer 1.5s infinite',\n})\n\nexport interface SkeletonBlockProps {\n  width: string\n  height: string\n  borderRadius?: string\n}\n\nexport function SkeletonBlock({ width, height, borderRadius = 'radius-4' }: SkeletonBlockProps) {\n  return <Box width={width} height={height} borderRadius={borderRadius} className={skeletonClass} />\n}\n\nexport interface MobileCardSkeletonProps {\n  headerContent: ReactNode\n  bodyContent: ReactNode\n}\n\nexport function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps) {\n  return (\n    <Box width=\"100%\" borderRadius=\"radius-16\" overflow=\"hidden\" border=\"1px solid\" borderColor=\"grey.100\">\n      <HStack bgColor=\"primary.100\" px=\"space-16\" py=\"space-12\" gap=\"space-8\">\n        {headerContent}\n      </HStack>\n      <VStack gap=\"space-12\" p=\"space-16\" alignItems=\"stretch\">\n        {bodyContent}\n      </VStack>\n    </Box>\n  )\n}\n\nexport interface MobileCardSkeletonListProps {\n  count?: number\n  children: () => ReactNode\n}\n\nexport function MobileCardSkeletonList({ count = 3, children }: MobileCardSkeletonListProps) {\n  return (\n    <VStack gap=\"space-16\" width=\"100%\">\n      {Array.from({ length: count }, (_, i) => (\n        <Box key={i}>{children()}</Box>\n      ))}\n    </VStack>\n  )\n}\n"],"names":["skeletonClass","css","SkeletonBlock","width","height","borderRadius","Box","MobileCardSkeleton","headerContent","bodyContent","jsxs","jsx","HStack","VStack","MobileCardSkeletonList","count","children","_","i"],"mappings":";;;;AAIA,MAAMA,IAAgBC,EAAI;AAAA,EACxB,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,WAAW;AACb,CAAC;AAQM,SAASC,EAAc,EAAE,OAAAC,GAAO,QAAAC,GAAQ,cAAAC,IAAe,cAAkC;AAC9F,2BAAQC,GAAA,EAAI,OAAAH,GAAc,QAAAC,GAAgB,cAAAC,GAA4B,WAAWL,GAAe;AAClG;AAOO,SAASO,EAAmB,EAAE,eAAAC,GAAe,aAAAC,KAAwC;AAC1F,SACE,gBAAAC,EAACJ,GAAA,EAAI,OAAM,QAAO,cAAa,aAAY,UAAS,UAAS,QAAO,aAAY,aAAY,YAC1F,UAAA;AAAA,IAAA,gBAAAK,EAACC,GAAA,EAAO,SAAQ,eAAc,IAAG,YAAW,IAAG,YAAW,KAAI,WAC3D,UAAAJ,EAAA,CACH;AAAA,IACA,gBAAAG,EAACE,KAAO,KAAI,YAAW,GAAE,YAAW,YAAW,WAC5C,UAAAJ,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAOO,SAASK,EAAuB,EAAE,OAAAC,IAAQ,GAAG,UAAAC,KAAyC;AAC3F,SACE,gBAAAL,EAACE,KAAO,KAAI,YAAW,OAAM,QAC1B,UAAA,MAAM,KAAK,EAAE,QAAQE,KAAS,CAACE,GAAGC,MACjC,gBAAAP,EAACL,KAAa,UAAAU,EAAA,EAAS,GAAbE,CAAe,CAC1B,EAAA,CACH;AAEJ;"}

package/dist/components/app/mobile-card/index.d.ts

@@ -0,0 +1,10 @@
+export { MobileCardShell } from './MobileCardShell';
+export type { MobileCardShellProps } from './MobileCardShell';
+export { MobileCardHeader } from './MobileCardHeader';
+export type { MobileCardHeaderProps } from './MobileCardHeader';
+export { MobileCardEntityRow } from './MobileCardEntityRow';
+export type { MobileCardEntityRowProps } from './MobileCardEntityRow';
+export { MobileCardNotificationBadge } from './MobileCardNotificationBadge';
+export type { MobileCardNotificationBadgeProps } from './MobileCardNotificationBadge';
+export { MobileCardSkeleton, MobileCardSkeletonList, SkeletonBlock } from './MobileCardSkeleton';
+export type { MobileCardSkeletonProps, MobileCardSkeletonListProps, SkeletonBlockProps } from './MobileCardSkeleton';

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),t=require("react-phone-number-input");;/* empty css            */const C=require("./preset.cjs"),a=require("./components/accordion/Accordion.cjs"),s=require("./components/action-card/ActionCard.cjs"),T=require("./components/alert/Alert.cjs"),m=require("./components/app/navigation/AppNavigation.cjs"),h=require("./components/app/navigation/language-select/AppNavigationLanguageSelect.cjs"),q=require("./components/avatar/styled.cjs"),P=require("./components/box/Box.cjs"),l=require("./components/breadcrumb/Breadcrumb.cjs"),I=require("./components/button/Button.cjs"),A=require("./components/button-filter/ButtonFilter.cjs"),y=require("./components/chat/Chat.cjs"),D=require("./components/chat/ChatDocumentMessage.cjs"),x=require("./components/chat/ChatMessage.cjs"),B=require("./components/chat/ChatProfileAvatar.cjs"),v=require("./components/chat/ChatTextInput.cjs"),d=require("./components/checkbox/Checkbox.cjs"),w=require("./components/checkbox-card/namespace.cjs"),c=require("./components/chip/Chip.cjs"),S=require("./components/collapsible/styled.cjs"),G=require("./components/combobox/Combobox.cjs"),f=require("./components/date-picker/DatePicker.cjs"),L=require("./components/dialog/styled.cjs"),e=require("./components/drawer/Drawer.cjs"),b=require("./components/flag/styled.cjs"),N=require("./components/form/FormControl.cjs"),R=require("./components/form/FormHelperText.cjs"),F=require("./components/form/FormLabel.cjs"),j=require("./components/heading/Heading.cjs"),i=require("./components/input/HighlightedInput.cjs"),O=require("./components/icon/Icon.cjs"),H=require("./components/icon-button/IconButton.cjs"),k=require("./components/illustration/Illustration.cjs"),M=require("./components/input/Input.cjs"),$=require("./components/input/InputAddon.cjs"),E=require("./components/input/InputGroup.cjs"),V=require("./components/menu/Menu.cjs"),z=require("./components/app/mobile-navigation/MobileNavigation.cjs"),J=require("./components/pagination/Pagination.cjs"),K=require("./components/input/PhoneNumberInput.cjs"),o=require("./components/popover/Popover.cjs"),Q=require("./components/app/price-tag/PriceTag.cjs"),U=require("./components/app/product-card-catalog/styled.cjs"),p=require("./components/radio-button-group/RadioButtonGroup.cjs"),W=require("./components/radio-card-group/namespace.cjs"),g=require("./components/radio-group/RadioGroup.cjs"),X=require("./components/select/Select.cjs"),Y=require("./components/select-language/SelectLanguage.cjs"),Z=require("./components/status-tag-select/StatusTagSelect.cjs"),_=require("./components/switch/Switch.cjs"),ee=require("./components/switch-card/namespace.cjs"),r=require("./components/table/Table.cjs"),u=require("./components/tabs/Tabs.cjs"),re=require("./components/tag/Tag.cjs"),te=require("./components/text/Text.cjs"),oe=require("./components/textarea/Textarea.cjs"),ne=require("./components/tooltip/Tooltip.cjs");Object.defineProperty(exports,"createListCollection",{enumerable:!0,get:()=>n.createListCollection});Object.defineProperty(exports,"createToaster",{enumerable:!0,get:()=>n.createToaster});Object.defineProperty(exports,"parseColor",{enumerable:!0,get:()=>n.parseColor});Object.defineProperty(exports,"parseDate",{enumerable:!0,get:()=>n.parseDate});Object.defineProperty(exports,"useAccordion",{enumerable:!0,get:()=>n.useAccordion});Object.defineProperty(exports,"formatPhoneNumber",{enumerable:!0,get:()=>t.formatPhoneNumber});Object.defineProperty(exports,"formatPhoneNumberIntl",{enumerable:!0,get:()=>t.formatPhoneNumberIntl});Object.defineProperty(exports,"getCountries",{enumerable:!0,get:()=>t.getCountries});Object.defineProperty(exports,"getCountryCallingCode",{enumerable:!0,get:()=>t.getCountryCallingCode});Object.defineProperty(exports,"isPossiblePhoneNumber",{enumerable:!0,get:()=>t.isPossiblePhoneNumber});Object.defineProperty(exports,"isSupportedCountry",{enumerable:!0,get:()=>t.isSupportedCountry});Object.defineProperty(exports,"isValidPhoneNumber",{enumerable:!0,get:()=>t.isValidPhoneNumber});Object.defineProperty(exports,"parsePhoneNumber",{enumerable:!0,get:()=>t.parsePhoneNumber});exports.preset=C.preset;exports.Accordion=a.Accordion;exports.AccordionItem=a.AccordionItem;exports.AccordionItemContent=a.AccordionItemContent;exports.AccordionItemIndicator=a.AccordionItemIndicator;exports.AccordionItemTrigger=a.AccordionItemTrigger;exports.ActionCard=s.ActionCard;exports.ActionCardDescription=s.ActionCardDescription;exports.ActionCardTitle=s.ActionCardTitle;exports.Alert=T.Alert;exports.AppNavigation=m;exports.AppNavigationLanguageSelect=h.AppNavigationLanguageSelect;exports.Avatar=q;exports.Box=P.Box;exports.Breadcrumb=l.Breadcrumb;exports.BreadcrumbItem=l.BreadcrumbItem;exports.BreadcrumbLink=l.BreadcrumbLink;exports.Button=I.Button;exports.ButtonFilter=A.ButtonFilter;exports.Chat=y;exports.ChatDocumentMessage=D.ChatDocumentMessage;exports.ChatMessage=x.ChatMessage;exports.ChatProfileAvatar=B.ChatProfileAvatar;exports.ChatTextInput=v.ChatTextInput;exports.Checkbox=d.Checkbox;exports.CheckboxGroup=d.CheckboxGroup;exports.CheckboxCard=w;exports.Chip=c.Chip;exports.ChipAvatar=c.ChipAvatar;exports.ChipClearTrigger=c.ChipClearTrigger;exports.ChipLabel=c.ChipLabel;exports.Collapsible=S;exports.Combobox=G.Combobox;exports.DatePicker=f.DatePicker;exports.Dialog=L;exports.Drawer=e.Drawer;exports.DrawerBody=e.DrawerBody;exports.DrawerCloseTrigger=e.DrawerCloseTrigger;exports.DrawerContent=e.DrawerContent;exports.DrawerContext=e.DrawerContext;exports.DrawerFooter=e.DrawerFooter;exports.DrawerHeader=e.DrawerHeader;exports.DrawerTitle=e.DrawerTitle;exports.DrawerTrigger=e.DrawerTrigger;exports.Flag=b.Flag;exports.FlagCountryCodes=b.FlagCountryCodes;exports.FormControl=N.FormControl;exports.FormHelperText=R.FormHelperText;exports.FormLabel=F.FormLabel;exports.Heading=j.Heading;exports.Highlight=i.Highlight;exports.HighlightedInput=i.HighlightedInput;exports.InputSlot=i.InputSlot;exports.Renderer=i.Renderer;exports.Root=i.Root;exports.Icon=O.Icon;exports.IconButton=H.IconButton;exports.Illustration=k.Illustration;exports.Input=M.Input;exports.InputAddon=$.InputAddon;exports.InputGroup=E.InputGroup;exports.Menu=V;exports.MobileNavigation=z;exports.Pagination=J.Pagination;exports.PhoneNumberInput=K.PhoneNumberInput;exports.Popover=o.Popover;exports.PopoverAnchor=o.PopoverAnchor;exports.PopoverCloseTrigger=o.PopoverCloseTrigger;exports.PopoverContent=o.PopoverContent;exports.PopoverContext=o.PopoverContext;exports.PopoverTrigger=o.PopoverTrigger;exports.PriceTag=Q.PriceTag;exports.ProductCardCatalog=U;exports.RadioButtonGroup=p.RadioButtonGroup;exports.RadioButtonGroupItem=p.RadioButtonGroupItem;exports.RadioButtonGroupLabel=p.RadioButtonGroupLabel;exports.RadioCardGroup=W;exports.RadioGroup=g.RadioGroup;exports.RadioGroupItem=g.RadioGroupItem;exports.RadioGroupLabel=g.RadioGroupLabel;exports.Select=X.Select;exports.SelectLanguage=Y.SelectLanguage;exports.StatusTagSelect=Z.StatusTagSelect;exports.Switch=_.Switch;exports.SwitchCard=ee;exports.Table=r.Table;exports.TableContainer=r.TableContainer;exports.TableEmptyRow=r.TableEmptyRow;exports.TableGroupTitle=r.TableGroupTitle;exports.Tbody=r.Tbody;exports.Td=r.Td;exports.Th=r.Th;exports.Thead=r.Thead;exports.Tr=r.Tr;exports.Tabs=u.Tabs;exports.TabsChip=u.TabsChip;exports.TabsContent=u.TabsContent;exports.TabsList=u.TabsList;exports.TabsTrigger=u.TabsTrigger;exports.Tag=re.Tag;exports.Text=te.Text;exports.Textarea=oe.Textarea;exports.Tooltip=ne.Tooltip;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@ark-ui/react"),t=require("react-phone-number-input");;/* empty css            */const T=require("./preset.cjs"),i=require("./components/accordion/Accordion.cjs"),l=require("./components/action-card/ActionCard.cjs"),m=require("./components/alert/Alert.cjs"),h=require("./components/app/navigation/AppNavigation.cjs"),q=require("./components/app/navigation/language-select/AppNavigationLanguageSelect.cjs"),P=require("./components/avatar/styled.cjs"),I=require("./components/box/Box.cjs"),s=require("./components/breadcrumb/Breadcrumb.cjs"),A=require("./components/button/Button.cjs"),y=require("./components/button-filter/ButtonFilter.cjs"),S=require("./components/chat/Chat.cjs"),B=require("./components/chat/ChatDocumentMessage.cjs"),D=require("./components/chat/ChatMessage.cjs"),w=require("./components/chat/ChatProfileAvatar.cjs"),x=require("./components/chat/ChatTextInput.cjs"),g=require("./components/checkbox/Checkbox.cjs"),M=require("./components/checkbox-card/namespace.cjs"),c=require("./components/chip/Chip.cjs"),v=require("./components/collapsible/styled.cjs"),f=require("./components/combobox/Combobox.cjs"),N=require("./components/date-picker/DatePicker.cjs"),R=require("./components/dialog/styled.cjs"),e=require("./components/drawer/Drawer.cjs"),C=require("./components/flag/styled.cjs"),L=require("./components/form/FormControl.cjs"),G=require("./components/form/FormHelperText.cjs"),k=require("./components/form/FormLabel.cjs"),F=require("./components/heading/Heading.cjs"),a=require("./components/input/HighlightedInput.cjs"),H=require("./components/icon/Icon.cjs"),j=require("./components/icon-button/IconButton.cjs"),O=require("./components/illustration/Illustration.cjs"),$=require("./components/input/Input.cjs"),E=require("./components/input/InputAddon.cjs"),V=require("./components/input/InputGroup.cjs"),z=require("./components/menu/Menu.cjs"),J=require("./components/app/mobile-card/MobileCardEntityRow.cjs"),K=require("./components/app/mobile-card/MobileCardHeader.cjs"),Q=require("./components/app/mobile-card/MobileCardNotificationBadge.cjs"),U=require("./components/app/mobile-card/MobileCardShell.cjs"),d=require("./components/app/mobile-card/MobileCardSkeleton.cjs"),W=require("./components/app/mobile-navigation/MobileNavigation.cjs"),X=require("./components/pagination/Pagination.cjs"),Y=require("./components/input/PhoneNumberInput.cjs"),o=require("./components/popover/Popover.cjs"),Z=require("./components/app/price-tag/PriceTag.cjs"),_=require("./components/app/product-card-catalog/styled.cjs"),p=require("./components/radio-button-group/RadioButtonGroup.cjs"),ee=require("./components/radio-card-group/namespace.cjs"),b=require("./components/radio-group/RadioGroup.cjs"),re=require("./components/select/Select.cjs"),te=require("./components/select-language/SelectLanguage.cjs"),oe=require("./components/status-tag-select/StatusTagSelect.cjs"),ne=require("./components/switch/Switch.cjs"),ie=require("./components/switch-card/namespace.cjs"),r=require("./components/table/Table.cjs"),u=require("./components/tabs/Tabs.cjs"),ae=require("./components/tag/Tag.cjs"),ue=require("./components/text/Text.cjs"),ce=require("./components/textarea/Textarea.cjs"),le=require("./components/tooltip/Tooltip.cjs");Object.defineProperty(exports,"createListCollection",{enumerable:!0,get:()=>n.createListCollection});Object.defineProperty(exports,"createToaster",{enumerable:!0,get:()=>n.createToaster});Object.defineProperty(exports,"parseColor",{enumerable:!0,get:()=>n.parseColor});Object.defineProperty(exports,"parseDate",{enumerable:!0,get:()=>n.parseDate});Object.defineProperty(exports,"useAccordion",{enumerable:!0,get:()=>n.useAccordion});Object.defineProperty(exports,"formatPhoneNumber",{enumerable:!0,get:()=>t.formatPhoneNumber});Object.defineProperty(exports,"formatPhoneNumberIntl",{enumerable:!0,get:()=>t.formatPhoneNumberIntl});Object.defineProperty(exports,"getCountries",{enumerable:!0,get:()=>t.getCountries});Object.defineProperty(exports,"getCountryCallingCode",{enumerable:!0,get:()=>t.getCountryCallingCode});Object.defineProperty(exports,"isPossiblePhoneNumber",{enumerable:!0,get:()=>t.isPossiblePhoneNumber});Object.defineProperty(exports,"isSupportedCountry",{enumerable:!0,get:()=>t.isSupportedCountry});Object.defineProperty(exports,"isValidPhoneNumber",{enumerable:!0,get:()=>t.isValidPhoneNumber});Object.defineProperty(exports,"parsePhoneNumber",{enumerable:!0,get:()=>t.parsePhoneNumber});exports.preset=T.preset;exports.Accordion=i.Accordion;exports.AccordionItem=i.AccordionItem;exports.AccordionItemContent=i.AccordionItemContent;exports.AccordionItemIndicator=i.AccordionItemIndicator;exports.AccordionItemTrigger=i.AccordionItemTrigger;exports.ActionCard=l.ActionCard;exports.ActionCardDescription=l.ActionCardDescription;exports.ActionCardTitle=l.ActionCardTitle;exports.Alert=m.Alert;exports.AppNavigation=h;exports.AppNavigationLanguageSelect=q.AppNavigationLanguageSelect;exports.Avatar=P;exports.Box=I.Box;exports.Breadcrumb=s.Breadcrumb;exports.BreadcrumbItem=s.BreadcrumbItem;exports.BreadcrumbLink=s.BreadcrumbLink;exports.Button=A.Button;exports.ButtonFilter=y.ButtonFilter;exports.Chat=S;exports.ChatDocumentMessage=B.ChatDocumentMessage;exports.ChatMessage=D.ChatMessage;exports.ChatProfileAvatar=w.ChatProfileAvatar;exports.ChatTextInput=x.ChatTextInput;exports.Checkbox=g.Checkbox;exports.CheckboxGroup=g.CheckboxGroup;exports.CheckboxCard=M;exports.Chip=c.Chip;exports.ChipAvatar=c.ChipAvatar;exports.ChipClearTrigger=c.ChipClearTrigger;exports.ChipLabel=c.ChipLabel;exports.Collapsible=v;exports.Combobox=f.Combobox;exports.DatePicker=N.DatePicker;exports.Dialog=R;exports.Drawer=e.Drawer;exports.DrawerBody=e.DrawerBody;exports.DrawerCloseTrigger=e.DrawerCloseTrigger;exports.DrawerContent=e.DrawerContent;exports.DrawerContext=e.DrawerContext;exports.DrawerFooter=e.DrawerFooter;exports.DrawerHeader=e.DrawerHeader;exports.DrawerTitle=e.DrawerTitle;exports.DrawerTrigger=e.DrawerTrigger;exports.Flag=C.Flag;exports.FlagCountryCodes=C.FlagCountryCodes;exports.FormControl=L.FormControl;exports.FormHelperText=G.FormHelperText;exports.FormLabel=k.FormLabel;exports.Heading=F.Heading;exports.Highlight=a.Highlight;exports.HighlightedInput=a.HighlightedInput;exports.InputSlot=a.InputSlot;exports.Renderer=a.Renderer;exports.Root=a.Root;exports.Icon=H.Icon;exports.IconButton=j.IconButton;exports.Illustration=O.Illustration;exports.Input=$.Input;exports.InputAddon=E.InputAddon;exports.InputGroup=V.InputGroup;exports.Menu=z;exports.MobileCardEntityRow=J.MobileCardEntityRow;exports.MobileCardHeader=K.MobileCardHeader;exports.MobileCardNotificationBadge=Q.MobileCardNotificationBadge;exports.MobileCardShell=U.MobileCardShell;exports.MobileCardSkeleton=d.MobileCardSkeleton;exports.MobileCardSkeletonList=d.MobileCardSkeletonList;exports.SkeletonBlock=d.SkeletonBlock;exports.MobileNavigation=W;exports.Pagination=X.Pagination;exports.PhoneNumberInput=Y.PhoneNumberInput;exports.Popover=o.Popover;exports.PopoverAnchor=o.PopoverAnchor;exports.PopoverCloseTrigger=o.PopoverCloseTrigger;exports.PopoverContent=o.PopoverContent;exports.PopoverContext=o.PopoverContext;exports.PopoverTrigger=o.PopoverTrigger;exports.PriceTag=Z.PriceTag;exports.ProductCardCatalog=_;exports.RadioButtonGroup=p.RadioButtonGroup;exports.RadioButtonGroupItem=p.RadioButtonGroupItem;exports.RadioButtonGroupLabel=p.RadioButtonGroupLabel;exports.RadioCardGroup=ee;exports.RadioGroup=b.RadioGroup;exports.RadioGroupItem=b.RadioGroupItem;exports.RadioGroupLabel=b.RadioGroupLabel;exports.Select=re.Select;exports.SelectLanguage=te.SelectLanguage;exports.StatusTagSelect=oe.StatusTagSelect;exports.Switch=ne.Switch;exports.SwitchCard=ie;exports.Table=r.Table;exports.TableContainer=r.TableContainer;exports.TableEmptyRow=r.TableEmptyRow;exports.TableGroupTitle=r.TableGroupTitle;exports.Tbody=r.Tbody;exports.Td=r.Td;exports.Th=r.Th;exports.Thead=r.Thead;exports.Tr=r.Tr;exports.Tabs=u.Tabs;exports.TabsChip=u.TabsChip;exports.TabsContent=u.TabsContent;exports.TabsList=u.TabsList;exports.TabsTrigger=u.TabsTrigger;exports.Tag=ae.Tag;exports.Text=ue.Text;exports.Textarea=ce.Textarea;exports.Tooltip=le.Tooltip;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import { createListCollection as c, createToaster as d, parseColor as C, parseDate as g, useAccordion as T } from "@ark-ui/react";
-import { formatPhoneNumber as h, formatPhoneNumberIntl as I, getCountries as P, getCountryCallingCode as A, isPossiblePhoneNumber as D, isSupportedCountry as v, isValidPhoneNumber as w, parsePhoneNumber as B } from "react-phone-number-input";
+import { createListCollection as C, createToaster as u, parseColor as c, parseDate as g, useAccordion as b } from "@ark-ui/react";
+import { formatPhoneNumber as h, formatPhoneNumberIntl as I, getCountries as P, getCountryCallingCode as A, isPossiblePhoneNumber as D, isSupportedCountry as w, isValidPhoneNumber as B, parsePhoneNumber as S } from "react-phone-number-input";
 /* empty css          */
-import { preset as G } from "./preset.js";
-import { Accordion as L, AccordionItem as N, AccordionItemContent as S, AccordionItemIndicator as F, AccordionItemTrigger as k } from "./components/accordion/Accordion.js";
-import { ActionCard as $, ActionCardDescription as M, ActionCardTitle as E } from "./components/action-card/ActionCard.js";
+import { preset as y } from "./preset.js";
+import { Accordion as G, AccordionItem as L, AccordionItemContent as M, AccordionItemIndicator as N, AccordionItemTrigger as k } from "./components/accordion/Accordion.js";
+import { ActionCard as H, ActionCardDescription as $, ActionCardTitle as E } from "./components/action-card/ActionCard.js";
 import { Alert as j } from "./components/alert/Alert.js";
 import * as r from "./components/app/navigation/AppNavigation.js";
 import { AppNavigationLanguageSelect as z } from "./components/app/navigation/language-select/AppNavigationLanguageSelect.js";
@@ -20,15 +20,15 @@ import { ChatProfileAvatar as po } from "./components/chat/ChatProfileAvatar.js"
 import { ChatTextInput as io } from "./components/chat/ChatTextInput.js";
 import { Checkbox as xo, CheckboxGroup as fo } from "./components/checkbox/Checkbox.js";
 import * as a from "./components/checkbox-card/namespace.js";
-import { Chip as lo, ChipAvatar as uo, ChipClearTrigger as co, ChipLabel as Co } from "./components/chip/Chip.js";
+import { Chip as so, ChipAvatar as Co, ChipClearTrigger as uo, ChipLabel as co } from "./components/chip/Chip.js";
 import * as p from "./components/collapsible/styled.js";
-import { Combobox as To } from "./components/combobox/Combobox.js";
+import { Combobox as bo } from "./components/combobox/Combobox.js";
 import { DatePicker as ho } from "./components/date-picker/DatePicker.js";
 import * as m from "./components/dialog/styled.js";
-import { Drawer as Po, DrawerBody as Ao, DrawerCloseTrigger as Do, DrawerContent as vo, DrawerContext as wo, DrawerFooter as Bo, DrawerHeader as yo, DrawerTitle as Go, DrawerTrigger as Ro } from "./components/drawer/Drawer.js";
-import { Flag as No, FlagCountryCodes as So } from "./components/flag/styled.js";
+import { Drawer as Po, DrawerBody as Ao, DrawerCloseTrigger as Do, DrawerContent as wo, DrawerContext as Bo, DrawerFooter as So, DrawerHeader as vo, DrawerTitle as yo, DrawerTrigger as Ro } from "./components/drawer/Drawer.js";
+import { Flag as Lo, FlagCountryCodes as Mo } from "./components/flag/styled.js";
 import { FormControl as ko } from "./components/form/FormControl.js";
-import { FormHelperText as $o } from "./components/form/FormHelperText.js";
+import { FormHelperText as Ho } from "./components/form/FormHelperText.js";
 import { FormLabel as Eo } from "./components/form/FormLabel.js";
 import { Heading as jo } from "./components/heading/Heading.js";
 import { Highlight as zo, HighlightedInput as Jo, InputSlot as Ko, Renderer as Oo, Root as Qo } from "./components/input/HighlightedInput.js";
@@ -39,34 +39,39 @@ import { Input as rr } from "./components/input/Input.js";
 import { InputAddon as tr } from "./components/input/InputAddon.js";
 import { InputGroup as pr } from "./components/input/InputGroup.js";
 import * as i from "./components/menu/Menu.js";
+import { MobileCardEntityRow as ir } from "./components/app/mobile-card/MobileCardEntityRow.js";
+import { MobileCardHeader as xr } from "./components/app/mobile-card/MobileCardHeader.js";
+import { MobileCardNotificationBadge as lr } from "./components/app/mobile-card/MobileCardNotificationBadge.js";
+import { MobileCardShell as dr } from "./components/app/mobile-card/MobileCardShell.js";
+import { MobileCardSkeleton as ur, MobileCardSkeletonList as cr, SkeletonBlock as gr } from "./components/app/mobile-card/MobileCardSkeleton.js";
 import * as n from "./components/app/mobile-navigation/MobileNavigation.js";
-import { Pagination as ir } from "./components/pagination/Pagination.js";
-import { PhoneNumberInput as xr } from "./components/input/PhoneNumberInput.js";
-import { Popover as sr, PopoverAnchor as lr, PopoverCloseTrigger as ur, PopoverContent as cr, PopoverContext as dr, PopoverTrigger as Cr } from "./components/popover/Popover.js";
-import { PriceTag as Tr } from "./components/app/price-tag/PriceTag.js";
+import { Pagination as Tr } from "./components/pagination/Pagination.js";
+import { PhoneNumberInput as Ir } from "./components/input/PhoneNumberInput.js";
+import { Popover as Ar, PopoverAnchor as Dr, PopoverCloseTrigger as wr, PopoverContent as Br, PopoverContext as Sr, PopoverTrigger as vr } from "./components/popover/Popover.js";
+import { PriceTag as Rr } from "./components/app/price-tag/PriceTag.js";
 import * as x from "./components/app/product-card-catalog/styled.js";
-import { RadioButtonGroup as hr, RadioButtonGroupItem as Ir, RadioButtonGroupLabel as Pr } from "./components/radio-button-group/RadioButtonGroup.js";
+import { RadioButtonGroup as Lr, RadioButtonGroupItem as Mr, RadioButtonGroupLabel as Nr } from "./components/radio-button-group/RadioButtonGroup.js";
 import * as f from "./components/radio-card-group/namespace.js";
-import { RadioGroup as Dr, RadioGroupItem as vr, RadioGroupLabel as wr } from "./components/radio-group/RadioGroup.js";
-import { Select as yr } from "./components/select/Select.js";
-import { SelectLanguage as Rr } from "./components/select-language/SelectLanguage.js";
-import { StatusTagSelect as Nr } from "./components/status-tag-select/StatusTagSelect.js";
-import { Switch as Fr } from "./components/switch/Switch.js";
-import * as s from "./components/switch-card/namespace.js";
-import { Table as Hr, TableContainer as $r, TableEmptyRow as Mr, TableGroupTitle as Er, Tbody as Vr, Td as jr, Th as qr, Thead as zr, Tr as Jr } from "./components/table/Table.js";
-import { Tabs as Or, TabsChip as Qr, TabsContent as Ur, TabsList as Wr, TabsTrigger as Xr } from "./components/tabs/Tabs.js";
-import { Tag as Zr } from "./components/tag/Tag.js";
-import { Text as oe } from "./components/text/Text.js";
-import { Textarea as ee } from "./components/textarea/Textarea.js";
-import { Tooltip as ae } from "./components/tooltip/Tooltip.js";
+import { RadioGroup as Fr, RadioGroupItem as Hr, RadioGroupLabel as $r } from "./components/radio-group/RadioGroup.js";
+import { Select as Vr } from "./components/select/Select.js";
+import { SelectLanguage as qr } from "./components/select-language/SelectLanguage.js";
+import { StatusTagSelect as Jr } from "./components/status-tag-select/StatusTagSelect.js";
+import { Switch as Or } from "./components/switch/Switch.js";
+import * as l from "./components/switch-card/namespace.js";
+import { Table as Ur, TableContainer as Wr, TableEmptyRow as Xr, TableGroupTitle as Yr, Tbody as Zr, Td as _r, Th as oe, Thead as re, Tr as ee } from "./components/table/Table.js";
+import { Tabs as ae, TabsChip as pe, TabsContent as me, TabsList as ie, TabsTrigger as ne } from "./components/tabs/Tabs.js";
+import { Tag as fe } from "./components/tag/Tag.js";
+import { Text as se } from "./components/text/Text.js";
+import { Textarea as Ce } from "./components/textarea/Textarea.js";
+import { Tooltip as ce } from "./components/tooltip/Tooltip.js";
 export {
-  L as Accordion,
-  N as AccordionItem,
-  S as AccordionItemContent,
-  F as AccordionItemIndicator,
+  G as Accordion,
+  L as AccordionItem,
+  M as AccordionItemContent,
+  N as AccordionItemIndicator,
   k as AccordionItemTrigger,
-  $ as ActionCard,
-  M as ActionCardDescription,
+  H as ActionCard,
+  $ as ActionCardDescription,
   E as ActionCardTitle,
   j as Alert,
   r as AppNavigation,
@@ -86,27 +91,27 @@ export {
   xo as Checkbox,
   a as CheckboxCard,
   fo as CheckboxGroup,
-  lo as Chip,
-  uo as ChipAvatar,
-  co as ChipClearTrigger,
-  Co as ChipLabel,
+  so as Chip,
+  Co as ChipAvatar,
+  uo as ChipClearTrigger,
+  co as ChipLabel,
   p as Collapsible,
-  To as Combobox,
+  bo as Combobox,
   ho as DatePicker,
   m as Dialog,
   Po as Drawer,
   Ao as DrawerBody,
   Do as DrawerCloseTrigger,
-  vo as DrawerContent,
-  wo as DrawerContext,
-  Bo as DrawerFooter,
-  yo as DrawerHeader,
-  Go as DrawerTitle,
+  wo as DrawerContent,
+  Bo as DrawerContext,
+  So as DrawerFooter,
+  vo as DrawerHeader,
+  yo as DrawerTitle,
   Ro as DrawerTrigger,
-  No as Flag,
-  So as FlagCountryCodes,
+  Lo as Flag,
+  Mo as FlagCountryCodes,
   ko as FormControl,
-  $o as FormHelperText,
+  Ho as FormHelperText,
   Eo as FormLabel,
   jo as Heading,
   zo as Highlight,
@@ -119,62 +124,69 @@ export {
   pr as InputGroup,
   Ko as InputSlot,
   i as Menu,
+  ir as MobileCardEntityRow,
+  xr as MobileCardHeader,
+  lr as MobileCardNotificationBadge,
+  dr as MobileCardShell,
+  ur as MobileCardSkeleton,
+  cr as MobileCardSkeletonList,
   n as MobileNavigation,
-  ir as Pagination,
-  xr as PhoneNumberInput,
-  sr as Popover,
-  lr as PopoverAnchor,
-  ur as PopoverCloseTrigger,
-  cr as PopoverContent,
-  dr as PopoverContext,
-  Cr as PopoverTrigger,
-  Tr as PriceTag,
+  Tr as Pagination,
+  Ir as PhoneNumberInput,
+  Ar as Popover,
+  Dr as PopoverAnchor,
+  wr as PopoverCloseTrigger,
+  Br as PopoverContent,
+  Sr as PopoverContext,
+  vr as PopoverTrigger,
+  Rr as PriceTag,
   x as ProductCardCatalog,
-  hr as RadioButtonGroup,
-  Ir as RadioButtonGroupItem,
-  Pr as RadioButtonGroupLabel,
+  Lr as RadioButtonGroup,
+  Mr as RadioButtonGroupItem,
+  Nr as RadioButtonGroupLabel,
   f as RadioCardGroup,
-  Dr as RadioGroup,
-  vr as RadioGroupItem,
-  wr as RadioGroupLabel,
+  Fr as RadioGroup,
+  Hr as RadioGroupItem,
+  $r as RadioGroupLabel,
   Oo as Renderer,
   Qo as Root,
-  yr as Select,
-  Rr as SelectLanguage,
-  Nr as StatusTagSelect,
-  Fr as Switch,
-  s as SwitchCard,
-  Hr as Table,
-  $r as TableContainer,
-  Mr as TableEmptyRow,
-  Er as TableGroupTitle,
-  Or as Tabs,
-  Qr as TabsChip,
-  Ur as TabsContent,
-  Wr as TabsList,
-  Xr as TabsTrigger,
-  Zr as Tag,
-  Vr as Tbody,
-  jr as Td,
-  oe as Text,
-  ee as Textarea,
-  qr as Th,
-  zr as Thead,
-  ae as Tooltip,
-  Jr as Tr,
-  c as createListCollection,
-  d as createToaster,
+  Vr as Select,
+  qr as SelectLanguage,
+  gr as SkeletonBlock,
+  Jr as StatusTagSelect,
+  Or as Switch,
+  l as SwitchCard,
+  Ur as Table,
+  Wr as TableContainer,
+  Xr as TableEmptyRow,
+  Yr as TableGroupTitle,
+  ae as Tabs,
+  pe as TabsChip,
+  me as TabsContent,
+  ie as TabsList,
+  ne as TabsTrigger,
+  fe as Tag,
+  Zr as Tbody,
+  _r as Td,
+  se as Text,
+  Ce as Textarea,
+  oe as Th,
+  re as Thead,
+  ce as Tooltip,
+  ee as Tr,
+  C as createListCollection,
+  u as createToaster,
   h as formatPhoneNumber,
   I as formatPhoneNumberIntl,
   P as getCountries,
   A as getCountryCallingCode,
   D as isPossiblePhoneNumber,
-  v as isSupportedCountry,
-  w as isValidPhoneNumber,
-  C as parseColor,
+  w as isSupportedCountry,
+  B as isValidPhoneNumber,
+  c as parseColor,
   g as parseDate,
-  B as parsePhoneNumber,
-  G as preset,
-  T as useAccordion
+  S as parsePhoneNumber,
+  y as preset,
+  b as useAccordion
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}