@stokelp/ui 2.98.0 → 2.100.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/app/index.d.ts +2 -0
- package/dist/components/app/mobile-card/MobileCardEntityRow.cjs +2 -0
- package/dist/components/app/mobile-card/MobileCardEntityRow.cjs.map +1 -0
- package/dist/components/app/mobile-card/MobileCardEntityRow.d.ts +6 -0
- package/dist/components/app/mobile-card/MobileCardEntityRow.js +27 -0
- package/dist/components/app/mobile-card/MobileCardEntityRow.js.map +1 -0
- package/dist/components/app/mobile-card/MobileCardHeader.cjs +2 -0
- package/dist/components/app/mobile-card/MobileCardHeader.cjs.map +1 -0
- package/dist/components/app/mobile-card/MobileCardHeader.d.ts +6 -0
- package/dist/components/app/mobile-card/MobileCardHeader.js +22 -0
- package/dist/components/app/mobile-card/MobileCardHeader.js.map +1 -0
- package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs +2 -0
- package/dist/components/app/mobile-card/MobileCardNotificationBadge.cjs.map +1 -0
- package/dist/components/app/mobile-card/MobileCardNotificationBadge.d.ts +4 -0
- package/dist/components/app/mobile-card/MobileCardNotificationBadge.js +16 -0
- package/dist/components/app/mobile-card/MobileCardNotificationBadge.js.map +1 -0
- package/dist/components/app/mobile-card/MobileCardShell.cjs +2 -0
- package/dist/components/app/mobile-card/MobileCardShell.cjs.map +1 -0
- package/dist/components/app/mobile-card/MobileCardShell.d.ts +6 -0
- package/dist/components/app/mobile-card/MobileCardShell.js +21 -0
- package/dist/components/app/mobile-card/MobileCardShell.js.map +1 -0
- package/dist/components/app/mobile-card/MobileCardSkeleton.cjs +2 -0
- package/dist/components/app/mobile-card/MobileCardSkeleton.cjs.map +1 -0
- package/dist/components/app/mobile-card/MobileCardSkeleton.d.ts +17 -0
- package/dist/components/app/mobile-card/MobileCardSkeleton.js +27 -0
- package/dist/components/app/mobile-card/MobileCardSkeleton.js.map +1 -0
- package/dist/components/app/mobile-card/index.d.ts +10 -0
- package/dist/components/app/mobile-navigation/MobileNavigation.cjs +2 -0
- package/dist/components/app/mobile-navigation/MobileNavigation.cjs.map +1 -0
- package/dist/components/app/mobile-navigation/MobileNavigation.d.ts +17 -0
- package/dist/components/app/mobile-navigation/MobileNavigation.js +19 -0
- package/dist/components/app/mobile-navigation/MobileNavigation.js.map +1 -0
- package/dist/components/app/mobile-navigation/index.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +160 -146
- package/dist/index.js.map +1 -1
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs +2 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.cjs.map +1 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js +30 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js.map +1 -0
- package/dist/theme/recipes/app/mobile-navigation.cjs +2 -0
- package/dist/theme/recipes/app/mobile-navigation.cjs.map +1 -0
- package/dist/theme/recipes/app/mobile-navigation.d.ts +2 -0
- package/dist/theme/recipes/app/mobile-navigation.js +110 -0
- package/dist/theme/recipes/app/mobile-navigation.js.map +1 -0
- package/dist/theme/recipes/index.cjs +1 -1
- package/dist/theme/recipes/index.cjs.map +1 -1
- package/dist/theme/recipes/index.d.ts +1 -0
- package/dist/theme/recipes/index.js +60 -58
- package/dist/theme/recipes/index.js.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=MobileCardEntityRow.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export interface MobileCardEntityRowProps {
|
|
2
|
+
name: string;
|
|
3
|
+
imageURL?: string;
|
|
4
|
+
unreadNotifications?: number;
|
|
5
|
+
}
|
|
6
|
+
export declare function MobileCardEntityRow({ name, imageURL, unreadNotifications }: MobileCardEntityRowProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { HStack as o, Box as c } from "@stokelp/styled-system/jsx";
|
|
4
|
+
import { Text as l } from "../../text/Text.js";
|
|
5
|
+
import { MobileCardNotificationBadge as s } from "./MobileCardNotificationBadge.js";
|
|
6
|
+
function m({ name: t, imageURL: i, unreadNotifications: n }) {
|
|
7
|
+
return /* @__PURE__ */ r(o, { gap: "space-8", alignItems: "center", justifyContent: "space-between", children: [
|
|
8
|
+
/* @__PURE__ */ r(o, { gap: "space-8", alignItems: "center", flex: "1", minW: "0", children: [
|
|
9
|
+
i && /* @__PURE__ */ e(c, { borderRadius: "full", overflow: "hidden", w: "size-20", h: "size-20", flexShrink: 0, children: /* @__PURE__ */ e(
|
|
10
|
+
"img",
|
|
11
|
+
{
|
|
12
|
+
src: i,
|
|
13
|
+
alt: t,
|
|
14
|
+
width: 20,
|
|
15
|
+
height: 20,
|
|
16
|
+
style: { objectFit: "cover", width: "100%", height: "100%" }
|
|
17
|
+
}
|
|
18
|
+
) }),
|
|
19
|
+
/* @__PURE__ */ e(l, { size: "sm", bold: !0, truncate: !0, children: t })
|
|
20
|
+
] }),
|
|
21
|
+
/* @__PURE__ */ e(s, { count: n })
|
|
22
|
+
] });
|
|
23
|
+
}
|
|
24
|
+
export {
|
|
25
|
+
m as MobileCardEntityRow
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=MobileCardEntityRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=MobileCardHeader.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { HStack as p } from "@stokelp/styled-system/jsx";
|
|
4
|
+
function i({ children: r, onClick: e }) {
|
|
5
|
+
return /* @__PURE__ */ o(
|
|
6
|
+
p,
|
|
7
|
+
{
|
|
8
|
+
bgColor: "primary.300",
|
|
9
|
+
px: "space-16",
|
|
10
|
+
py: "space-12",
|
|
11
|
+
gap: "space-12",
|
|
12
|
+
justifyContent: "space-between",
|
|
13
|
+
cursor: e ? "pointer" : void 0,
|
|
14
|
+
onClick: e,
|
|
15
|
+
children: r
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
export {
|
|
20
|
+
i as MobileCardHeader
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=MobileCardHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=MobileCardNotificationBadge.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as i, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { HStack as o } from "@stokelp/styled-system/jsx";
|
|
4
|
+
import { Chip as l, ChipLabel as t } from "../../chip/Chip.js";
|
|
5
|
+
import { Icon as n } from "../../icon/Icon.js";
|
|
6
|
+
import c from "../../../node_modules/@heroicons/react/24/outline/esm/ChatBubbleLeftRightIcon.js";
|
|
7
|
+
function h({ count: e }) {
|
|
8
|
+
return !e || e <= 0 ? null : /* @__PURE__ */ i(o, { gap: "space-4", alignItems: "center", flexShrink: 0, children: [
|
|
9
|
+
/* @__PURE__ */ r(n, { size: "sm", color: "grey.400", children: /* @__PURE__ */ r(c, {}) }),
|
|
10
|
+
/* @__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 }) })
|
|
11
|
+
] });
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
h as MobileCardNotificationBadge
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=MobileCardNotificationBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=MobileCardShell.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { Box as i } from "@stokelp/styled-system/jsx";
|
|
4
|
+
function u({ children: o, onClick: r }) {
|
|
5
|
+
return /* @__PURE__ */ e(
|
|
6
|
+
i,
|
|
7
|
+
{
|
|
8
|
+
width: "100%",
|
|
9
|
+
borderRadius: "radius-16",
|
|
10
|
+
overflow: "hidden",
|
|
11
|
+
backgroundColor: "white",
|
|
12
|
+
cursor: r ? "pointer" : void 0,
|
|
13
|
+
onClick: r,
|
|
14
|
+
children: o
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
u as MobileCardShell
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=MobileCardShell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"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;
|
|
2
|
+
//# sourceMappingURL=MobileCardSkeleton.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface SkeletonBlockProps {
|
|
3
|
+
width: string;
|
|
4
|
+
height: string;
|
|
5
|
+
borderRadius?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function SkeletonBlock({ width, height, borderRadius }: SkeletonBlockProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export interface MobileCardSkeletonProps {
|
|
9
|
+
headerContent: ReactNode;
|
|
10
|
+
bodyContent: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare function MobileCardSkeleton({ headerContent, bodyContent }: MobileCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export interface MobileCardSkeletonListProps {
|
|
14
|
+
count?: number;
|
|
15
|
+
children: () => ReactNode;
|
|
16
|
+
}
|
|
17
|
+
export declare function MobileCardSkeletonList({ count, children }: MobileCardSkeletonListProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as s, jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { Box as o, HStack as c, VStack as a } from "@stokelp/styled-system/jsx";
|
|
4
|
+
import { css as d } from "@stokelp/styled-system/css";
|
|
5
|
+
const l = d({
|
|
6
|
+
background: "linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",
|
|
7
|
+
backgroundSize: "200% 100%",
|
|
8
|
+
animation: "shimmer 1.5s infinite"
|
|
9
|
+
});
|
|
10
|
+
function u({ width: e, height: r, borderRadius: n = "radius-4" }) {
|
|
11
|
+
return /* @__PURE__ */ i(o, { width: e, height: r, borderRadius: n, className: l });
|
|
12
|
+
}
|
|
13
|
+
function g({ headerContent: e, bodyContent: r }) {
|
|
14
|
+
return /* @__PURE__ */ s(o, { width: "100%", borderRadius: "radius-16", overflow: "hidden", border: "1px solid", borderColor: "grey.100", children: [
|
|
15
|
+
/* @__PURE__ */ i(c, { bgColor: "primary.100", px: "space-16", py: "space-12", gap: "space-8", children: e }),
|
|
16
|
+
/* @__PURE__ */ i(a, { gap: "space-12", p: "space-16", alignItems: "stretch", children: r })
|
|
17
|
+
] });
|
|
18
|
+
}
|
|
19
|
+
function h({ count: e = 3, children: r }) {
|
|
20
|
+
return /* @__PURE__ */ i(a, { gap: "space-16", width: "100%", children: Array.from({ length: e }, (n, t) => /* @__PURE__ */ i(o, { children: r() }, t)) });
|
|
21
|
+
}
|
|
22
|
+
export {
|
|
23
|
+
g as MobileCardSkeleton,
|
|
24
|
+
h as MobileCardSkeletonList,
|
|
25
|
+
u as SkeletonBlock
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=MobileCardSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { MobileCardShell } from './MobileCardShell';
|
|
2
|
+
export type { MobileCardShellProps } from './MobileCardShell';
|
|
3
|
+
export { MobileCardHeader } from './MobileCardHeader';
|
|
4
|
+
export type { MobileCardHeaderProps } from './MobileCardHeader';
|
|
5
|
+
export { MobileCardEntityRow } from './MobileCardEntityRow';
|
|
6
|
+
export type { MobileCardEntityRowProps } from './MobileCardEntityRow';
|
|
7
|
+
export { MobileCardNotificationBadge } from './MobileCardNotificationBadge';
|
|
8
|
+
export type { MobileCardNotificationBadgeProps } from './MobileCardNotificationBadge';
|
|
9
|
+
export { MobileCardSkeleton, MobileCardSkeletonList, SkeletonBlock } from './MobileCardSkeleton';
|
|
10
|
+
export type { MobileCardSkeletonProps, MobileCardSkeletonListProps, SkeletonBlockProps } from './MobileCardSkeleton';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@stokelp/styled-system/jsx"),o=require("@stokelp/styled-system/recipes"),s=require("../../../utils/slots.cjs"),n=require("../../icon/Icon.cjs"),{withProvider:r,withContext:e}=s.createStyleContext(o.mobileNavigation,{dataAttr:!0}),c=r(t.styled("nav"),"root"),i=e(t.styled("a"),"item"),a=e(n.Icon,"itemIcon",{defaultProps:{size:"sm"}}),l=e(t.styled("span"),"itemLabel");exports.Item=i;exports.ItemIcon=a;exports.ItemLabel=l;exports.Root=c;
|
|
2
|
+
//# sourceMappingURL=MobileNavigation.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MobileNavigation.cjs","sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n defaultProps: {\n size: 'sm',\n },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"names":["withProvider","withContext","createStyleContext","mobileNavigation","Root","styled","Item","ItemIcon","Icon","ItemLabel"],"mappings":"8PAMM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,iBAAkB,CACzE,SAAU,EACZ,CAAC,EAEYC,EAAOJ,EAAaK,SAAO,KAAK,EAAG,MAAM,EACzCC,EAAOL,EAAYI,SAAO,GAAG,EAAG,MAAM,EACtCE,EAAWN,EAAYO,EAAAA,KAAM,WAAY,CACpD,aAAc,CACZ,KAAM,IAAA,CAEV,CAAC,EACYC,EAAYR,EAAYI,SAAO,MAAM,EAAG,WAAW"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ComponentProps, FC } from 'react';
|
|
2
|
+
import { ComponentVariants } from '../../../utils/slots';
|
|
3
|
+
import { StyledComponent } from '@stokelp/styled-system/types';
|
|
4
|
+
import { MobileNavigationRecipe } from '@stokelp/styled-system/recipes';
|
|
5
|
+
import { IconProps } from '../../icon/Icon';
|
|
6
|
+
export declare const Root: ComponentVariants<StyledComponent<"nav", {}>, MobileNavigationRecipe>;
|
|
7
|
+
export declare const Item: StyledComponent<"a", {}>;
|
|
8
|
+
export declare const ItemIcon: FC<IconProps>;
|
|
9
|
+
export declare const ItemLabel: StyledComponent<"span", {}>;
|
|
10
|
+
export interface MobileNavigationProps extends ComponentProps<typeof Root> {
|
|
11
|
+
}
|
|
12
|
+
export interface MobileNavigationItemProps extends ComponentProps<typeof Item> {
|
|
13
|
+
}
|
|
14
|
+
export interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {
|
|
15
|
+
}
|
|
16
|
+
export interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {
|
|
17
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { styled as t } from "@stokelp/styled-system/jsx";
|
|
3
|
+
import { mobileNavigation as e } from "@stokelp/styled-system/recipes";
|
|
4
|
+
import { createStyleContext as m } from "../../../utils/slots.js";
|
|
5
|
+
import { Icon as r } from "../../icon/Icon.js";
|
|
6
|
+
const { withProvider: i, withContext: o } = m(e, {
|
|
7
|
+
dataAttr: !0
|
|
8
|
+
}), l = i(t("nav"), "root"), p = o(t("a"), "item"), I = o(r, "itemIcon", {
|
|
9
|
+
defaultProps: {
|
|
10
|
+
size: "sm"
|
|
11
|
+
}
|
|
12
|
+
}), f = o(t("span"), "itemLabel");
|
|
13
|
+
export {
|
|
14
|
+
p as Item,
|
|
15
|
+
I as ItemIcon,
|
|
16
|
+
f as ItemLabel,
|
|
17
|
+
l as Root
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=MobileNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MobileNavigation.js","sources":["../../../../src/components/app/mobile-navigation/MobileNavigation.tsx"],"sourcesContent":["import { styled } from '@stokelp/styled-system/jsx'\nimport { mobileNavigation } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Icon } from '~/components/icon/Icon'\nimport { ComponentProps } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(mobileNavigation, {\n dataAttr: true,\n})\n\nexport const Root = withProvider(styled('nav'), 'root')\nexport const Item = withContext(styled('a'), 'item')\nexport const ItemIcon = withContext(Icon, 'itemIcon', {\n defaultProps: {\n size: 'sm',\n },\n})\nexport const ItemLabel = withContext(styled('span'), 'itemLabel')\n\nexport interface MobileNavigationProps extends ComponentProps<typeof Root> {}\nexport interface MobileNavigationItemProps extends ComponentProps<typeof Item> {}\nexport interface MobileNavigationItemIconProps extends ComponentProps<typeof ItemIcon> {}\nexport interface MobileNavigationItemLabelProps extends ComponentProps<typeof ItemLabel> {}\n"],"names":["withProvider","withContext","createStyleContext","mobileNavigation","Root","styled","Item","ItemIcon","Icon","ItemLabel"],"mappings":";;;;;AAMA,MAAM,EAAE,cAAAA,GAAc,aAAAC,MAAgBC,EAAmBC,GAAkB;AAAA,EACzE,UAAU;AACZ,CAAC,GAEYC,IAAOJ,EAAaK,EAAO,KAAK,GAAG,MAAM,GACzCC,IAAOL,EAAYI,EAAO,GAAG,GAAG,MAAM,GACtCE,IAAWN,EAAYO,GAAM,YAAY;AAAA,EACpD,cAAc;AAAA,IACZ,MAAM;AAAA,EAAA;AAEV,CAAC,GACYC,IAAYR,EAAYI,EAAO,MAAM,GAAG,WAAW;"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|