@stokelp/ui 2.99.0 → 2.101.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 +1 -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/avatar/styled.cjs +1 -1
- package/dist/components/avatar/styled.cjs.map +1 -1
- package/dist/components/avatar/styled.js +7 -7
- package/dist/components/date-picker/DatePicker.cjs +1 -1
- package/dist/components/date-picker/DatePicker.js +6 -6
- package/dist/components/radio-button-group/RadioButtonGroup.d.ts +1 -1
- package/dist/components/radio-group/RadioGroup.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +104 -92
- 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/node_modules/@zag-js/utils/dist/functions.cjs +2 -0
- package/dist/node_modules/@zag-js/utils/dist/functions.cjs.map +1 -0
- package/dist/node_modules/@zag-js/utils/dist/functions.js +6 -0
- package/dist/node_modules/@zag-js/utils/dist/functions.js.map +1 -0
- package/dist/node_modules/lodash/lodash.cjs +9 -9
- package/dist/node_modules/lodash/lodash.cjs.map +1 -1
- package/dist/node_modules/lodash/lodash.js +1738 -1740
- package/dist/node_modules/lodash/lodash.js.map +1 -1
- package/dist/ui.css +1 -1
- package/package.json +13 -13
- package/dist/node_modules/@zag-js/utils/dist/index.cjs +0 -2
- package/dist/node_modules/@zag-js/utils/dist/index.cjs.map +0 -1
- package/dist/node_modules/@zag-js/utils/dist/index.js +0 -8
- package/dist/node_modules/@zag-js/utils/dist/index.js.map +0 -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';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),r=require("@ark-ui/react"),n=require("@stokelp/styled-system/jsx"),c=require("@stokelp/styled-system/recipes"),m=require("../../utils/slots.cjs"),e=require("react"),p=require("../../node_modules/@zag-js/utils/dist/functions.cjs"),{withProvider:y,withContext:i}=m.createStyleContext(c.avatar),q=n.styled(r.ark.div,c.avatarGroup),x=(o,t)=>{const s=o.slice(0,t),a=o.slice(t);return[s,a]},b=e.forwardRef(({children:o,size:t,max:s=4,overflowContent:a,...u},d)=>{const[v,l]=x(e.Children.toArray(o),s);return g.jsxs(q,{ref:d,size:t,...u,children:[e.Children.map(v,f=>e.cloneElement(f,c.avatar.raw({size:t}))),a&&l.length>0?e.cloneElement(p.runIfFn(a,l.length),{"data-overflow":""}):null]})}),h=y(n.styled(r.Avatar.Root),"root"),C=i(n.styled(r.Avatar.Image),"image"),R=i(n.styled(r.Avatar.Fallback),"fallback"),k=r.Avatar.Context;exports.Context=k;exports.Fallback=R;exports.Group=b;exports.Image=C;exports.Root=h;
|
|
2
2
|
//# sourceMappingURL=styled.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.cjs","sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n const first = children.slice(0, max)\n const rest = children.slice(max)\n\n return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n const [avatars, overflow] = partition(Children.toArray(children), max)\n\n return (\n <InnerGroup ref={ref} size={size} {...props}>\n {Children.map(avatars, a => {\n return cloneElement(a as any, avatar.raw({ size }))\n })}\n {overflowContent && overflow.length > 0\n ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n : null}\n </InnerGroup>\n )\n },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {\n overflowContent?: ((count: number) => ReactNode) | ReactNode\n max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"names":["withProvider","withContext","createStyleContext","avatar","InnerGroup","styled","ark","avatarGroup","partition","children","max","first","rest","Group","forwardRef","size","overflowContent","props","ref","avatars","overflow","Children","jsxs","a","cloneElement","runIfFn","Root","Avatar","Image","Fallback","Context"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.cjs","sources":["../../../src/components/avatar/styled.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { ark, Avatar } from '@ark-ui/react'\nimport { runIfFn } from '@zag-js/utils'\nimport { styled } from '@stokelp/styled-system/jsx'\nimport { avatar, avatarGroup } from '@stokelp/styled-system/recipes'\nimport { createStyleContext } from '~/utils/slots'\nimport { Children, cloneElement, ComponentProps, forwardRef, ReactNode } from 'react'\n\nconst { withProvider, withContext } = createStyleContext(avatar)\n\nconst InnerGroup = styled(ark.div, avatarGroup)\n\nconst partition = (children: ReactNode[], max: number) => {\n const first = children.slice(0, max)\n const rest = children.slice(max)\n\n return [first, rest]\n}\n\nexport const Group = forwardRef<HTMLDivElement, AvatarGroupProps>(\n ({ children, size, max = 4, overflowContent, ...props }, ref) => {\n const [avatars, overflow] = partition(Children.toArray(children), max)\n\n return (\n <InnerGroup ref={ref} size={size} {...props}>\n {Children.map(avatars, a => {\n return cloneElement(a as any, avatar.raw({ size }))\n })}\n {overflowContent && overflow.length > 0\n ? cloneElement(runIfFn(overflowContent, overflow.length) as any, { 'data-overflow': '' })\n : null}\n </InnerGroup>\n )\n },\n)\n\nexport const Root = withProvider(styled(Avatar.Root), 'root')\nexport const Image = withContext(styled(Avatar.Image), 'image')\nexport const Fallback = withContext(styled(Avatar.Fallback), 'fallback')\nexport const Context = Avatar.Context\n\nexport interface AvatarProps extends ComponentProps<typeof Root> {}\nexport interface AvatarGroupProps extends ComponentProps<typeof InnerGroup> {\n overflowContent?: ((count: number) => ReactNode) | ReactNode\n max?: number\n}\nexport interface AvatarImageProps extends ComponentProps<typeof Image> {}\nexport interface AvatarFallbackProps extends ComponentProps<typeof Fallback> {}\nexport interface AvatarContextProps extends ComponentProps<typeof Context> {}\n"],"names":["withProvider","withContext","createStyleContext","avatar","InnerGroup","styled","ark","avatarGroup","partition","children","max","first","rest","Group","forwardRef","size","overflowContent","props","ref","avatars","overflow","Children","jsxs","a","cloneElement","runIfFn","Root","Avatar","Image","Fallback","Context"],"mappings":"wWAQM,CAAE,aAAAA,EAAc,YAAAC,GAAgBC,EAAAA,mBAAmBC,EAAAA,MAAM,EAEzDC,EAAaC,EAAAA,OAAOC,MAAI,IAAKC,EAAAA,WAAW,EAExCC,EAAY,CAACC,EAAuBC,IAAgB,CACxD,MAAMC,EAAQF,EAAS,MAAM,EAAGC,CAAG,EAC7BE,EAAOH,EAAS,MAAMC,CAAG,EAE/B,MAAO,CAACC,EAAOC,CAAI,CACrB,EAEaC,EAAQC,EAAAA,WACnB,CAAC,CAAE,SAAAL,EAAU,KAAAM,EAAM,IAAAL,EAAM,EAAG,gBAAAM,EAAiB,GAAGC,CAAA,EAASC,IAAQ,CAC/D,KAAM,CAACC,EAASC,CAAQ,EAAIZ,EAAUa,EAAAA,SAAS,QAAQZ,CAAQ,EAAGC,CAAG,EAErE,OACEY,EAAAA,KAAClB,EAAA,CAAW,IAAAc,EAAU,KAAAH,EAAa,GAAGE,EACnC,SAAA,CAAAI,EAAAA,SAAS,IAAIF,EAASI,GACdC,EAAAA,aAAaD,EAAUpB,EAAAA,OAAO,IAAI,CAAE,KAAAY,CAAA,CAAM,CAAC,CACnD,EACAC,GAAmBI,EAAS,OAAS,EAClCI,EAAAA,aAAaC,EAAAA,QAAQT,EAAiBI,EAAS,MAAM,EAAU,CAAE,gBAAiB,EAAA,CAAI,EACtF,IAAA,EACN,CAEJ,CACF,EAEaM,EAAO1B,EAAaK,EAAAA,OAAOsB,EAAAA,OAAO,IAAI,EAAG,MAAM,EAC/CC,EAAQ3B,EAAYI,EAAAA,OAAOsB,EAAAA,OAAO,KAAK,EAAG,OAAO,EACjDE,EAAW5B,EAAYI,EAAAA,OAAOsB,EAAAA,OAAO,QAAQ,EAAG,UAAU,EAC1DG,EAAUH,EAAAA,OAAO"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as d } from "react/jsx-runtime";
|
|
3
3
|
import { Avatar as a, ark as g } from "@ark-ui/react";
|
|
4
|
-
import { runIfFn as h } from "../../node_modules/@zag-js/utils/dist/index.js";
|
|
5
4
|
import { styled as e } from "@stokelp/styled-system/jsx";
|
|
6
|
-
import { avatar as i, avatarGroup as
|
|
7
|
-
import { createStyleContext as
|
|
8
|
-
import { forwardRef as
|
|
9
|
-
|
|
5
|
+
import { avatar as i, avatarGroup as h } from "@stokelp/styled-system/recipes";
|
|
6
|
+
import { createStyleContext as w } from "../../utils/slots.js";
|
|
7
|
+
import { forwardRef as x, Children as l, cloneElement as s } from "react";
|
|
8
|
+
import { runIfFn as k } from "../../node_modules/@zag-js/utils/dist/functions.js";
|
|
9
|
+
const { withProvider: C, withContext: m } = w(i), I = e(g.div, h), b = (o, t) => {
|
|
10
10
|
const n = o.slice(0, t), r = o.slice(t);
|
|
11
11
|
return [n, r];
|
|
12
|
-
}, P =
|
|
12
|
+
}, P = x(
|
|
13
13
|
({ children: o, size: t, max: n = 4, overflowContent: r, ...f }, p) => {
|
|
14
14
|
const [u, c] = b(l.toArray(o), n);
|
|
15
15
|
return /* @__PURE__ */ d(I, { ref: p, size: t, ...f, children: [
|
|
16
16
|
l.map(u, (v) => s(v, i.raw({ size: t }))),
|
|
17
|
-
r && c.length > 0 ? s(
|
|
17
|
+
r && c.length > 0 ? s(k(r, c.length), { "data-overflow": "" }) : null
|
|
18
18
|
] });
|
|
19
19
|
}
|
|
20
20
|
), S = C(e(a.Root), "root"), q = m(e(a.Image), "image"), B = m(e(a.Fallback), "fallback"), D = a.Context;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@stokelp/styled-system/recipes"),t=require("@ark-ui/react"),H=require("../../utils/slots.cjs"),T=require("@stokelp/styled-system/jsx"),d=require("../input/InputGroup.cjs"),h=require("../input/InputAddon.cjs"),u=require("../
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@stokelp/styled-system/recipes"),t=require("@ark-ui/react"),H=require("../../utils/slots.cjs"),T=require("@stokelp/styled-system/jsx"),d=require("../input/InputGroup.cjs"),h=require("../input/InputAddon.cjs"),u=require("../icon-button/IconButton.cjs"),x=require("../input/Input.cjs"),{withProvider:b,withContext:r}=H.createStyleContext(p.datepicker),M=b(t.DatePicker.Root,"root",{defaultProps:{positioning:{placement:"bottom-start"},view:"day",locale:"fr",unmountOnExit:!0,lazyMount:!0,startOfWeek:6}}),L=r(t.DatePicker.Content,"content"),f=r(t.DatePicker.Control,"control"),g=r(t.DatePicker.Input,"input"),Z=r(t.DatePicker.MonthSelect,"monthSelect"),I=r(t.DatePicker.NextTrigger,"nextTrigger"),R=r(t.DatePicker.Positioner,"positioner"),m=r(t.DatePicker.PrevTrigger,"prevTrigger"),y=r(t.DatePicker.TableBody,"tableBody"),B=r(t.DatePicker.TableCell,"tableCell"),S=r(t.DatePicker.TableCellTrigger,"tableCellTrigger"),q=r(t.DatePicker.TableHead,"tableHead"),A=r(t.DatePicker.TableHeader,"tableHeader"),O=r(t.DatePicker.Table,"table"),j=r(t.DatePicker.TableRow,"tableRow"),P=r(t.DatePicker.Trigger,"trigger"),z=r(t.DatePicker.ViewControl,"viewControl"),G=r(t.DatePicker.View,"view"),N=r(t.DatePicker.YearSelect,"yearSelect"),k=r(T.styled(t.DatePicker.ClearTrigger),"clearTrigger"),v=()=>e.jsx("svg",{width:"23",height:"24",viewBox:"0 0 23 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.46875 2.25C6.8657 2.25 7.1875 2.58579 7.1875 3V4.5H15.8125V3C15.8125 2.58579 16.1343 2.25 16.5312 2.25C16.9282 2.25 17.25 2.58579 17.25 3V4.5H17.9688C19.5566 4.5 20.8438 5.84315 20.8438 7.5V18.75C20.8438 20.4069 19.5566 21.75 17.9688 21.75H5.03125C3.44343 21.75 2.15625 20.4069 2.15625 18.75V7.5C2.15625 5.84315 3.44343 4.5 5.03125 4.5H5.75V3C5.75 2.58579 6.0718 2.25 6.46875 2.25ZM5.03125 6C4.23734 6 3.59375 6.67157 3.59375 7.5V8.65135C4.01662 8.39609 4.50759 8.25 5.03125 8.25H17.9688C18.4924 8.25 18.9834 8.39609 19.4062 8.65135V7.5C19.4062 6.67157 18.7627 6 17.9688 6H5.03125ZM19.4062 11.25C19.4062 10.4216 18.7627 9.75 17.9688 9.75H5.03125C4.23734 9.75 3.59375 10.4216 3.59375 11.25V18.75C3.59375 19.5784 4.23734 20.25 5.03125 20.25H17.9688C18.7627 20.25 19.4062 19.5784 19.4062 18.75V11.25ZM10.7812 12.75C10.7812 12.3358 11.103 12 11.5 12H11.5072C11.9041 12 12.2259 12.3358 12.2259 12.75V12.7575C12.2259 13.1717 11.9041 13.5075 11.5072 13.5075H11.5C11.103 13.5075 10.7812 13.1717 10.7812 12.7575V12.75ZM12.9375 12.75C12.9375 12.3358 13.2593 12 13.6562 12H13.6634C14.0604 12 14.3822 12.3358 14.3822 12.75V12.7575C14.3822 13.1717 14.0604 13.5075 13.6634 13.5075H13.6562C13.2593 13.5075 12.9375 13.1717 12.9375 12.7575V12.75ZM15.0938 12.75C15.0938 12.3358 15.4155 12 15.8125 12H15.8197C16.2166 12 16.5384 12.3358 16.5384 12.75V12.7575C16.5384 13.1717 16.2166 13.5075 15.8197 13.5075H15.8125C15.4155 13.5075 15.0938 13.1717 15.0938 12.7575V12.75ZM6.46875 15C6.46875 14.5858 6.79054 14.25 7.1875 14.25H7.19469C7.59164 14.25 7.91344 14.5858 7.91344 15V15.0075C7.91344 15.4217 7.59164 15.7575 7.19469 15.7575H7.1875C6.79054 15.7575 6.46875 15.4217 6.46875 15.0075V15ZM8.625 15C8.625 14.5858 8.94679 14.25 9.34375 14.25H9.35094C9.74789 14.25 10.0697 14.5858 10.0697 15V15.0075C10.0697 15.4217 9.74789 15.7575 9.35094 15.7575H9.34375C8.94679 15.7575 8.625 15.4217 8.625 15.0075V15ZM10.7812 15C10.7812 14.5858 11.103 14.25 11.5 14.25H11.5072C11.9041 14.25 12.2259 14.5858 12.2259 15V15.0075C12.2259 15.4217 11.9041 15.7575 11.5072 15.7575H11.5C11.103 15.7575 10.7812 15.4217 10.7812 15.0075V15ZM12.9375 15C12.9375 14.5858 13.2593 14.25 13.6562 14.25H13.6634C14.0604 14.25 14.3822 14.5858 14.3822 15V15.0075C14.3822 15.4217 14.0604 15.7575 13.6634 15.7575H13.6562C13.2593 15.7575 12.9375 15.4217 12.9375 15.0075V15ZM15.0938 15C15.0938 14.5858 15.4155 14.25 15.8125 14.25H15.8197C16.2166 14.25 16.5384 14.5858 16.5384 15V15.0075C16.5384 15.4217 16.2166 15.7575 15.8197 15.7575H15.8125C15.4155 15.7575 15.0938 15.4217 15.0938 15.0075V15ZM6.46875 17.25C6.46875 16.8358 6.79054 16.5 7.1875 16.5H7.19469C7.59164 16.5 7.91344 16.8358 7.91344 17.25V17.2575C7.91344 17.6717 7.59164 18.0075 7.19469 18.0075H7.1875C6.79054 18.0075 6.46875 17.6717 6.46875 17.2575V17.25ZM8.625 17.25C8.625 16.8358 8.94679 16.5 9.34375 16.5H9.35094C9.74789 16.5 10.0697 16.8358 10.0697 17.25V17.2575C10.0697 17.6717 9.74789 18.0075 9.35094 18.0075H9.34375C8.94679 18.0075 8.625 17.6717 8.625 17.2575V17.25ZM10.7812 17.25C10.7812 16.8358 11.103 16.5 11.5 16.5H11.5072C11.9041 16.5 12.2259 16.8358 12.2259 17.25V17.2575C12.2259 17.6717 11.9041 18.0075 11.5072 18.0075H11.5C11.103 18.0075 10.7812 17.6717 10.7812 17.2575V17.25ZM12.9375 17.25C12.9375 16.8358 13.2593 16.5 13.6562 16.5H13.6634C14.0604 16.5 14.3822 16.8358 14.3822 17.25V17.2575C14.3822 17.6717 14.0604 18.0075 13.6634 18.0075H13.6562C13.2593 18.0075 12.9375 17.6717 12.9375 17.2575V17.25Z",fill:"currentColor"})}),Y=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.14645 8.35355C4.95118 8.15829 4.95118 7.84171 5.14645 7.64645L10.1464 2.64645C10.3417 2.45119 10.6583 2.45119 10.8536 2.64645C11.0488 2.84171 11.0488 3.15829 10.8536 3.35355L6.20711 8L10.8536 12.6464C11.0488 12.8417 11.0488 13.1583 10.8536 13.3536C10.6583 13.5488 10.3417 13.5488 10.1464 13.3536L5.14645 8.35355Z",fill:"currentColor"})}),F=()=>e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.8536 7.64645C11.0488 7.84171 11.0488 8.15829 10.8536 8.35355L5.85355 13.3536C5.65829 13.5488 5.34171 13.5488 5.14645 13.3536C4.95118 13.1583 4.95118 12.8417 5.14645 12.6464L9.79289 8L5.14645 3.35355C4.95118 3.15829 4.95118 2.84171 5.14645 2.64645C5.34171 2.45118 5.65829 2.45118 5.85355 2.64645L10.8536 7.64645Z",fill:"currentColor"})}),W=({placeholder:c,preflightClassName:w,selectionMode:o,clearValueWhenEmpty:s=!0,...C})=>{const D=o==="range";return e.jsxs(M,{startOfWeek:1,...C,selectionMode:o,onValueChange:n=>C.onValueChange?.({...n,valueAsString:n.value.length?[n.value.toString()]:[]}),children:[e.jsx(t.DatePicker.Context,{children:n=>e.jsxs(f,{children:[e.jsxs(d.InputGroup,{children:[e.jsx(g,{asChild:!0,index:0,placeholder:c,children:e.jsx(x.Input,{onInput:i=>{const l=i.currentTarget.value;s&&l===""&&n.clearValue()}})}),e.jsxs(h.InputAddon,{children:[e.jsx(k,{asChild:!0,children:e.jsx("button",{children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z",fill:"currentColor"})})})}),e.jsx(P,{style:{cursor:"pointer"},children:e.jsx(v,{})})]})]}),D?e.jsxs(d.InputGroup,{children:[e.jsx(g,{asChild:!0,index:1,placeholder:c,children:e.jsx(x.Input,{onInput:i=>{const l=i.currentTarget.value;s&&l===""&&n.clearValue()}})}),e.jsxs(h.InputAddon,{children:[n.value.length===2?e.jsx(k,{asChild:!0,children:e.jsx("button",{children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.125C6.20304 3.125 3.125 6.20304 3.125 10C3.125 13.797 6.20304 16.875 10 16.875C13.797 16.875 16.875 13.797 16.875 10C16.875 6.20304 13.797 3.125 10 3.125ZM1.875 10C1.875 5.51269 5.51269 1.875 10 1.875C14.4873 1.875 18.125 5.51269 18.125 10C18.125 14.4873 14.4873 18.125 10 18.125C5.51269 18.125 1.875 14.4873 1.875 10ZM7.68306 7.68306C7.92714 7.43898 8.32286 7.43898 8.56694 7.68306L10 9.11612L11.4331 7.68306C11.6771 7.43898 12.0729 7.43898 12.3169 7.68306C12.561 7.92714 12.561 8.32286 12.3169 8.56694L10.8839 10L12.3169 11.4331C12.561 11.6771 12.561 12.0729 12.3169 12.3169C12.0729 12.561 11.6771 12.561 11.4331 12.3169L10 10.8839L8.56694 12.3169C8.32286 12.561 7.92714 12.561 7.68306 12.3169C7.43898 12.0729 7.43898 11.6771 7.68306 11.4331L9.11612 10L7.68306 8.56694C7.43898 8.32286 7.43898 7.92714 7.68306 7.68306Z",fill:"currentColor"})})})}):null,e.jsx(P,{children:e.jsx(v,{})})]})]}):null]})}),e.jsx(t.Portal,{children:e.jsx(R,{className:w,children:e.jsx(L,{children:e.jsx(G,{view:"day",children:e.jsx(t.DatePicker.Context,{children:n=>e.jsxs(e.Fragment,{children:[e.jsxs(z,{children:[e.jsx(m,{asChild:!0,children:e.jsx(u.IconButton,{"aria-label":"prev",variant:"secondary",size:"md",children:e.jsx(Y,{})})}),e.jsx(Z,{}),e.jsx(N,{}),e.jsx(I,{asChild:!0,children:e.jsx(u.IconButton,{"aria-label":"next",variant:"secondary",size:"md",children:e.jsx(F,{})})})]}),e.jsxs(O,{children:[e.jsx(q,{children:e.jsx(j,{children:n.weekDays.map((i,l)=>e.jsx(A,{children:i.short},l))})}),e.jsx(y,{children:n.weeks.map((i,l)=>e.jsx(j,{children:i.map((a,V)=>e.jsx(B,{value:a,children:e.jsx(S,{asChild:!0,children:e.jsx("button",{children:a.day})})},V))},l))})]})]})})})})})})]})};exports.DatePicker=W;
|
|
2
2
|
//# sourceMappingURL=DatePicker.cjs.map
|
|
@@ -6,8 +6,8 @@ import { createStyleContext as M } from "../../utils/slots.js";
|
|
|
6
6
|
import { styled as x } from "@stokelp/styled-system/jsx";
|
|
7
7
|
import { InputGroup as s } from "../input/InputGroup.js";
|
|
8
8
|
import { InputAddon as g } from "../input/InputAddon.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
9
|
+
import { IconButton as u } from "../icon-button/IconButton.js";
|
|
10
|
+
import { Input as v } from "../input/Input.js";
|
|
11
11
|
const { withProvider: D, withContext: r } = M(k), Z = D(t.Root, "root", {
|
|
12
12
|
defaultProps: {
|
|
13
13
|
positioning: {
|
|
@@ -62,7 +62,7 @@ const { withProvider: D, withContext: r } = M(k), Z = D(t.Root, "root", {
|
|
|
62
62
|
/* @__PURE__ */ e(t.Context, { children: (l) => /* @__PURE__ */ n(y, { children: [
|
|
63
63
|
/* @__PURE__ */ n(s, { children: [
|
|
64
64
|
/* @__PURE__ */ e(w, { asChild: !0, index: 0, placeholder: C, children: /* @__PURE__ */ e(
|
|
65
|
-
|
|
65
|
+
v,
|
|
66
66
|
{
|
|
67
67
|
onInput: (i) => {
|
|
68
68
|
const o = i.currentTarget.value;
|
|
@@ -85,7 +85,7 @@ const { withProvider: D, withContext: r } = M(k), Z = D(t.Root, "root", {
|
|
|
85
85
|
] }),
|
|
86
86
|
T ? /* @__PURE__ */ n(s, { children: [
|
|
87
87
|
/* @__PURE__ */ e(w, { asChild: !0, index: 1, placeholder: C, children: /* @__PURE__ */ e(
|
|
88
|
-
|
|
88
|
+
v,
|
|
89
89
|
{
|
|
90
90
|
onInput: (i) => {
|
|
91
91
|
const o = i.currentTarget.value;
|
|
@@ -109,10 +109,10 @@ const { withProvider: D, withContext: r } = M(k), Z = D(t.Root, "root", {
|
|
|
109
109
|
] }) }),
|
|
110
110
|
/* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(S, { className: f, children: /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(W, { view: "day", children: /* @__PURE__ */ e(t.Context, { children: (l) => /* @__PURE__ */ n(b, { children: [
|
|
111
111
|
/* @__PURE__ */ n(G, { children: [
|
|
112
|
-
/* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(
|
|
112
|
+
/* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ e(u, { "aria-label": "prev", variant: "secondary", size: "md", children: /* @__PURE__ */ e(q, {}) }) }),
|
|
113
113
|
/* @__PURE__ */ e(I, {}),
|
|
114
114
|
/* @__PURE__ */ e($, {}),
|
|
115
|
-
/* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(
|
|
115
|
+
/* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(u, { "aria-label": "next", variant: "secondary", size: "md", children: /* @__PURE__ */ e(E, {}) }) })
|
|
116
116
|
] }),
|
|
117
117
|
/* @__PURE__ */ n(F, { children: [
|
|
118
118
|
/* @__PURE__ */ e(A, { children: /* @__PURE__ */ e(V, { children: l.weekDays.map((i, o) => /* @__PURE__ */ e(Y, { children: i.short }, o)) }) }),
|
|
@@ -7,7 +7,7 @@ export declare const RadioButtonGroup: ComponentVariants<StyledComponent<Forward
|
|
|
7
7
|
export declare const RadioButtonGroupItem: StyledComponent<ForwardRefExoticComponent<Omit<Omit<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>, "ref">, "value"> & {
|
|
8
8
|
value: string | number | boolean;
|
|
9
9
|
} & RefAttributes<HTMLLabelElement>>, {}>;
|
|
10
|
-
export declare const RadioButtonGroupLabel: StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.LabelProps & RefAttributes<
|
|
10
|
+
export declare const RadioButtonGroupLabel: StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.LabelProps & RefAttributes<HTMLSpanElement>>, {}>;
|
|
11
11
|
export interface RadioButtonGroupProps extends ComponentProps<typeof RadioButtonGroup> {
|
|
12
12
|
}
|
|
13
13
|
export interface RadioButtonGroupItemProps extends ComponentProps<typeof RadioButtonGroupItem> {
|
|
@@ -7,7 +7,7 @@ export declare const RadioGroup: ComponentVariants<StyledComponent<ForwardRefExo
|
|
|
7
7
|
export declare const RadioGroupItem: StyledComponent<ForwardRefExoticComponent<Omit<Omit<ArkRadioGroup.ItemProps & RefAttributes<HTMLLabelElement>, "ref">, "value"> & {
|
|
8
8
|
value: string | number | boolean;
|
|
9
9
|
} & RefAttributes<HTMLLabelElement>>, {}>;
|
|
10
|
-
export declare const RadioGroupLabel: StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.LabelProps & RefAttributes<
|
|
10
|
+
export declare const RadioGroupLabel: StyledComponent<ForwardRefExoticComponent<ArkRadioGroup.LabelProps & RefAttributes<HTMLSpanElement>>, {}>;
|
|
11
11
|
export interface RadioGroupProps extends ComponentProps<typeof RadioGroup> {
|
|
12
12
|
}
|
|
13
13
|
export interface RadioGroupItemProps extends ComponentProps<typeof RadioGroupItem> {
|
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
|