@knkcs/anker 0.0.3 → 0.0.5
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/atoms/index.d.ts +16 -3
- package/dist/atoms/index.js +112 -18
- package/dist/atoms/index.js.map +1 -1
- package/dist/{chunk-NJFF6S77.js → chunk-2QFOWHTU.js} +4 -3
- package/dist/chunk-2QFOWHTU.js.map +1 -0
- package/dist/chunk-5YDCDC4B.js +12 -0
- package/dist/chunk-5YDCDC4B.js.map +1 -0
- package/dist/{chunk-YSFUGIQM.js → chunk-7WPKYUHP.js} +232 -116
- package/dist/chunk-7WPKYUHP.js.map +1 -0
- package/dist/{chunk-PZCL4M6I.js → chunk-E7KRPPCQ.js} +5 -18
- package/dist/chunk-E7KRPPCQ.js.map +1 -0
- package/dist/chunk-G4QMIXLC.js +3 -0
- package/dist/chunk-G4QMIXLC.js.map +1 -0
- package/dist/{chunk-C4JI3JNA.js → chunk-M5WNB4K6.js} +13 -34
- package/dist/chunk-M5WNB4K6.js.map +1 -0
- package/dist/chunk-NFZMG6ZL.js +3 -0
- package/dist/chunk-NFZMG6ZL.js.map +1 -0
- package/dist/{chunk-GJTQLZ4O.js → chunk-NQN6LXYU.js} +5 -28
- package/dist/chunk-NQN6LXYU.js.map +1 -0
- package/dist/chunk-OU6H3KU4.js +21 -0
- package/dist/chunk-OU6H3KU4.js.map +1 -0
- package/dist/chunk-SJ6YXNZW.js +30 -0
- package/dist/chunk-SJ6YXNZW.js.map +1 -0
- package/dist/chunk-TXGJ7BNX.js +51 -0
- package/dist/chunk-TXGJ7BNX.js.map +1 -0
- package/dist/chunk-WEP2AIQ5.js +37 -0
- package/dist/chunk-WEP2AIQ5.js.map +1 -0
- package/dist/chunk-WQIEF5N3.js +52 -0
- package/dist/chunk-WQIEF5N3.js.map +1 -0
- package/dist/{chunk-QU3FF5WI.js → chunk-ZFBDVERP.js} +4 -8
- package/dist/chunk-ZFBDVERP.js.map +1 -0
- package/dist/components/index.d.ts +207 -3
- package/dist/components/index.js +764 -15
- package/dist/components/index.js.map +1 -1
- package/dist/feedback/index.d.ts +20 -1
- package/dist/feedback/index.js +121 -3
- package/dist/feedback/index.js.map +1 -1
- package/dist/forms/index.d.ts +23 -15
- package/dist/forms/index.js +74 -48
- package/dist/forms/index.js.map +1 -1
- package/dist/primitives/index.js +13 -52
- package/dist/primitives/index.js.map +1 -1
- package/dist/theme/index.d.ts +162 -1
- package/dist/theme/index.js +1 -1
- package/package.json +4 -2
- package/dist/chunk-7UJ4QEUW.js +0 -37
- package/dist/chunk-7UJ4QEUW.js.map +0 -1
- package/dist/chunk-C4JI3JNA.js.map +0 -1
- package/dist/chunk-GJTQLZ4O.js.map +0 -1
- package/dist/chunk-NJFF6S77.js.map +0 -1
- package/dist/chunk-PZCL4M6I.js.map +0 -1
- package/dist/chunk-QU3FF5WI.js.map +0 -1
- package/dist/chunk-RJPEVNMJ.js +0 -23
- package/dist/chunk-RJPEVNMJ.js.map +0 -1
- package/dist/chunk-YSFUGIQM.js.map +0 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Checkbox as Checkbox$1, Skeleton as Skeleton$1, Stack, Circle } from '@chakra-ui/react';
|
|
2
|
+
export { Collapsible, Separator } from '@chakra-ui/react';
|
|
3
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
+
|
|
5
|
+
// src/primitives/checkbox.tsx
|
|
6
|
+
var Checkbox = function Checkbox2({
|
|
7
|
+
ref,
|
|
8
|
+
...props
|
|
9
|
+
}) {
|
|
10
|
+
const { children, inputProps, rootRef, ...rest } = props;
|
|
11
|
+
return /* @__PURE__ */ jsxs(Checkbox$1.Root, { ref: rootRef, ...rest, children: [
|
|
12
|
+
/* @__PURE__ */ jsx(Checkbox$1.HiddenInput, { ref, ...inputProps }),
|
|
13
|
+
/* @__PURE__ */ jsx(Checkbox$1.Control, { children: /* @__PURE__ */ jsx(Checkbox$1.Indicator, {}) }),
|
|
14
|
+
children != null && /* @__PURE__ */ jsx(Checkbox$1.Label, { children })
|
|
15
|
+
] });
|
|
16
|
+
};
|
|
17
|
+
Checkbox.displayName = "Checkbox";
|
|
18
|
+
var CheckboxGroup = Checkbox$1.Group;
|
|
19
|
+
CheckboxGroup.displayName = "CheckboxGroup";
|
|
20
|
+
var Skeleton = (props) => {
|
|
21
|
+
return /* @__PURE__ */ jsx(Skeleton$1, { ...props });
|
|
22
|
+
};
|
|
23
|
+
Skeleton.displayName = "Skeleton";
|
|
24
|
+
var SkeletonText = ({
|
|
25
|
+
lines = 3,
|
|
26
|
+
gap = 3
|
|
27
|
+
}) => {
|
|
28
|
+
return /* @__PURE__ */ jsx(Stack, { gap, children: Array.from({ length: lines }).map((_, i) => {
|
|
29
|
+
const isLast = i === lines - 1;
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
|
+
Skeleton$1,
|
|
32
|
+
{
|
|
33
|
+
height: "3",
|
|
34
|
+
width: isLast ? "80%" : "100%",
|
|
35
|
+
borderRadius: "sm"
|
|
36
|
+
},
|
|
37
|
+
isLast ? "last" : `line-${String(i)}`
|
|
38
|
+
);
|
|
39
|
+
}) });
|
|
40
|
+
};
|
|
41
|
+
SkeletonText.displayName = "SkeletonText";
|
|
42
|
+
var SkeletonCircle = ({
|
|
43
|
+
size = 10
|
|
44
|
+
}) => {
|
|
45
|
+
return /* @__PURE__ */ jsx(Circle, { asChild: true, size, children: /* @__PURE__ */ jsx(Skeleton$1, {}) });
|
|
46
|
+
};
|
|
47
|
+
SkeletonCircle.displayName = "SkeletonCircle";
|
|
48
|
+
|
|
49
|
+
export { Checkbox, CheckboxGroup, Skeleton, SkeletonCircle, SkeletonText };
|
|
50
|
+
//# sourceMappingURL=chunk-TXGJ7BNX.js.map
|
|
51
|
+
//# sourceMappingURL=chunk-TXGJ7BNX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/checkbox.tsx","../src/primitives/skeleton.tsx"],"names":["Checkbox","ChakraCheckbox","jsx","ChakraSkeleton"],"mappings":";;;;;AAYO,IAAM,QAAA,GAAW,SAASA,SAAAA,CAAS;AAAA,EACzC,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA0D;AACzD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,OAAA,EAAS,GAAG,MAAK,GAAI,KAAA;AACnD,EAAA,4BACEC,UAAA,CAAe,IAAA,EAAf,EAAoB,GAAA,EAAK,OAAA,EAAU,GAAG,IAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAACA,UAAA,CAAe,WAAA,EAAf,EAA2B,GAAA,EAAW,GAAG,UAAA,EAAY,CAAA;AAAA,oBACtD,GAAA,CAACA,WAAe,OAAA,EAAf,EACA,8BAACA,UAAA,CAAe,SAAA,EAAf,EAAyB,CAAA,EAC3B,CAAA;AAAA,IACC,YAAY,IAAA,oBACZ,GAAA,CAACA,UAAA,CAAe,KAAA,EAAf,EAAsB,QAAA,EAAS;AAAA,GAAA,EAElC,CAAA;AAEF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAEhB,IAAM,gBAAgBA,UAAA,CAAe;AAC5C,aAAA,CAAc,WAAA,GAAc,eAAA;ACrBrB,IAAM,QAAA,GAAoC,CAAC,KAAA,KAAU;AAC3D,EAAA,uBAAOC,GAAAA,CAACC,UAAA,EAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACnC;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAUhB,IAAM,eAA4C,CAAC;AAAA,EACzD,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM;AACP,CAAA,KAAM;AACL,EAAA,uBACCD,GAAAA,CAAC,KAAA,EAAA,EAAM,GAAA,EACL,gBAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,GAAA,CAAI,CAAC,GAAG,CAAA,KAAM;AAC5C,IAAA,MAAM,MAAA,GAAS,MAAM,KAAA,GAAQ,CAAA;AAC7B,IAAA,uBACCA,GAAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QAEA,MAAA,EAAO,GAAA;AAAA,QACP,KAAA,EAAO,SAAS,KAAA,GAAQ,MAAA;AAAA,QACxB,YAAA,EAAa;AAAA,OAAA;AAAA,MAHR,MAAA,GAAS,MAAA,GAAS,CAAA,KAAA,EAAQ,MAAA,CAAO,CAAC,CAAC,CAAA;AAAA,KAIzC;AAAA,EAEF,CAAC,CAAA,EACF,CAAA;AAEF;AACA,YAAA,CAAa,WAAA,GAAc,cAAA;AAGpB,IAAM,iBAAuD,CAAC;AAAA,EACpE,IAAA,GAAO;AACR,CAAA,KAAM;AACL,EAAA,uBACCD,IAAC,MAAA,EAAA,EAAO,OAAA,EAAO,MAAC,IAAA,EACf,QAAA,kBAAAA,GAAAA,CAACC,UAAA,EAAA,EAAe,CAAA,EACjB,CAAA;AAEF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-TXGJ7BNX.js","sourcesContent":["import { Checkbox as ChakraCheckbox } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface CheckboxProps extends ChakraCheckbox.RootProps {\n\t/** Checkbox label text or content. */\n\tchildren?: React.ReactNode;\n\t/** Additional props forwarded to the hidden input element. */\n\tinputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n\t/** Ref attached to the root element. */\n\trootRef?: React.RefObject<HTMLLabelElement | null>;\n}\n\nexport const Checkbox = function Checkbox({\n\tref,\n\t...props\n}: CheckboxProps & { ref?: React.Ref<HTMLInputElement> }) {\n\tconst { children, inputProps, rootRef, ...rest } = props;\n\treturn (\n\t\t<ChakraCheckbox.Root ref={rootRef} {...rest}>\n\t\t\t<ChakraCheckbox.HiddenInput ref={ref} {...inputProps} />\n\t\t\t<ChakraCheckbox.Control>\n\t\t\t\t<ChakraCheckbox.Indicator />\n\t\t\t</ChakraCheckbox.Control>\n\t\t\t{children != null && (\n\t\t\t\t<ChakraCheckbox.Label>{children}</ChakraCheckbox.Label>\n\t\t\t)}\n\t\t</ChakraCheckbox.Root>\n\t);\n};\nCheckbox.displayName = \"Checkbox\";\n\nexport const CheckboxGroup = ChakraCheckbox.Group;\nCheckboxGroup.displayName = \"CheckboxGroup\";\n","import {\n\tSkeleton as ChakraSkeleton,\n\ttype SkeletonProps as ChakraSkeletonProps,\n\tCircle,\n\tStack,\n} from \"@chakra-ui/react\";\nimport type React from \"react\";\n\nexport type SkeletonProps = ChakraSkeletonProps;\n\n/** Rectangular skeleton placeholder. */\nexport const Skeleton: React.FC<SkeletonProps> = (props) => {\n\treturn <ChakraSkeleton {...props} />;\n};\nSkeleton.displayName = \"Skeleton\";\n\nexport interface SkeletonTextProps {\n\t/** Number of text lines. @default 3 */\n\tlines?: number;\n\t/** Gap between lines. @default 3 */\n\tgap?: number | string;\n}\n\n/** Multi-line text skeleton placeholder. */\nexport const SkeletonText: React.FC<SkeletonTextProps> = ({\n\tlines = 3,\n\tgap = 3,\n}) => {\n\treturn (\n\t\t<Stack gap={gap}>\n\t\t\t{Array.from({ length: lines }).map((_, i) => {\n\t\t\t\tconst isLast = i === lines - 1;\n\t\t\t\treturn (\n\t\t\t\t\t<ChakraSkeleton\n\t\t\t\t\t\tkey={isLast ? \"last\" : `line-${String(i)}`}\n\t\t\t\t\t\theight=\"3\"\n\t\t\t\t\t\twidth={isLast ? \"80%\" : \"100%\"}\n\t\t\t\t\t\tborderRadius=\"sm\"\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t})}\n\t\t</Stack>\n\t);\n};\nSkeletonText.displayName = \"SkeletonText\";\n\n/** Circular skeleton placeholder for avatars. */\nexport const SkeletonCircle: React.FC<{ size?: string | number }> = ({\n\tsize = 10,\n}) => {\n\treturn (\n\t\t<Circle asChild size={size}>\n\t\t\t<ChakraSkeleton />\n\t\t</Circle>\n\t);\n};\nSkeletonCircle.displayName = \"SkeletonCircle\";\n"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Progress as Progress$1, ProgressCircle as ProgressCircle$1 } from '@chakra-ui/react';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
// src/primitives/progress.tsx
|
|
5
|
+
var Progress = function Progress2({
|
|
6
|
+
ref,
|
|
7
|
+
...props
|
|
8
|
+
}) {
|
|
9
|
+
const { showValue, label, ...rest } = props;
|
|
10
|
+
return /* @__PURE__ */ jsxs(Progress$1.Root, { ref, ...rest, children: [
|
|
11
|
+
(label || showValue) && /* @__PURE__ */ jsxs(Progress$1.Label, { children: [
|
|
12
|
+
label,
|
|
13
|
+
showValue && /* @__PURE__ */ jsx(Progress$1.ValueText, {})
|
|
14
|
+
] }),
|
|
15
|
+
/* @__PURE__ */ jsx(Progress$1.Track, { children: /* @__PURE__ */ jsx(Progress$1.Range, {}) })
|
|
16
|
+
] });
|
|
17
|
+
};
|
|
18
|
+
Progress.displayName = "Progress";
|
|
19
|
+
var ProgressCircle = function ProgressCircle2({
|
|
20
|
+
ref,
|
|
21
|
+
...props
|
|
22
|
+
}) {
|
|
23
|
+
const { showValue, children, ...rest } = props;
|
|
24
|
+
return /* @__PURE__ */ jsxs(ProgressCircle$1.Root, { ref, ...rest, children: [
|
|
25
|
+
/* @__PURE__ */ jsxs(ProgressCircle$1.Circle, { children: [
|
|
26
|
+
/* @__PURE__ */ jsx(ProgressCircle$1.Track, {}),
|
|
27
|
+
/* @__PURE__ */ jsx(ProgressCircle$1.Range, {})
|
|
28
|
+
] }),
|
|
29
|
+
showValue && /* @__PURE__ */ jsx(ProgressCircle$1.ValueText, {}),
|
|
30
|
+
children
|
|
31
|
+
] });
|
|
32
|
+
};
|
|
33
|
+
ProgressCircle.displayName = "ProgressCircle";
|
|
34
|
+
|
|
35
|
+
export { Progress, ProgressCircle };
|
|
36
|
+
//# sourceMappingURL=chunk-WEP2AIQ5.js.map
|
|
37
|
+
//# sourceMappingURL=chunk-WEP2AIQ5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/progress.tsx"],"names":["Progress","ChakraProgress","ProgressCircle","ChakraProgressCircle"],"mappings":";;;;AAaO,IAAM,QAAA,GAAW,SAASA,SAAAA,CAAS;AAAA,EACzC,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAAwD;AACvD,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AACtC,EAAA,4BACEC,UAAA,CAAe,IAAA,EAAf,EAAoB,GAAA,EAAW,GAAG,IAAA,EAChC,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACV,IAAA,CAACA,UAAA,CAAe,KAAA,EAAf,EACC,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,SAAA,oBAAa,GAAA,CAACA,UAAA,CAAe,SAAA,EAAf,EAAyB;AAAA,KAAA,EACzC,CAAA;AAAA,oBAED,GAAA,CAACA,WAAe,KAAA,EAAf,EACA,8BAACA,UAAA,CAAe,KAAA,EAAf,EAAqB,CAAA,EACvB;AAAA,GAAA,EACD,CAAA;AAEF;AACA,QAAA,CAAS,WAAA,GAAc,UAAA;AAOhB,IAAM,cAAA,GAAiB,SAASC,eAAAA,CAAe;AAAA,EACrD,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA8D;AAC7D,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AACzC,EAAA,4BACEC,gBAAA,CAAqB,IAAA,EAArB,EAA0B,GAAA,EAAW,GAAG,IAAA,EACxC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAACA,gBAAA,CAAqB,QAArB,EACA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAACA,gBAAA,CAAqB,OAArB,EAA2B,CAAA;AAAA,sBAC5B,GAAA,CAACA,gBAAA,CAAqB,KAAA,EAArB,EAA2B;AAAA,KAAA,EAC7B,CAAA;AAAA,IACC,SAAA,oBAAa,GAAA,CAACA,gBAAA,CAAqB,SAAA,EAArB,EAA+B,CAAA;AAAA,IAC7C;AAAA,GAAA,EACF,CAAA;AAEF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA","file":"chunk-WEP2AIQ5.js","sourcesContent":["import {\n\tProgress as ChakraProgress,\n\tProgressCircle as ChakraProgressCircle,\n} from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface ProgressProps extends ChakraProgress.RootProps {\n\t/** Whether to show the percentage label. @default false */\n\tshowValue?: boolean;\n\t/** Label text displayed above the progress bar. */\n\tlabel?: React.ReactNode;\n}\n\nexport const Progress = function Progress({\n\tref,\n\t...props\n}: ProgressProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { showValue, label, ...rest } = props;\n\treturn (\n\t\t<ChakraProgress.Root ref={ref} {...rest}>\n\t\t\t{(label || showValue) && (\n\t\t\t\t<ChakraProgress.Label>\n\t\t\t\t\t{label}\n\t\t\t\t\t{showValue && <ChakraProgress.ValueText />}\n\t\t\t\t</ChakraProgress.Label>\n\t\t\t)}\n\t\t\t<ChakraProgress.Track>\n\t\t\t\t<ChakraProgress.Range />\n\t\t\t</ChakraProgress.Track>\n\t\t</ChakraProgress.Root>\n\t);\n};\nProgress.displayName = \"Progress\";\n\nexport interface ProgressCircleProps extends ChakraProgressCircle.RootProps {\n\t/** Whether to show the percentage label. @default false */\n\tshowValue?: boolean;\n}\n\nexport const ProgressCircle = function ProgressCircle({\n\tref,\n\t...props\n}: ProgressCircleProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { showValue, children, ...rest } = props;\n\treturn (\n\t\t<ChakraProgressCircle.Root ref={ref} {...rest}>\n\t\t\t<ChakraProgressCircle.Circle>\n\t\t\t\t<ChakraProgressCircle.Track />\n\t\t\t\t<ChakraProgressCircle.Range />\n\t\t\t</ChakraProgressCircle.Circle>\n\t\t\t{showValue && <ChakraProgressCircle.ValueText />}\n\t\t\t{children}\n\t\t</ChakraProgressCircle.Root>\n\t);\n};\nProgressCircle.displayName = \"ProgressCircle\";\n"]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Popover as Popover$1, Portal, Switch as Switch$1 } from '@chakra-ui/react';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
// src/primitives/popover.tsx
|
|
5
|
+
var Popover = function Popover2(props) {
|
|
6
|
+
return /* @__PURE__ */ jsx(Popover$1.Root, { ...props, children: props.children });
|
|
7
|
+
};
|
|
8
|
+
Popover.displayName = "Popover";
|
|
9
|
+
var PopoverTrigger = Popover$1.Trigger;
|
|
10
|
+
PopoverTrigger.displayName = "PopoverTrigger";
|
|
11
|
+
var PopoverContent = function PopoverContent2({
|
|
12
|
+
ref,
|
|
13
|
+
...props
|
|
14
|
+
}) {
|
|
15
|
+
const { showArrow, portalled = true, portalRef, children, ...rest } = props;
|
|
16
|
+
return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(Popover$1.Positioner, { children: /* @__PURE__ */ jsxs(Popover$1.Content, { ref, ...rest, children: [
|
|
17
|
+
showArrow && /* @__PURE__ */ jsx(Popover$1.Arrow, { children: /* @__PURE__ */ jsx(Popover$1.ArrowTip, {}) }),
|
|
18
|
+
children
|
|
19
|
+
] }) }) });
|
|
20
|
+
};
|
|
21
|
+
PopoverContent.displayName = "PopoverContent";
|
|
22
|
+
var PopoverHeader = Popover$1.Header;
|
|
23
|
+
PopoverHeader.displayName = "PopoverHeader";
|
|
24
|
+
var PopoverBody = Popover$1.Body;
|
|
25
|
+
PopoverBody.displayName = "PopoverBody";
|
|
26
|
+
var PopoverFooter = Popover$1.Footer;
|
|
27
|
+
PopoverFooter.displayName = "PopoverFooter";
|
|
28
|
+
var PopoverCloseTrigger = Popover$1.CloseTrigger;
|
|
29
|
+
PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
|
|
30
|
+
var PopoverTitle = Popover$1.Title;
|
|
31
|
+
PopoverTitle.displayName = "PopoverTitle";
|
|
32
|
+
var PopoverDescription = Popover$1.Description;
|
|
33
|
+
PopoverDescription.displayName = "PopoverDescription";
|
|
34
|
+
var Switch = function Switch2({
|
|
35
|
+
ref,
|
|
36
|
+
...props
|
|
37
|
+
}) {
|
|
38
|
+
const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
|
|
39
|
+
return /* @__PURE__ */ jsxs(Switch$1.Root, { ref: rootRef, ...rest, children: [
|
|
40
|
+
/* @__PURE__ */ jsx(Switch$1.HiddenInput, { ref, ...inputProps }),
|
|
41
|
+
/* @__PURE__ */ jsxs(Switch$1.Control, { children: [
|
|
42
|
+
/* @__PURE__ */ jsx(Switch$1.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx(Switch$1.ThumbIndicator, { fallback: thumbLabel?.off, children: thumbLabel?.on }) }),
|
|
43
|
+
trackLabel && /* @__PURE__ */ jsx(Switch$1.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
|
|
44
|
+
] }),
|
|
45
|
+
children != null && /* @__PURE__ */ jsx(Switch$1.Label, { children })
|
|
46
|
+
] });
|
|
47
|
+
};
|
|
48
|
+
Switch.displayName = "Switch";
|
|
49
|
+
|
|
50
|
+
export { Popover, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverTitle, PopoverTrigger, Switch };
|
|
51
|
+
//# sourceMappingURL=chunk-WQIEF5N3.js.map
|
|
52
|
+
//# sourceMappingURL=chunk-WQIEF5N3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/popover.tsx","../src/primitives/switch.tsx"],"names":["Popover","ChakraPopover","PopoverContent","Switch","jsxs","ChakraSwitch","jsx"],"mappings":";;;;AAKO,IAAM,OAAA,GAAU,SAASA,QAAAA,CAAQ,KAAA,EAAqB;AAC5D,EAAA,2BAAQC,SAAA,CAAc,IAAA,EAAd,EAAoB,GAAG,KAAA,EAAQ,gBAAM,QAAA,EAAS,CAAA;AACvD;AACA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAEf,IAAM,iBAAiBA,SAAA,CAAc;AAC5C,cAAA,CAAe,WAAA,GAAc,gBAAA;AAWtB,IAAM,cAAA,GAAiB,SAASC,eAAAA,CAAe;AAAA,EACrD,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAA8D;AAC7D,EAAA,MAAM,EAAE,WAAW,SAAA,GAAY,IAAA,EAAM,WAAW,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AACtE,EAAA,2BACE,MAAA,EAAA,EAAO,QAAA,EAAU,CAAC,SAAA,EAAW,WAAW,SAAA,EACxC,QAAA,kBAAA,GAAA,CAACD,SAAA,CAAc,UAAA,EAAd,EACA,QAAA,kBAAA,IAAA,CAACA,SAAA,CAAc,SAAd,EAAsB,GAAA,EAAW,GAAG,IAAA,EACnC,QAAA,EAAA;AAAA,IAAA,SAAA,oBACA,GAAA,CAACA,UAAc,KAAA,EAAd,EACA,8BAACA,SAAA,CAAc,QAAA,EAAd,EAAuB,CAAA,EACzB,CAAA;AAAA,IAEA;AAAA,GAAA,EACF,GACD,CAAA,EACD,CAAA;AAEF;AACA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,IAAM,gBAAgBA,SAAA,CAAc;AAC3C,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,IAAM,cAAcA,SAAA,CAAc;AACzC,WAAA,CAAY,WAAA,GAAc,aAAA;AAEnB,IAAM,gBAAgBA,SAAA,CAAc;AAC3C,aAAA,CAAc,WAAA,GAAc,eAAA;AAErB,IAAM,sBAAsBA,SAAA,CAAc;AACjD,mBAAA,CAAoB,WAAA,GAAc,qBAAA;AAE3B,IAAM,eAAeA,SAAA,CAAc;AAC1C,YAAA,CAAa,WAAA,GAAc,cAAA;AAEpB,IAAM,qBAAqBA,SAAA,CAAc;AAChD,kBAAA,CAAmB,WAAA,GAAc,oBAAA;AC9C1B,IAAM,MAAA,GAAS,SAASE,OAAAA,CAAO;AAAA,EACrC,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAAwD;AACvD,EAAA,MAAM,EAAE,YAAY,QAAA,EAAU,OAAA,EAAS,YAAY,UAAA,EAAY,GAAG,MAAK,GACtE,KAAA;AAED,EAAA,uBACCC,KAACC,QAAA,CAAa,IAAA,EAAb,EAAkB,GAAA,EAAK,OAAA,EAAU,GAAG,IAAA,EACpC,QAAA,EAAA;AAAA,oBAAAC,IAACD,QAAA,CAAa,WAAA,EAAb,EAAyB,GAAA,EAAW,GAAG,UAAA,EAAY,CAAA;AAAA,oBACpDD,IAAAA,CAACC,QAAA,CAAa,OAAA,EAAb,EACA,QAAA,EAAA;AAAA,sBAAAC,GAAAA,CAACD,QAAA,CAAa,KAAA,EAAb,EACC,wCACAC,GAAAA,CAACD,QAAA,CAAa,cAAA,EAAb,EAA4B,QAAA,EAAU,UAAA,EAAY,GAAA,EACjD,QAAA,EAAA,UAAA,EAAY,IACd,CAAA,EAEF,CAAA;AAAA,MACC,UAAA,oBACAC,GAAAA,CAACD,QAAA,CAAa,SAAA,EAAb,EAAuB,QAAA,EAAU,UAAA,CAAW,GAAA,EAC3C,QAAA,EAAA,UAAA,CAAW,EAAA,EACb;AAAA,KAAA,EAEF,CAAA;AAAA,IACC,YAAY,IAAA,oBAAQC,IAACD,QAAA,CAAa,KAAA,EAAb,EAAoB,QAAA,EAAS;AAAA,GAAA,EACpD,CAAA;AAEF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-WQIEF5N3.js","sourcesContent":["import { Popover as ChakraPopover, Portal } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport type PopoverProps = ChakraPopover.RootProps;\n\nexport const Popover = function Popover(props: PopoverProps) {\n\treturn <ChakraPopover.Root {...props}>{props.children}</ChakraPopover.Root>;\n};\nPopover.displayName = \"Popover\";\n\nexport const PopoverTrigger = ChakraPopover.Trigger;\nPopoverTrigger.displayName = \"PopoverTrigger\";\n\nexport interface PopoverContentProps extends ChakraPopover.ContentProps {\n\t/** Whether to show an arrow. @default false */\n\tshowArrow?: boolean;\n\t/** Whether to render in a portal. @default true */\n\tportalled?: boolean;\n\t/** Container ref for portal. */\n\tportalRef?: React.RefObject<HTMLElement | null>;\n}\n\nexport const PopoverContent = function PopoverContent({\n\tref,\n\t...props\n}: PopoverContentProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { showArrow, portalled = true, portalRef, children, ...rest } = props;\n\treturn (\n\t\t<Portal disabled={!portalled} container={portalRef}>\n\t\t\t<ChakraPopover.Positioner>\n\t\t\t\t<ChakraPopover.Content ref={ref} {...rest}>\n\t\t\t\t\t{showArrow && (\n\t\t\t\t\t\t<ChakraPopover.Arrow>\n\t\t\t\t\t\t\t<ChakraPopover.ArrowTip />\n\t\t\t\t\t\t</ChakraPopover.Arrow>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</ChakraPopover.Content>\n\t\t\t</ChakraPopover.Positioner>\n\t\t</Portal>\n\t);\n};\nPopoverContent.displayName = \"PopoverContent\";\n\nexport const PopoverHeader = ChakraPopover.Header;\nPopoverHeader.displayName = \"PopoverHeader\";\n\nexport const PopoverBody = ChakraPopover.Body;\nPopoverBody.displayName = \"PopoverBody\";\n\nexport const PopoverFooter = ChakraPopover.Footer;\nPopoverFooter.displayName = \"PopoverFooter\";\n\nexport const PopoverCloseTrigger = ChakraPopover.CloseTrigger;\nPopoverCloseTrigger.displayName = \"PopoverCloseTrigger\";\n\nexport const PopoverTitle = ChakraPopover.Title;\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport const PopoverDescription = ChakraPopover.Description;\nPopoverDescription.displayName = \"PopoverDescription\";\n","import { Switch as ChakraSwitch } from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\nexport interface SwitchProps extends ChakraSwitch.RootProps {\n\t/** Additional props forwarded to the hidden input element. */\n\tinputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n\t/** Ref attached to the root label element. */\n\trootRef?: React.RefObject<HTMLLabelElement | null>;\n\t/** Labels displayed inside the track for on/off states. */\n\ttrackLabel?: { on: React.ReactNode; off: React.ReactNode };\n\t/** Labels displayed inside the thumb for on/off states. */\n\tthumbLabel?: { on: React.ReactNode; off: React.ReactNode };\n}\n\nexport const Switch = function Switch({\n\tref,\n\t...props\n}: SwitchProps & { ref?: React.Ref<HTMLInputElement> }) {\n\tconst { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } =\n\t\tprops;\n\n\treturn (\n\t\t<ChakraSwitch.Root ref={rootRef} {...rest}>\n\t\t\t<ChakraSwitch.HiddenInput ref={ref} {...inputProps} />\n\t\t\t<ChakraSwitch.Control>\n\t\t\t\t<ChakraSwitch.Thumb>\n\t\t\t\t\t{thumbLabel && (\n\t\t\t\t\t\t<ChakraSwitch.ThumbIndicator fallback={thumbLabel?.off}>\n\t\t\t\t\t\t\t{thumbLabel?.on}\n\t\t\t\t\t\t</ChakraSwitch.ThumbIndicator>\n\t\t\t\t\t)}\n\t\t\t\t</ChakraSwitch.Thumb>\n\t\t\t\t{trackLabel && (\n\t\t\t\t\t<ChakraSwitch.Indicator fallback={trackLabel.off}>\n\t\t\t\t\t\t{trackLabel.on}\n\t\t\t\t\t</ChakraSwitch.Indicator>\n\t\t\t\t)}\n\t\t\t</ChakraSwitch.Control>\n\t\t\t{children != null && <ChakraSwitch.Label>{children}</ChakraSwitch.Label>}\n\t\t</ChakraSwitch.Root>\n\t);\n};\nSwitch.displayName = \"Switch\";\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AvatarGroup as AvatarGroup$1, Avatar as Avatar$1, useRecipe, chakra
|
|
1
|
+
import { AvatarGroup as AvatarGroup$1, Avatar as Avatar$1, useRecipe, chakra } from '@chakra-ui/react';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
4
|
// src/primitives/avatar.tsx
|
|
@@ -26,11 +26,7 @@ var Prose = ({
|
|
|
26
26
|
return /* @__PURE__ */ jsx(chakra.div, { ref, css: styles, ...props });
|
|
27
27
|
};
|
|
28
28
|
Prose.displayName = "Prose";
|
|
29
|
-
var Spinner = (props) => {
|
|
30
|
-
return /* @__PURE__ */ jsx(Spinner$1, { ...props });
|
|
31
|
-
};
|
|
32
|
-
Spinner.displayName = "Spinner";
|
|
33
29
|
|
|
34
|
-
export { Avatar, AvatarGroup, Prose
|
|
35
|
-
//# sourceMappingURL=chunk-
|
|
36
|
-
//# sourceMappingURL=chunk-
|
|
30
|
+
export { Avatar, AvatarGroup, Prose };
|
|
31
|
+
//# sourceMappingURL=chunk-ZFBDVERP.js.map
|
|
32
|
+
//# sourceMappingURL=chunk-ZFBDVERP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/primitives/avatar.tsx","../src/primitives/prose.tsx"],"names":["Avatar","ChakraAvatar","ChakraAvatarGroup","jsx"],"mappings":";;;;AAuBO,IAAM,MAAA,GAAS,SAASA,OAAAA,CAAO;AAAA,EACrC,GAAA;AAAA,EACA,GAAG;AACJ,CAAA,EAAsD;AACrD,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,MAAA,EAAQ,OAAA,EAAS,MAAM,QAAA,EAAU,QAAA,EAAU,GAAG,IAAA,EAAK,GACrE,KAAA;AACD,EAAA,4BACEC,QAAA,CAAa,IAAA,EAAb,EAAkB,GAAA,EAAW,GAAG,IAAA,EAChC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAACA,QAAA,CAAa,QAAA,EAAb,EAAsB,IAAA,EACrB,kBAAQ,QAAA,EACV,CAAA;AAAA,wBACCA,QAAA,CAAa,KAAA,EAAb,EAAmB,GAAA,EAAU,QAAgB,OAAA,EAAkB,CAAA;AAAA,IAC/D;AAAA,GAAA,EACF,CAAA;AAEF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAEd,IAAM,WAAA,GAAcC;AAC3B,WAAA,CAAY,WAAA,GAAc,aAAA;ACnCnB,IAAM,QAAQ,CAAC;AAAA,EACrB,GAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACJ,CAAA,KAAwD;AACvD,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,EAAE,GAAA,EAAK,SAAS,CAAA;AACzC,EAAA,MAAM,MAAA,GAAS,MAAA,CAAO,EAAE,IAAA,EAAM,CAAA;AAC9B,EAAA,uBAAOC,IAAC,MAAA,CAAO,GAAA,EAAP,EAAW,GAAA,EAAU,GAAA,EAAK,MAAA,EAAS,GAAG,KAAA,EAAO,CAAA;AACtD;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-ZFBDVERP.js","sourcesContent":["import {\n\tAvatar as ChakraAvatar,\n\tAvatarGroup as ChakraAvatarGroup,\n} from \"@chakra-ui/react\";\nimport type * as React from \"react\";\n\ntype ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;\n\nexport interface AvatarProps extends ChakraAvatar.RootProps {\n\t/** Display name used to generate initials for the fallback. */\n\tname?: string;\n\t/** Image source URL. */\n\tsrc?: string;\n\t/** Image srcSet attribute for responsive images. */\n\tsrcSet?: string;\n\t/** Image loading strategy. */\n\tloading?: ImageProps[\"loading\"];\n\t/** Custom icon element shown as fallback. */\n\ticon?: React.ReactElement;\n\t/** Custom fallback content when no image or icon is provided. */\n\tfallback?: React.ReactNode;\n}\n\nexport const Avatar = function Avatar({\n\tref,\n\t...props\n}: AvatarProps & { ref?: React.Ref<HTMLDivElement> }) {\n\tconst { name, src, srcSet, loading, icon, fallback, children, ...rest } =\n\t\tprops;\n\treturn (\n\t\t<ChakraAvatar.Root ref={ref} {...rest}>\n\t\t\t<ChakraAvatar.Fallback name={name}>\n\t\t\t\t{icon || fallback}\n\t\t\t</ChakraAvatar.Fallback>\n\t\t\t<ChakraAvatar.Image src={src} srcSet={srcSet} loading={loading} />\n\t\t\t{children}\n\t\t</ChakraAvatar.Root>\n\t);\n};\nAvatar.displayName = \"Avatar\";\n\nexport const AvatarGroup = ChakraAvatarGroup;\nAvatarGroup.displayName = \"AvatarGroup\";\n","import { chakra, type HTMLChakraProps, useRecipe } from \"@chakra-ui/react\";\nimport type React from \"react\";\n\nexport interface ProseProps extends HTMLChakraProps<\"div\"> {\n\tsize?: \"md\" | \"lg\";\n}\n\nexport const Prose = ({\n\tref,\n\tsize,\n\t...props\n}: ProseProps & { ref?: React.Ref<HTMLDivElement> }) => {\n\tconst recipe = useRecipe({ key: \"prose\" });\n\tconst styles = recipe({ size });\n\treturn <chakra.div ref={ref} css={styles} {...props} />;\n};\nProse.displayName = \"Prose\";\n"]}
|
|
@@ -1,11 +1,62 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { CardRootProps, TextProps, IconButtonProps, DrawerRootProps, DialogRootProps, HTMLChakraProps, Timeline, TreeView } from '@chakra-ui/react';
|
|
3
|
-
export { TreeCollection, createTreeCollection } from '@chakra-ui/react';
|
|
4
2
|
import * as React$1 from 'react';
|
|
5
3
|
import React__default, { MouseEventHandler } from 'react';
|
|
4
|
+
import { CardRootProps, TextProps, IconButtonProps, DrawerRootProps, DialogRootProps, HTMLChakraProps, Timeline, TreeView } from '@chakra-ui/react';
|
|
5
|
+
export { TreeCollection, createTreeCollection } from '@chakra-ui/react';
|
|
6
6
|
import { ColumnDef, RowSelectionState, OnChangeFn, SortingState, Row } from '@tanstack/react-table';
|
|
7
7
|
import { a as SwitchProps } from '../switch-B0o6G2XE.js';
|
|
8
8
|
|
|
9
|
+
interface BulkActionBarProps {
|
|
10
|
+
/** Number of currently selected items. */
|
|
11
|
+
selectedCount: number;
|
|
12
|
+
/** Called when the user clicks the clear-selection button. */
|
|
13
|
+
onClear: () => void;
|
|
14
|
+
/** Explicitly control visibility. Defaults to `selectedCount > 0`. */
|
|
15
|
+
visible?: boolean;
|
|
16
|
+
/** CSS position for the bar. @default "fixed" */
|
|
17
|
+
position?: "fixed" | "sticky";
|
|
18
|
+
/** Action buttons / popover actions to display. */
|
|
19
|
+
children: React__default.ReactNode;
|
|
20
|
+
/** Custom label renderer. Defaults to `"{n} items selected"`. */
|
|
21
|
+
countLabel?: (count: number) => string;
|
|
22
|
+
}
|
|
23
|
+
interface BulkActionProps {
|
|
24
|
+
/** Visible button label. */
|
|
25
|
+
label: string;
|
|
26
|
+
/** Optional icon rendered before the label. */
|
|
27
|
+
icon?: React__default.ReactNode;
|
|
28
|
+
/** Called when the button is clicked. */
|
|
29
|
+
onClick: () => void;
|
|
30
|
+
/** Chakra color palette for the button. */
|
|
31
|
+
colorPalette?: string;
|
|
32
|
+
/** Whether the button is disabled. */
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/** Whether the button shows a loading spinner. */
|
|
35
|
+
loading?: boolean;
|
|
36
|
+
}
|
|
37
|
+
interface BulkPopoverActionProps {
|
|
38
|
+
/** Visible trigger label. */
|
|
39
|
+
label: string;
|
|
40
|
+
/** Optional icon rendered before the label. */
|
|
41
|
+
icon?: React__default.ReactNode;
|
|
42
|
+
/** Content rendered inside the popover. */
|
|
43
|
+
children: React__default.ReactNode;
|
|
44
|
+
/** Whether the trigger button is disabled. */
|
|
45
|
+
disabled?: boolean;
|
|
46
|
+
}
|
|
47
|
+
declare const BulkActionBar: {
|
|
48
|
+
({ selectedCount, onClear, visible, position, children, countLabel, }: BulkActionBarProps): react_jsx_runtime.JSX.Element;
|
|
49
|
+
displayName: string;
|
|
50
|
+
Action: {
|
|
51
|
+
({ label, icon, onClick, colorPalette, disabled, loading, }: BulkActionProps): react_jsx_runtime.JSX.Element;
|
|
52
|
+
displayName: string;
|
|
53
|
+
};
|
|
54
|
+
PopoverAction: {
|
|
55
|
+
({ label, icon, children, disabled, }: BulkPopoverActionProps): react_jsx_runtime.JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
|
|
9
60
|
interface CardProps extends Omit<CardRootProps, "title"> {
|
|
10
61
|
maxW?: CardRootProps["maxW"];
|
|
11
62
|
/** Card title rendered in Card.Header. */
|
|
@@ -75,6 +126,25 @@ interface CardListItemProps<T = string> {
|
|
|
75
126
|
}
|
|
76
127
|
declare const CardListItem: <T extends string = string>({ isActive, handleItemClick, handleItemDoubleClick, menuItems, componentLeft, children, columnCount, }: CardListItemProps<T>) => react_jsx_runtime.JSX.Element;
|
|
77
128
|
|
|
129
|
+
interface ChipPickerProps<T> {
|
|
130
|
+
assigned: T[];
|
|
131
|
+
available: T[];
|
|
132
|
+
onAdd: (item: T) => void;
|
|
133
|
+
onRemove: (item: T) => void;
|
|
134
|
+
getItemId: (item: T) => string;
|
|
135
|
+
getItemLabel: (item: T) => string;
|
|
136
|
+
getItemColor?: (item: T) => string | undefined;
|
|
137
|
+
/** Label for the add button. @default "Add" */
|
|
138
|
+
addLabel?: string;
|
|
139
|
+
/** Label shown when nothing is assigned. @default "None" */
|
|
140
|
+
emptyLabel?: string;
|
|
141
|
+
/** Whether to show a search input inside the popover. @default false */
|
|
142
|
+
searchable?: boolean;
|
|
143
|
+
disabled?: boolean;
|
|
144
|
+
loading?: boolean;
|
|
145
|
+
}
|
|
146
|
+
declare const ChipPicker: <T>(props: ChipPickerProps<T>) => React$1.ReactElement;
|
|
147
|
+
|
|
78
148
|
interface ActionCellAction {
|
|
79
149
|
icon: React__default.ElementType;
|
|
80
150
|
label: string;
|
|
@@ -134,6 +204,42 @@ interface DateCellProps {
|
|
|
134
204
|
}
|
|
135
205
|
declare const DateCell: React__default.FC<DateCellProps>;
|
|
136
206
|
|
|
207
|
+
interface LinkCellProps {
|
|
208
|
+
/** Route path for navigation. Renders em-dash when null/undefined. */
|
|
209
|
+
to: string | null | undefined;
|
|
210
|
+
/** Display text or node. Falls back to `to` value if not provided. */
|
|
211
|
+
label?: React__default.ReactNode;
|
|
212
|
+
}
|
|
213
|
+
declare const LinkCell: React__default.FC<LinkCellProps>;
|
|
214
|
+
|
|
215
|
+
interface MenuCellAction {
|
|
216
|
+
/** Display label — shown as menu item text or as tooltip for inline buttons */
|
|
217
|
+
label: string;
|
|
218
|
+
/** Handler called when the action is triggered */
|
|
219
|
+
onClick: () => void;
|
|
220
|
+
/** Lucide icon component — shown in menu items and inline buttons */
|
|
221
|
+
icon?: React__default.ElementType;
|
|
222
|
+
/** Disables the action */
|
|
223
|
+
disabled?: boolean;
|
|
224
|
+
/** Color palette override (e.g., "red" for destructive actions) */
|
|
225
|
+
colorPalette?: string;
|
|
226
|
+
}
|
|
227
|
+
interface MenuCellProps {
|
|
228
|
+
/** List of actions to render */
|
|
229
|
+
actions: MenuCellAction[];
|
|
230
|
+
/**
|
|
231
|
+
* Max number of actions to render inline.
|
|
232
|
+
* If actions.length > menuThreshold, all actions collapse into a dropdown.
|
|
233
|
+
* @default 1
|
|
234
|
+
*/
|
|
235
|
+
menuThreshold?: number;
|
|
236
|
+
/** Override the default menu trigger icon (Ellipsis) */
|
|
237
|
+
menuIcon?: React__default.ElementType;
|
|
238
|
+
/** Accessible label for the menu trigger button. @default "Actions" */
|
|
239
|
+
triggerLabel?: string;
|
|
240
|
+
}
|
|
241
|
+
declare const MenuCell: React__default.FC<MenuCellProps>;
|
|
242
|
+
|
|
137
243
|
interface NumberCellProps {
|
|
138
244
|
value: number | string | null | undefined;
|
|
139
245
|
locale?: string;
|
|
@@ -265,6 +371,28 @@ interface FactBoxProps extends CardRootProps {
|
|
|
265
371
|
}
|
|
266
372
|
declare const FactBox: React__default.FC<FactBoxProps>;
|
|
267
373
|
|
|
374
|
+
interface InlineCreatableListProps<T> {
|
|
375
|
+
items: T[];
|
|
376
|
+
activeIds?: string[];
|
|
377
|
+
onToggle?: (id: string) => void;
|
|
378
|
+
onCreate?: (name: string) => Promise<void>;
|
|
379
|
+
getItemId: (item: T) => string;
|
|
380
|
+
getItemLabel: (item: T) => string;
|
|
381
|
+
getItemColor?: (item: T) => string | undefined;
|
|
382
|
+
/** @default "wrap" */
|
|
383
|
+
variant?: "wrap" | "list";
|
|
384
|
+
/** @default "New item..." */
|
|
385
|
+
createPlaceholder?: string;
|
|
386
|
+
/** @default "New item" */
|
|
387
|
+
createLabel?: string;
|
|
388
|
+
/** @default <Plus size={14} /> */
|
|
389
|
+
createIcon?: React$1.ReactNode;
|
|
390
|
+
/** @default "No items" */
|
|
391
|
+
emptyText?: string;
|
|
392
|
+
disabled?: boolean;
|
|
393
|
+
}
|
|
394
|
+
declare const InlineCreatableList: <T>(props: InlineCreatableListProps<T>) => React$1.ReactElement;
|
|
395
|
+
|
|
268
396
|
interface LabeledSwitchProps extends SwitchProps {
|
|
269
397
|
name: string;
|
|
270
398
|
label: string;
|
|
@@ -322,6 +450,61 @@ interface PaginationProps {
|
|
|
322
450
|
}
|
|
323
451
|
declare const Pagination: React__default.FC<PaginationProps>;
|
|
324
452
|
|
|
453
|
+
interface SelectableCardProps {
|
|
454
|
+
/** Whether the card is currently selected. */
|
|
455
|
+
selected?: boolean;
|
|
456
|
+
/** Whether the checkbox is always visible (e.g. when any card in the grid is selected). */
|
|
457
|
+
selectionVisible?: boolean;
|
|
458
|
+
/** Called when the checkbox is toggled. When provided, a checkbox is rendered. */
|
|
459
|
+
onSelect?: () => void;
|
|
460
|
+
/** Called when the card body area is clicked (for navigation). */
|
|
461
|
+
onClick?: () => void;
|
|
462
|
+
/** Disables interaction. */
|
|
463
|
+
disabled?: boolean;
|
|
464
|
+
children: React__default.ReactNode;
|
|
465
|
+
}
|
|
466
|
+
interface SelectableCardThumbnailProps {
|
|
467
|
+
/** Height of the thumbnail area. Defaults to "160px". */
|
|
468
|
+
height?: string;
|
|
469
|
+
children: React__default.ReactNode;
|
|
470
|
+
}
|
|
471
|
+
interface SelectableCardBodyProps {
|
|
472
|
+
children: React__default.ReactNode;
|
|
473
|
+
}
|
|
474
|
+
interface SelectableCardFooterProps {
|
|
475
|
+
children: React__default.ReactNode;
|
|
476
|
+
}
|
|
477
|
+
declare const SelectableCard: {
|
|
478
|
+
({ selected, selectionVisible, onSelect, onClick, disabled, children, }: SelectableCardProps): react_jsx_runtime.JSX.Element;
|
|
479
|
+
displayName: string;
|
|
480
|
+
Thumbnail: {
|
|
481
|
+
({ height, children, }: SelectableCardThumbnailProps): react_jsx_runtime.JSX.Element;
|
|
482
|
+
displayName: string;
|
|
483
|
+
};
|
|
484
|
+
Body: {
|
|
485
|
+
({ children }: SelectableCardBodyProps): react_jsx_runtime.JSX.Element;
|
|
486
|
+
displayName: string;
|
|
487
|
+
};
|
|
488
|
+
Footer: {
|
|
489
|
+
({ children }: SelectableCardFooterProps): react_jsx_runtime.JSX.Element;
|
|
490
|
+
displayName: string;
|
|
491
|
+
};
|
|
492
|
+
};
|
|
493
|
+
|
|
494
|
+
interface SidebarSectionProps {
|
|
495
|
+
label: string;
|
|
496
|
+
children: React__default.ReactNode | ((state: {
|
|
497
|
+
isEditing: boolean;
|
|
498
|
+
setEditing: (v: boolean) => void;
|
|
499
|
+
}) => React__default.ReactNode);
|
|
500
|
+
actionIcon?: React__default.ReactNode;
|
|
501
|
+
onAction?: () => void;
|
|
502
|
+
editContent?: React__default.ReactNode;
|
|
503
|
+
emptyText?: string;
|
|
504
|
+
defaultEditing?: boolean;
|
|
505
|
+
}
|
|
506
|
+
declare const SidebarSection: React__default.FC<SidebarSectionProps>;
|
|
507
|
+
|
|
325
508
|
declare const StepperProvider: React__default.Provider<{
|
|
326
509
|
stepsRef: React__default.RefObject<string[]>;
|
|
327
510
|
activeStep: string;
|
|
@@ -514,6 +697,27 @@ type TreeViewRootProps = TreeView.RootProps;
|
|
|
514
697
|
type TreeViewBranchProps = TreeView.BranchProps;
|
|
515
698
|
type TreeViewItemProps = TreeView.ItemProps;
|
|
516
699
|
|
|
700
|
+
interface UploadDropZoneProps {
|
|
701
|
+
onFiles: (files: File[]) => void;
|
|
702
|
+
onError?: (error: {
|
|
703
|
+
file: File;
|
|
704
|
+
reason: "size" | "type";
|
|
705
|
+
}) => void;
|
|
706
|
+
accept?: string;
|
|
707
|
+
multiple?: boolean;
|
|
708
|
+
compact?: boolean;
|
|
709
|
+
disabled?: boolean;
|
|
710
|
+
children?: React__default.ReactNode;
|
|
711
|
+
maxSize?: number;
|
|
712
|
+
dragActiveText?: string;
|
|
713
|
+
dropHintText?: string;
|
|
714
|
+
buttonLabel?: string;
|
|
715
|
+
}
|
|
716
|
+
declare const UploadDropZone: {
|
|
717
|
+
({ onFiles, onError, accept, multiple, compact, disabled, children, maxSize, dragActiveText, dropHintText, buttonLabel, }: UploadDropZoneProps): react_jsx_runtime.JSX.Element;
|
|
718
|
+
displayName: string;
|
|
719
|
+
};
|
|
720
|
+
|
|
517
721
|
interface WidgetProps {
|
|
518
722
|
heading: string;
|
|
519
723
|
subHeading?: string;
|
|
@@ -523,4 +727,4 @@ interface WidgetProps {
|
|
|
523
727
|
}
|
|
524
728
|
declare const Widget: React__default.FC<WidgetProps>;
|
|
525
729
|
|
|
526
|
-
export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, LabeledSwitch, type LabeledSwitchProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, pluralize, truncateText, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
|
|
730
|
+
export { ActionCell, type ActionCellAction, type ActionCellProps, BooleanCell, type BooleanCellProps, BulkActionBar, type BulkActionBarProps, type BulkActionProps, type BulkPopoverActionProps, Card, CardList, CardListData, type CardListDataProps, CardListItem, type CardListItemProps, type CardListMenuItem, type CardListProps, type CardProps, ChipPicker, type ChipPickerProps, CodeCell, type CodeCellProps, ColorSwatchCell, type ColorSwatchCellProps, CountCell, type CountCellProps, DataTable, type DataTableProps, DateCell, type DateCellProps, type DrawerProps, DrawerRoot, FactBox, type FactBoxAction, type FactBoxProps, InlineCreatableList, type InlineCreatableListProps, LabeledSwitch, type LabeledSwitchProps, LinkCell, type LinkCellProps, MenuCell, type MenuCellAction, type MenuCellProps, Modal, type ModalProps, NumberCell, type NumberCellProps, Pagination, type PaginationProps, SelectableCard, type SelectableCardBodyProps, type SelectableCardFooterProps, type SelectableCardProps, type SelectableCardThumbnailProps, SidebarSection, type SidebarSectionProps, SlugCell, type SlugCellProps, StatusBadgeCell, type StatusBadgeCellProps, Stepper, StepperCompleted, StepperContainer, StepperContent, type StepperContentProps, StepperIcon, type StepperIconProps, type StepperProps, StepperProvider, StepperSeparator, type StepperSeparatorProps, StepperStep, type StepperStepProps, StepperStepTitle, StepperSteps, type StepperStepsProps, SwitchCell, type SwitchCellProps, CardList as Table, CardListData as TableData, type CardListDataProps as TableDataProps, CardListItem as TableItem, type CardListItemProps as TableItemProps, type CardListMenuItem as TableMenuItem, type CardListProps as TableProps, TimelineConnector, TimelineContent, TimelineDescription, TimelineIndicator, TimelineItem, type TimelineItemProps, TimelineRoot, type TimelineRootProps, TimelineSeparator, TimelineTitle, TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, type TreeViewBranchProps, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, type TreeViewItemProps, TreeViewItemText, TreeViewLabel, TreeViewNode, TreeViewRoot, type TreeViewRootProps, TreeViewTree, TruncatedTextCell, type TruncatedTextCellProps, UploadDropZone, type UploadDropZoneProps, UrlCell, type UrlCellProps, type UseStepProps, type UseStepperProps, type UseStepperReturn, Widget, type WidgetProps, emptyCellValue, pluralize, truncateText, useStep, useStepper, useStepperContext, useStepperNextButton, useStepperPrevButton };
|