@mintlify/components 1.0.0 → 1.0.1
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/accordion/accordion-cover.d.ts +12 -0
- package/dist/components/accordion/accordion-cover.d.ts.map +1 -0
- package/dist/components/accordion/accordion-cover.js +27 -27
- package/dist/components/accordion/accordion-group.d.ts +9 -0
- package/dist/components/accordion/accordion-group.d.ts.map +1 -0
- package/dist/components/accordion/accordion-group.js +1 -1
- package/dist/components/accordion/accordion-url-utils.d.ts +5 -0
- package/dist/components/accordion/accordion-url-utils.d.ts.map +1 -0
- package/dist/components/accordion/accordion.d.ts +26 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.js +21 -21
- package/dist/components/accordion/index.d.ts +7 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/badge/badge.d.ts +29 -0
- package/dist/components/badge/badge.d.ts.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/callout/callout.d.ts +24 -0
- package/dist/components/callout/callout.d.ts.map +1 -0
- package/dist/components/callout/callout.js +46 -46
- package/dist/components/callout/index.d.ts +3 -0
- package/dist/components/callout/index.d.ts.map +1 -0
- package/dist/components/card/card.d.ts +30 -0
- package/dist/components/card/card.d.ts.map +1 -0
- package/dist/components/card/card.js +72 -72
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/code-block/base-code-block.d.ts +9 -0
- package/dist/components/code-block/base-code-block.d.ts.map +1 -0
- package/dist/components/code-block/code-block.d.ts +74 -0
- package/dist/components/code-block/code-block.d.ts.map +1 -0
- package/dist/components/code-block/code-block.js +34 -34
- package/dist/components/code-block/code-footer.d.ts +8 -0
- package/dist/components/code-block/code-footer.d.ts.map +1 -0
- package/dist/components/code-block/code-footer.js +9 -9
- package/dist/components/code-block/code-header.d.ts +11 -0
- package/dist/components/code-block/code-header.d.ts.map +1 -0
- package/dist/components/code-block/code-header.js +20 -20
- package/dist/components/code-block/copy-button.d.ts +16 -0
- package/dist/components/code-block/copy-button.d.ts.map +1 -0
- package/dist/components/code-block/index.d.ts +5 -0
- package/dist/components/code-block/index.d.ts.map +1 -0
- package/dist/components/code-block/story-utils.d.ts +13 -0
- package/dist/components/code-block/story-utils.d.ts.map +1 -0
- package/dist/components/code-group/code-group.d.ts +23 -0
- package/dist/components/code-group/code-group.d.ts.map +1 -0
- package/dist/components/code-group/code-group.js +72 -72
- package/dist/components/code-group/code-select-dropdown.d.ts +10 -0
- package/dist/components/code-group/code-select-dropdown.d.ts.map +1 -0
- package/dist/components/code-group/code-snippet.d.ts +13 -0
- package/dist/components/code-group/code-snippet.d.ts.map +1 -0
- package/dist/components/code-group/dropdown.d.ts +34 -0
- package/dist/components/code-group/dropdown.d.ts.map +1 -0
- package/dist/components/code-group/dropdown.js +47 -47
- package/dist/components/code-group/index.d.ts +3 -0
- package/dist/components/code-group/index.d.ts.map +1 -0
- package/dist/components/code-group/language-dropdown.d.ts +10 -0
- package/dist/components/code-group/language-dropdown.d.ts.map +1 -0
- package/dist/components/code-group/language-dropdown.js +39 -39
- package/dist/components/code-group/language-icon.d.ts +7 -0
- package/dist/components/code-group/language-icon.d.ts.map +1 -0
- package/dist/components/color/color.d.ts +28 -0
- package/dist/components/color/color.d.ts.map +1 -0
- package/dist/components/color/color.js +37 -37
- package/dist/components/color/constants.d.ts +5 -0
- package/dist/components/color/constants.d.ts.map +1 -0
- package/dist/components/color/index.d.ts +4 -0
- package/dist/components/color/index.d.ts.map +1 -0
- package/dist/components/columns/columns.d.ts +11 -0
- package/dist/components/columns/columns.d.ts.map +1 -0
- package/dist/components/columns/constants.d.ts +5 -0
- package/dist/components/columns/constants.d.ts.map +1 -0
- package/dist/components/columns/index.d.ts +3 -0
- package/dist/components/columns/index.d.ts.map +1 -0
- package/dist/components/expandable/expandable.d.ts +21 -0
- package/dist/components/expandable/expandable.d.ts.map +1 -0
- package/dist/components/expandable/expandable.js +46 -46
- package/dist/components/expandable/index.d.ts +3 -0
- package/dist/components/expandable/index.d.ts.map +1 -0
- package/dist/components/frame/frame.d.ts +14 -0
- package/dist/components/frame/frame.d.ts.map +1 -0
- package/dist/components/frame/frame.js +21 -21
- package/dist/components/frame/index.d.ts +3 -0
- package/dist/components/frame/index.d.ts.map +1 -0
- package/dist/components/icon/icon.d.ts +19 -0
- package/dist/components/icon/icon.d.ts.map +1 -0
- package/dist/components/icon/icon.js +24 -24
- package/dist/components/icon/index.d.ts +3 -0
- package/dist/components/icon/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +22 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/mermaid/index.d.ts +7 -0
- package/dist/components/mermaid/index.d.ts.map +1 -0
- package/dist/components/mermaid/mermaid.d.ts +12 -0
- package/dist/components/mermaid/mermaid.d.ts.map +1 -0
- package/dist/components/mermaid/use-pan-zoom.d.ts +13 -0
- package/dist/components/mermaid/use-pan-zoom.d.ts.map +1 -0
- package/dist/components/mermaid/zoom-controls.d.ts +13 -0
- package/dist/components/mermaid/zoom-controls.d.ts.map +1 -0
- package/dist/components/mermaid/zoom-controls.js +32 -32
- package/dist/components/panel/index.d.ts +3 -0
- package/dist/components/panel/index.d.ts.map +1 -0
- package/dist/components/panel/panel.d.ts +6 -0
- package/dist/components/panel/panel.d.ts.map +1 -0
- package/dist/components/property/index.d.ts +3 -0
- package/dist/components/property/index.d.ts.map +1 -0
- package/dist/components/property/param-head.d.ts +5 -0
- package/dist/components/property/param-head.d.ts.map +1 -0
- package/dist/components/property/param-head.js +40 -40
- package/dist/components/property/pills.d.ts +15 -0
- package/dist/components/property/pills.d.ts.map +1 -0
- package/dist/components/property/pills.js +13 -13
- package/dist/components/property/property.d.ts +24 -0
- package/dist/components/property/property.d.ts.map +1 -0
- package/dist/components/property/property.js +33 -33
- package/dist/components/steps/constants.d.ts +5 -0
- package/dist/components/steps/constants.d.ts.map +1 -0
- package/dist/components/steps/index.d.ts +5 -0
- package/dist/components/steps/index.d.ts.map +1 -0
- package/dist/components/steps/steps.d.ts +27 -0
- package/dist/components/steps/steps.d.ts.map +1 -0
- package/dist/components/steps/steps.js +24 -24
- package/dist/components/tabs/index.d.ts +3 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/tabs.d.ts +36 -0
- package/dist/components/tabs/tabs.d.ts.map +1 -0
- package/dist/components/tabs/tabs.js +59 -59
- package/dist/components/tile/index.d.ts +3 -0
- package/dist/components/tile/index.d.ts.map +1 -0
- package/dist/components/tile/tile.d.ts +11 -0
- package/dist/components/tile/tile.d.ts.map +1 -0
- package/dist/components/tile/tile.js +27 -27
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.d.ts +13 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip.js +35 -35
- package/dist/components/tree/context.d.ts +9 -0
- package/dist/components/tree/context.d.ts.map +1 -0
- package/dist/components/tree/file.d.ts +7 -0
- package/dist/components/tree/file.d.ts.map +1 -0
- package/dist/components/tree/file.js +9 -9
- package/dist/components/tree/folder.d.ts +11 -0
- package/dist/components/tree/folder.d.ts.map +1 -0
- package/dist/components/tree/folder.js +21 -21
- package/dist/components/tree/index.d.ts +9 -0
- package/dist/components/tree/index.d.ts.map +1 -0
- package/dist/components/tree/root.d.ts +9 -0
- package/dist/components/tree/root.d.ts.map +1 -0
- package/dist/components/tree/tree-level-context.d.ts +8 -0
- package/dist/components/tree/tree-level-context.d.ts.map +1 -0
- package/dist/components/tree/use-tree-level.d.ts +3 -0
- package/dist/components/tree/use-tree-level.d.ts.map +1 -0
- package/dist/components/tree/utils.d.ts +9 -0
- package/dist/components/tree/utils.d.ts.map +1 -0
- package/dist/components/update/index.d.ts +3 -0
- package/dist/components/update/index.d.ts.map +1 -0
- package/dist/components/update/update.d.ts +22 -0
- package/dist/components/update/update.d.ts.map +1 -0
- package/dist/components/update/update.js +21 -21
- package/dist/components/view/index.d.ts +3 -0
- package/dist/components/view/index.d.ts.map +1 -0
- package/dist/components/view/view.d.ts +12 -0
- package/dist/components/view/view.d.ts.map +1 -0
- package/dist/constants/brands.d.ts +3 -0
- package/dist/constants/brands.d.ts.map +1 -0
- package/dist/constants/index.d.ts +7 -0
- package/dist/constants/index.d.ts.map +1 -0
- package/dist/constants/selectors.d.ts +126 -0
- package/dist/constants/selectors.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/use-expandable-memory.d.ts +8 -0
- package/dist/hooks/use-expandable-memory.d.ts.map +1 -0
- package/dist/hooks/use-expandable.d.ts +13 -0
- package/dist/hooks/use-expandable.d.ts.map +1 -0
- package/dist/hooks/use-get-shiki-highlighted-html.d.ts +4 -0
- package/dist/hooks/use-get-shiki-highlighted-html.d.ts.map +1 -0
- package/dist/hooks/use-has-hover.d.ts +3 -0
- package/dist/hooks/use-has-hover.d.ts.map +1 -0
- package/dist/hooks/use-is-dark-theme.d.ts +5 -0
- package/dist/hooks/use-is-dark-theme.d.ts.map +1 -0
- package/dist/hooks/use-isomorphic-layout-effect.d.ts +4 -0
- package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -0
- package/dist/icons/index.d.ts +21 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/icons/index.js +2 -2
- package/dist/index.d.ts +3 -565
- package/dist/index.d.ts.map +1 -0
- package/dist/plugins/bg-grid.d.ts +3 -0
- package/dist/plugins/bg-grid.d.ts.map +1 -0
- package/dist/plugins/scrollbar.d.ts +3 -0
- package/dist/plugins/scrollbar.d.ts.map +1 -0
- package/dist/styles.css +2 -0
- package/dist/utils/cn.d.ts +4 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/copy-to-clipboard.d.ts +5 -0
- package/dist/utils/copy-to-clipboard.d.ts.map +1 -0
- package/dist/utils/enhance-video-props.d.ts +4 -0
- package/dist/utils/enhance-video-props.d.ts.map +1 -0
- package/dist/utils/get-node-text.d.ts +3 -0
- package/dist/utils/get-node-text.d.ts.map +1 -0
- package/dist/utils/icon-utils.d.ts +19 -0
- package/dist/utils/icon-utils.d.ts.map +1 -0
- package/dist/utils/is-absolute-url.d.ts +5 -0
- package/dist/utils/is-absolute-url.d.ts.map +1 -0
- package/dist/utils/is-remote-url.d.ts +3 -0
- package/dist/utils/is-remote-url.d.ts.map +1 -0
- package/dist/utils/render-as-child.d.ts +4 -0
- package/dist/utils/render-as-child.d.ts.map +1 -0
- package/dist/utils/shiki/code-styling.d.ts +12 -0
- package/dist/utils/shiki/code-styling.d.ts.map +1 -0
- package/dist/utils/shiki/constants.d.ts +23 -0
- package/dist/utils/shiki/constants.d.ts.map +1 -0
- package/dist/utils/shiki/get-code-styling.d.ts +10 -0
- package/dist/utils/shiki/get-code-styling.d.ts.map +1 -0
- package/dist/utils/shiki/get-shiki-background-colors.d.ts +21 -0
- package/dist/utils/shiki/get-shiki-background-colors.d.ts.map +1 -0
- package/dist/utils/shiki/index.d.ts +31 -0
- package/dist/utils/shiki/index.d.ts.map +1 -0
- package/dist/utils/shiki/lib.d.ts +6 -0
- package/dist/utils/shiki/lib.d.ts.map +1 -0
- package/dist/utils/shiki/shiki-themes.d.ts +3 -0
- package/dist/utils/shiki/shiki-themes.d.ts.map +1 -0
- package/dist/utils/shiki/snippet-presets.d.ts +28 -0
- package/dist/utils/shiki/snippet-presets.d.ts.map +1 -0
- package/dist/utils/shiki/worker-client.d.ts +10 -0
- package/dist/utils/shiki/worker-client.d.ts.map +1 -0
- package/dist/utils/slugify.d.ts +3 -0
- package/dist/utils/slugify.d.ts.map +1 -0
- package/package.json +4 -2
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type AccordionCoverProps = {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string | ReactNode;
|
|
5
|
+
description?: string;
|
|
6
|
+
open: boolean;
|
|
7
|
+
icon?: ReactNode;
|
|
8
|
+
topOffset?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const AccordionCover: ({ id, title, description, open, icon, topOffset, }: AccordionCoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { AccordionCover };
|
|
12
|
+
//# sourceMappingURL=accordion-cover.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-cover.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-cover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,mBAAmB,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,oDAOrB,mBAAmB,4CAqDrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as r, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { cn as c } from "../../utils/cn.js";
|
|
3
|
-
import { Icon as
|
|
4
|
-
const
|
|
5
|
-
id:
|
|
3
|
+
import { Icon as d } from "../icon/icon.js";
|
|
4
|
+
const x = ({
|
|
5
|
+
id: e,
|
|
6
6
|
title: i,
|
|
7
|
-
description:
|
|
8
|
-
open:
|
|
9
|
-
icon:
|
|
10
|
-
topOffset:
|
|
7
|
+
description: a,
|
|
8
|
+
open: o,
|
|
9
|
+
icon: n,
|
|
10
|
+
topOffset: s = "-top-18"
|
|
11
11
|
}) => (
|
|
12
12
|
// biome-ignore lint/a11y/useAriaPropsSupportedByRole: TODO
|
|
13
|
-
/* @__PURE__ */
|
|
13
|
+
/* @__PURE__ */ r(
|
|
14
14
|
"summary",
|
|
15
15
|
{
|
|
16
|
-
"aria-controls": `${
|
|
17
|
-
"aria-expanded":
|
|
18
|
-
className: "not-prose relative flex w-full cursor-pointer list-none flex-row content-center items-center space-x-2 rounded-t-xl px-5 py-4 hover:bg-
|
|
16
|
+
"aria-controls": `${e}-accordion-children`,
|
|
17
|
+
"aria-expanded": o,
|
|
18
|
+
className: "not-prose relative flex w-full cursor-pointer list-none flex-row content-center items-center space-x-2 rounded-t-xl px-5 py-4 hover:bg-stone-100 hover:dark:bg-stone-800 [&::-webkit-details-marker]:hidden",
|
|
19
19
|
"data-component-part": "accordion-button",
|
|
20
|
-
id: `${
|
|
20
|
+
id: `${e}-label`,
|
|
21
21
|
children: [
|
|
22
|
-
/* @__PURE__ */ t("div", { className: c("absolute",
|
|
22
|
+
/* @__PURE__ */ t("div", { className: c("absolute", s), id: e }),
|
|
23
23
|
/* @__PURE__ */ t("div", { className: "mr-2", "data-component-part": "accordion-caret-right", children: /* @__PURE__ */ t(
|
|
24
|
-
|
|
24
|
+
d,
|
|
25
25
|
{
|
|
26
26
|
className: c(
|
|
27
|
-
"bg-
|
|
28
|
-
|
|
29
|
-
!
|
|
27
|
+
"bg-stone-700 transition dark:bg-stone-400",
|
|
28
|
+
o && "-mt-1 rotate-90 duration-200",
|
|
29
|
+
!o && "duration-75"
|
|
30
30
|
),
|
|
31
31
|
icon: "caret-right",
|
|
32
32
|
iconType: "solid",
|
|
33
33
|
size: 12
|
|
34
34
|
}
|
|
35
35
|
) }),
|
|
36
|
-
!!
|
|
36
|
+
!!n && /* @__PURE__ */ t(
|
|
37
37
|
"div",
|
|
38
38
|
{
|
|
39
|
-
className: "flex size-4 items-center justify-center fill-
|
|
39
|
+
className: "flex size-4 items-center justify-center fill-stone-800 text-stone-800 dark:fill-stone-100 dark:text-stone-100",
|
|
40
40
|
"data-component-part": "accordion-icon",
|
|
41
|
-
children:
|
|
41
|
+
children: n
|
|
42
42
|
}
|
|
43
43
|
),
|
|
44
|
-
/* @__PURE__ */
|
|
44
|
+
/* @__PURE__ */ r(
|
|
45
45
|
"div",
|
|
46
46
|
{
|
|
47
47
|
className: "text-left leading-tight",
|
|
@@ -51,17 +51,17 @@ const g = ({
|
|
|
51
51
|
/* @__PURE__ */ t(
|
|
52
52
|
"p",
|
|
53
53
|
{
|
|
54
|
-
className: "m-0 font-medium text-
|
|
54
|
+
className: "m-0 font-medium text-stone-900 dark:text-stone-200",
|
|
55
55
|
"data-component-part": "accordion-title",
|
|
56
56
|
children: i
|
|
57
57
|
}
|
|
58
58
|
),
|
|
59
|
-
!!
|
|
59
|
+
!!a && /* @__PURE__ */ t(
|
|
60
60
|
"p",
|
|
61
61
|
{
|
|
62
|
-
className: "m-0 text-
|
|
62
|
+
className: "m-0 text-stone-900 dark:text-stone-200",
|
|
63
63
|
"data-component-part": "accordion-description",
|
|
64
|
-
children:
|
|
64
|
+
children: a
|
|
65
65
|
}
|
|
66
66
|
)
|
|
67
67
|
]
|
|
@@ -72,5 +72,5 @@ const g = ({
|
|
|
72
72
|
)
|
|
73
73
|
);
|
|
74
74
|
export {
|
|
75
|
-
|
|
75
|
+
x as AccordionCover
|
|
76
76
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type AccordionGroupProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
};
|
|
6
|
+
declare const AccordionGroup: ({ children, className }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { AccordionGroup };
|
|
8
|
+
export type { AccordionGroupProps };
|
|
9
|
+
//# sourceMappingURL=accordion-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAanE,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -6,7 +6,7 @@ const n = ({ children: r, className: o }) => /* @__PURE__ */ e(
|
|
|
6
6
|
{
|
|
7
7
|
className: t(
|
|
8
8
|
d.AccordionGroup,
|
|
9
|
-
"prose prose-
|
|
9
|
+
"prose prose-stone dark:prose-invert mt-0 mb-3 overflow-hidden rounded-xl border border-stone-200/70 dark:border-white/10 [&>details+details]:border-t [&>details+details]:border-t-stone-200/70 dark:[&>details+details]:border-t-white/10 [&>details>summary]:rounded-none [&>details]:mb-0 [&>details]:rounded-none [&>details]:border-0",
|
|
10
10
|
o
|
|
11
11
|
),
|
|
12
12
|
"data-component-part": "accordion-group",
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
declare const CONNECTING_CHARACTER = ":";
|
|
2
|
+
declare const getInitialOpenState: () => (id: string, parentIds: string[]) => boolean;
|
|
3
|
+
declare const updateAndCopyUrl: () => (isOpen: boolean, id: string | undefined, parentIds: string[]) => void;
|
|
4
|
+
export { CONNECTING_CHARACTER, getInitialOpenState, updateAndCopyUrl };
|
|
5
|
+
//# sourceMappingURL=accordion-url-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion-url-utils.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-url-utils.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,oBAAoB,MAAM,CAAC;AAEjC,QAAA,MAAM,mBAAmB,SACf,IAAI,MAAM,EAAE,WAAW,MAAM,EAAE,KAAG,OAiB3C,CAAC;AAEF,QAAA,MAAM,gBAAgB,SA4BZ,QAAQ,OAAO,EAAE,IAAI,MAAM,GAAG,SAAS,EAAE,WAAW,MAAM,EAAE,SAyBrE,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { IconType } from '../../utils/icon-utils';
|
|
3
|
+
type AccordionProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
defaultOpen: boolean;
|
|
7
|
+
icon?: ReactNode | string;
|
|
8
|
+
iconType?: IconType;
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
_disabled?: boolean;
|
|
12
|
+
trackOpen?: (event: {
|
|
13
|
+
title: string;
|
|
14
|
+
}) => void;
|
|
15
|
+
trackClose?: (event: {
|
|
16
|
+
title: string;
|
|
17
|
+
}) => void;
|
|
18
|
+
onMount?: () => void;
|
|
19
|
+
topOffset?: string;
|
|
20
|
+
getInitialOpenFromUrl?: (id: string, parentIds: string[]) => boolean;
|
|
21
|
+
onUrlStateChange?: (isOpen: boolean, id: string | undefined, parentIds: string[]) => void;
|
|
22
|
+
};
|
|
23
|
+
declare const Accordion: ({ title, description, defaultOpen, icon, iconType, children, className, _disabled, trackOpen, trackClose, onMount, topOffset, getInitialOpenFromUrl, onUrlStateChange, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export { Accordion };
|
|
25
|
+
export type { AccordionProps };
|
|
26
|
+
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAKnD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;IACrE,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,OAAO,EACf,EAAE,EAAE,MAAM,GAAG,SAAS,EACtB,SAAS,EAAE,MAAM,EAAE,KAChB,IAAI,CAAC;CACX,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,0KAehB,cAAc,4CAmChB,CAAC;AAuIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -9,26 +9,26 @@ import { Icon as _ } from "../icon/icon.js";
|
|
|
9
9
|
const X = ({
|
|
10
10
|
title: r,
|
|
11
11
|
description: l,
|
|
12
|
-
defaultOpen:
|
|
12
|
+
defaultOpen: c = !1,
|
|
13
13
|
icon: d,
|
|
14
14
|
iconType: i,
|
|
15
15
|
children: b,
|
|
16
|
-
className:
|
|
17
|
-
_disabled:
|
|
16
|
+
className: x,
|
|
17
|
+
_disabled: I,
|
|
18
18
|
trackOpen: t,
|
|
19
19
|
trackClose: f,
|
|
20
20
|
onMount: s,
|
|
21
21
|
topOffset: a,
|
|
22
|
-
getInitialOpenFromUrl:
|
|
22
|
+
getInitialOpenFromUrl: g,
|
|
23
23
|
onUrlStateChange: e
|
|
24
24
|
}) => /* @__PURE__ */ u(
|
|
25
25
|
q,
|
|
26
26
|
{
|
|
27
|
-
_disabled:
|
|
28
|
-
className:
|
|
29
|
-
defaultOpen:
|
|
27
|
+
_disabled: I,
|
|
28
|
+
className: x,
|
|
29
|
+
defaultOpen: c === !0 || typeof c == "string" && c === "true",
|
|
30
30
|
description: l,
|
|
31
|
-
getInitialOpenFromUrl:
|
|
31
|
+
getInitialOpenFromUrl: g,
|
|
32
32
|
icon: typeof d == "string" ? /* @__PURE__ */ u(_, { className: "size-4", icon: d, iconType: i }) : d,
|
|
33
33
|
onChange: (p) => {
|
|
34
34
|
p ? t == null || t({ title: r }) : f == null || f({ title: r });
|
|
@@ -42,37 +42,37 @@ const X = ({
|
|
|
42
42
|
), A = j({ parentIds: [] }), q = ({
|
|
43
43
|
title: r,
|
|
44
44
|
description: l,
|
|
45
|
-
defaultOpen:
|
|
45
|
+
defaultOpen: c = !1,
|
|
46
46
|
icon: d,
|
|
47
47
|
onChange: i,
|
|
48
48
|
children: b,
|
|
49
|
-
className:
|
|
50
|
-
_disabled:
|
|
49
|
+
className: x,
|
|
50
|
+
_disabled: I,
|
|
51
51
|
onMount: t,
|
|
52
52
|
topOffset: f,
|
|
53
53
|
getInitialOpenFromUrl: s,
|
|
54
54
|
onUrlStateChange: a
|
|
55
55
|
}) => {
|
|
56
|
-
const
|
|
56
|
+
const g = $(), e = typeof r == "string" ? T(r.split(S).join("-"), {
|
|
57
57
|
decamelize: !1
|
|
58
|
-
}) :
|
|
58
|
+
}) : g, n = h(A), v = s && e && s(e, n.parentIds) === !0 ? !0 : c, [p, y] = C(v), m = E(v);
|
|
59
59
|
z(() => {
|
|
60
|
-
s && e && s(e,
|
|
60
|
+
s && e && s(e, n.parentIds) === !0 && !m.current && (y(!0), m.current = !0), t == null || t();
|
|
61
61
|
}, []);
|
|
62
62
|
const N = (o) => {
|
|
63
|
-
|
|
63
|
+
y(o), m.current = o, !I && a && a(
|
|
64
64
|
o,
|
|
65
65
|
typeof r == "string" ? e : void 0,
|
|
66
|
-
|
|
66
|
+
n.parentIds
|
|
67
67
|
), i == null || i(o);
|
|
68
68
|
};
|
|
69
69
|
return /* @__PURE__ */ u(
|
|
70
70
|
A.Provider,
|
|
71
71
|
{
|
|
72
72
|
value: {
|
|
73
|
-
...
|
|
73
|
+
...n,
|
|
74
74
|
parentIds: [
|
|
75
|
-
...
|
|
75
|
+
...n.parentIds,
|
|
76
76
|
...typeof r == "string" ? [e] : []
|
|
77
77
|
]
|
|
78
78
|
},
|
|
@@ -81,8 +81,8 @@ const X = ({
|
|
|
81
81
|
{
|
|
82
82
|
className: H(
|
|
83
83
|
G.Accordion,
|
|
84
|
-
"mb-3 cursor-default overflow-hidden rounded-2xl border border-
|
|
85
|
-
|
|
84
|
+
"mb-3 cursor-default overflow-hidden rounded-2xl border border-stone-200/70 bg-white dark:border-white/10 dark:bg-[#0b0c0e]",
|
|
85
|
+
x
|
|
86
86
|
),
|
|
87
87
|
"data-component-part": "accordion",
|
|
88
88
|
onToggle: (o) => {
|
|
@@ -106,7 +106,7 @@ const X = ({
|
|
|
106
106
|
"div",
|
|
107
107
|
{
|
|
108
108
|
"aria-labelledby": `${e}-label`,
|
|
109
|
-
className: "prose prose-
|
|
109
|
+
className: "prose prose-stone dark:prose-invert mx-6 mt-2 mb-4 cursor-default overflow-x-auto",
|
|
110
110
|
"data-component-part": "accordion-content",
|
|
111
111
|
id: `${e}-accordion-children`,
|
|
112
112
|
role: "region",
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const Accordion: (({ title, description, defaultOpen, icon, iconType, children, className, _disabled, trackOpen, trackClose, onMount, topOffset, getInitialOpenFromUrl, onUrlStateChange, }: import('./accordion').AccordionProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
2
|
+
Group: ({ children, className }: import('./accordion-group').AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
};
|
|
4
|
+
export type { AccordionProps } from './accordion';
|
|
5
|
+
export type { AccordionGroupProps } from './accordion-group';
|
|
6
|
+
export { getInitialOpenState, updateAndCopyUrl, } from './accordion-url-utils';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;CAEpB,CAAC;AAEH,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EACL,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IconLibrary, IconType } from '../../utils/icon-utils';
|
|
3
|
+
type BadgeSize = "xs" | "sm" | "md" | "lg";
|
|
4
|
+
type BadgeShape = "rounded" | "pill";
|
|
5
|
+
type BadgeVariant = "solid" | "outline";
|
|
6
|
+
type BadgeColor = "gray" | "blue" | "green" | "orange" | "yellow" | "red" | "purple" | "white" | "surface" | "white-destructive" | "surface-destructive";
|
|
7
|
+
type BadgeProps = {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
color?: BadgeColor;
|
|
10
|
+
shape?: BadgeShape;
|
|
11
|
+
size?: BadgeSize;
|
|
12
|
+
variant?: BadgeVariant;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
leadIcon?: React.ReactNode;
|
|
16
|
+
tailIcon?: React.ReactNode;
|
|
17
|
+
iconType?: IconType;
|
|
18
|
+
iconLibrary?: IconLibrary;
|
|
19
|
+
onClick?: () => void;
|
|
20
|
+
href?: string;
|
|
21
|
+
/** @deprecated Use leadIcon or tailIcon instead */
|
|
22
|
+
icon?: React.ReactNode;
|
|
23
|
+
/** @deprecated Use variant="outline" instead */
|
|
24
|
+
stroke?: boolean;
|
|
25
|
+
};
|
|
26
|
+
declare const Badge: ({ children, className, color, shape, variant: variantProp, stroke, disabled, size, leadIcon, tailIcon: tailIconProp, icon, iconType, iconLibrary, onClick, href, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { Badge };
|
|
28
|
+
export type { BadgeSize, BadgeProps, BadgeShape, BadgeVariant, BadgeColor };
|
|
29
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEhE,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3C,KAAK,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AACrC,KAAK,YAAY,GAAG,OAAO,GAAG,SAAS,CAAC;AACxC,KAAK,UAAU,GACX,MAAM,GACN,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,OAAO,GACP,SAAS,GACT,mBAAmB,GACnB,qBAAqB,CAAC;AA+B1B,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gDAAgD;IAChD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,oKAgBZ,UAAU,4CAoFZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { IconLibrary, IconType } from '../../utils/icon-utils';
|
|
3
|
+
type CalloutVariant = "info" | "warning" | "note" | "tip" | "check" | "danger" | "custom";
|
|
4
|
+
type CalloutProps = {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
variant?: CalloutVariant;
|
|
7
|
+
icon?: ReactNode | string;
|
|
8
|
+
iconType?: IconType;
|
|
9
|
+
iconLibrary?: IconLibrary;
|
|
10
|
+
color?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
ariaLabel?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const Callout: ({ children, variant, icon, iconType, iconLibrary, color, className, ariaLabel, }: CalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
type BackwardCompatibleCalloutProps = Omit<CalloutProps, "variant">;
|
|
16
|
+
declare const Info: (props: BackwardCompatibleCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare const Warning: (props: BackwardCompatibleCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const Note: (props: BackwardCompatibleCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare const Tip: (props: BackwardCompatibleCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare const Check: (props: BackwardCompatibleCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare const Danger: (props: BackwardCompatibleCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export { Callout, Info, Warning, Note, Tip, Check, Danger };
|
|
23
|
+
export type { CalloutProps, CalloutVariant };
|
|
24
|
+
//# sourceMappingURL=callout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/components/callout/callout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEhE,KAAK,cAAc,GACf,MAAM,GACN,SAAS,GACT,MAAM,GACN,KAAK,GACL,OAAO,GACP,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+CF,QAAA,MAAM,OAAO,GAAI,kFASd,YAAY,4CAuGd,CAAC;AAGF,KAAK,8BAA8B,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEpE,QAAA,MAAM,IAAI,GAAI,OAAO,8BAA8B,4CAElD,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,OAAO,8BAA8B,4CAErD,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,OAAO,8BAA8B,4CAElD,CAAC;AAEF,QAAA,MAAM,GAAG,GAAI,OAAO,8BAA8B,4CAEjD,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,OAAO,8BAA8B,4CAEnD,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,OAAO,8BAA8B,4CAEpD,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { Classes as
|
|
4
|
-
import { DangerIcon as
|
|
1
|
+
import { jsx as r, jsxs as w } from "react/jsx-runtime";
|
|
2
|
+
import I from "../../_virtual/index.js";
|
|
3
|
+
import { Classes as v } from "../../constants/selectors.js";
|
|
4
|
+
import { DangerIcon as $, CheckIcon as A, TipIcon as T, NoteIcon as _, WarningIcon as D, InfoIcon as L } from "../../icons/index.js";
|
|
5
5
|
import { cn as x } from "../../utils/cn.js";
|
|
6
|
-
import { Icon as
|
|
7
|
-
const
|
|
6
|
+
import { Icon as W } from "../icon/icon.js";
|
|
7
|
+
const j = {
|
|
8
8
|
info: {
|
|
9
|
-
icon:
|
|
9
|
+
icon: L,
|
|
10
10
|
defaultAriaLabel: "Info",
|
|
11
|
-
className: "border border-
|
|
12
|
-
childrenClassName: "text-
|
|
11
|
+
className: "border border-stone-200 bg-stone-50 dark:border-stone-700 dark:bg-white/10",
|
|
12
|
+
childrenClassName: "text-stone-800 dark:text-stone-300"
|
|
13
13
|
},
|
|
14
14
|
warning: {
|
|
15
|
-
icon:
|
|
15
|
+
icon: D,
|
|
16
16
|
defaultAriaLabel: "Warning",
|
|
17
17
|
className: 'border border-yellow-200 bg-yellow-50 dark:border-yellow-900 dark:bg-yellow-600/20 **:data-[component-part="callout-icon"]:mt-px',
|
|
18
18
|
childrenClassName: "text-yellow-800 dark:text-yellow-300"
|
|
19
19
|
},
|
|
20
20
|
note: {
|
|
21
|
-
icon:
|
|
21
|
+
icon: _,
|
|
22
22
|
defaultAriaLabel: "Note",
|
|
23
23
|
className: "border border-blue-200 bg-blue-50 dark:border-blue-900 dark:bg-blue-600/20",
|
|
24
24
|
childrenClassName: "text-blue-800 dark:text-blue-300"
|
|
25
25
|
},
|
|
26
26
|
tip: {
|
|
27
|
-
icon:
|
|
27
|
+
icon: T,
|
|
28
28
|
defaultAriaLabel: "Tip",
|
|
29
29
|
className: 'border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20 **:data-[component-part="callout-icon"]:mt-px',
|
|
30
30
|
childrenClassName: "text-green-800 dark:text-green-300"
|
|
31
31
|
},
|
|
32
32
|
check: {
|
|
33
|
-
icon:
|
|
33
|
+
icon: A,
|
|
34
34
|
defaultAriaLabel: "Check",
|
|
35
35
|
className: "border border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-600/20",
|
|
36
36
|
childrenClassName: "text-green-800 dark:text-green-300"
|
|
37
37
|
},
|
|
38
38
|
danger: {
|
|
39
|
-
icon:
|
|
39
|
+
icon: $,
|
|
40
40
|
defaultAriaLabel: "Danger",
|
|
41
41
|
className: "border border-red-200 bg-red-50 dark:border-red-900 dark:bg-red-600/20",
|
|
42
42
|
childrenClassName: "text-red-800 dark:text-red-300"
|
|
43
43
|
}
|
|
44
44
|
}, a = ({
|
|
45
|
-
children:
|
|
46
|
-
variant:
|
|
45
|
+
children: e,
|
|
46
|
+
variant: c = "custom",
|
|
47
47
|
icon: p,
|
|
48
48
|
iconType: h,
|
|
49
49
|
iconLibrary: f,
|
|
50
|
-
color:
|
|
50
|
+
color: s,
|
|
51
51
|
className: C,
|
|
52
|
-
ariaLabel:
|
|
52
|
+
ariaLabel: i
|
|
53
53
|
}) => {
|
|
54
|
-
let l, b, n = "",
|
|
55
|
-
if (
|
|
56
|
-
if (l = p, b =
|
|
54
|
+
let l, b, n = "", d = "", m = {}, g = {};
|
|
55
|
+
if (c === "custom")
|
|
56
|
+
if (l = p, b = s, s)
|
|
57
57
|
try {
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
"--callout-border-color-light": `${
|
|
61
|
-
"--callout-bg-color-light": `${
|
|
62
|
-
"--callout-border-color-dark": `${
|
|
63
|
-
"--callout-bg-color-dark": `${
|
|
58
|
+
const o = I(s), t = o.hex(), k = o.isDark(), N = o.lighten(0.5), y = o.darken(0.5);
|
|
59
|
+
m = {
|
|
60
|
+
"--callout-border-color-light": `${t}33`,
|
|
61
|
+
"--callout-bg-color-light": `${t}1a`,
|
|
62
|
+
"--callout-border-color-dark": `${t}${k ? "66" : "4d"}`,
|
|
63
|
+
"--callout-bg-color-dark": `${t}${k ? "4d" : "1a"}`
|
|
64
64
|
}, g = {
|
|
65
65
|
"--callout-text-color": `${y.hex()}`,
|
|
66
66
|
"--dark-callout-text-color": `${N.hex()}`
|
|
67
|
-
}, n = "border border-(--callout-border-color-light,#71717a33) bg-(--callout-bg-color-light,#71717a1a) dark:border-(--callout-border-color-dark,#71717a4d) dark:bg-(--callout-bg-color-dark,#71717a1a)",
|
|
67
|
+
}, n = "border border-(--callout-border-color-light,#71717a33) bg-(--callout-bg-color-light,#71717a1a) dark:border-(--callout-border-color-dark,#71717a4d) dark:bg-(--callout-bg-color-dark,#71717a1a)", d = "mt-1 text-(--callout-text-color) dark:text-(--dark-callout-text-color)";
|
|
68
68
|
} catch {
|
|
69
|
-
b = void 0, n = "border border-
|
|
69
|
+
b = void 0, n = "border border-stone-500/20 bg-stone-50/50 dark:border-stone-500/30 dark:bg-stone-500/10", d = "text-stone-900 dark:text-stone-200";
|
|
70
70
|
}
|
|
71
71
|
else
|
|
72
|
-
n = "border border-
|
|
72
|
+
n = "border border-stone-500/20 bg-stone-50/50 dark:border-stone-500/30 dark:bg-stone-500/10", d = "text-stone-900 dark:text-stone-200";
|
|
73
73
|
else {
|
|
74
|
-
const
|
|
75
|
-
l = /* @__PURE__ */
|
|
74
|
+
const o = j[c], t = o.icon;
|
|
75
|
+
l = /* @__PURE__ */ r(t, { "aria-label": i || o.defaultAriaLabel }), n = o.className, d = o.childrenClassName;
|
|
76
76
|
}
|
|
77
|
-
const
|
|
78
|
-
|
|
77
|
+
const u = typeof l == "string" ? /* @__PURE__ */ r(
|
|
78
|
+
W,
|
|
79
79
|
{
|
|
80
80
|
className: "m-0! size-4 shrink-0",
|
|
81
81
|
color: b,
|
|
@@ -84,43 +84,43 @@ const W = {
|
|
|
84
84
|
iconType: h
|
|
85
85
|
}
|
|
86
86
|
) : l;
|
|
87
|
-
return /* @__PURE__ */
|
|
87
|
+
return /* @__PURE__ */ w(
|
|
88
88
|
"div",
|
|
89
89
|
{
|
|
90
90
|
className: x(
|
|
91
|
-
|
|
91
|
+
v.Callout,
|
|
92
92
|
"my-4 flex gap-3 overflow-hidden rounded-2xl px-5 py-4",
|
|
93
93
|
n,
|
|
94
94
|
C
|
|
95
95
|
),
|
|
96
|
-
"data-callout-type":
|
|
97
|
-
style: { ...
|
|
96
|
+
"data-callout-type": c,
|
|
97
|
+
style: { ...m, ...g },
|
|
98
98
|
children: [
|
|
99
|
-
!!
|
|
99
|
+
!!u && /* @__PURE__ */ r(
|
|
100
100
|
"div",
|
|
101
101
|
{
|
|
102
102
|
className: "mt-0.5 w-4",
|
|
103
103
|
"data-component-part": "callout-icon",
|
|
104
|
-
...
|
|
105
|
-
children:
|
|
104
|
+
...c === "custom" && i && { "aria-label": i },
|
|
105
|
+
children: u
|
|
106
106
|
}
|
|
107
107
|
),
|
|
108
|
-
/* @__PURE__ */
|
|
108
|
+
/* @__PURE__ */ r(
|
|
109
109
|
"div",
|
|
110
110
|
{
|
|
111
111
|
className: x(
|
|
112
|
-
"prose dark:prose-invert w-full min-w-0 text-sm [&_a]:border-current [&_a]:text-current! [&_code]:text-current! [&_kbd]:bg-
|
|
113
|
-
|
|
112
|
+
"prose dark:prose-invert w-full min-w-0 text-sm [&_a]:border-current [&_a]:text-current! [&_code]:text-current! [&_kbd]:bg-stone-100 [&_kbd]:text-current! dark:[&_kbd]:bg-stone-800",
|
|
113
|
+
d
|
|
114
114
|
),
|
|
115
115
|
"data-component-part": "callout-content",
|
|
116
116
|
style: g,
|
|
117
|
-
children:
|
|
117
|
+
children: e
|
|
118
118
|
}
|
|
119
119
|
)
|
|
120
120
|
]
|
|
121
121
|
}
|
|
122
122
|
);
|
|
123
|
-
}, G = (
|
|
123
|
+
}, G = (e) => /* @__PURE__ */ r(a, { ...e, variant: "info" }), H = (e) => /* @__PURE__ */ r(a, { ...e, variant: "warning" }), J = (e) => /* @__PURE__ */ r(a, { ...e, variant: "note" }), K = (e) => /* @__PURE__ */ r(a, { ...e, variant: "tip" }), M = (e) => /* @__PURE__ */ r(a, { ...e, variant: "check" }), O = (e) => /* @__PURE__ */ r(a, { ...e, variant: "danger" });
|
|
124
124
|
export {
|
|
125
125
|
a as Callout,
|
|
126
126
|
M as Check,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/callout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React, ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from 'react';
|
|
2
|
+
import { IconLibrary, IconType } from '../../utils/icon-utils';
|
|
3
|
+
interface CardPropsBase<T> {
|
|
4
|
+
title?: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
img?: string;
|
|
7
|
+
horizontal?: boolean;
|
|
8
|
+
as?: T;
|
|
9
|
+
href?: string;
|
|
10
|
+
mRef?: Ref<T | undefined>;
|
|
11
|
+
cta?: string;
|
|
12
|
+
arrow?: boolean;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
}
|
|
15
|
+
type CardProps<T extends ElementType> = CardPropsBase<T> & Omit<ComponentPropsWithoutRef<T>, keyof CardPropsBase<T>>;
|
|
16
|
+
interface CardIconProps {
|
|
17
|
+
iconType?: IconType;
|
|
18
|
+
iconLibrary?: IconLibrary;
|
|
19
|
+
color?: string;
|
|
20
|
+
}
|
|
21
|
+
type CardComponentProps = Pick<CardPropsBase<ElementType>, "title" | "horizontal" | "href" | "img" | "disabled" | "cta" | "arrow" | "as"> & CardIconProps & {
|
|
22
|
+
icon?: ReactNode | string;
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
};
|
|
26
|
+
declare const Card: ({ title, icon, iconType, iconLibrary, color, horizontal, href, img, children, disabled, cta, arrow, as, className, }: CardComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare const GenericCard: <T extends ElementType = "div">({ title, icon, img, className, children, horizontal, arrow, as, mRef, cta, disabled, ...props }: CardProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export { Card, GenericCard };
|
|
29
|
+
export type { CardProps, CardPropsBase, CardComponentProps, CardIconProps };
|
|
30
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAEX,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGhE,UAAU,aAAa,CAAC,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,KAAK,SAAS,CAAC,CAAC,SAAS,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,GACtD,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE5D,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC5B,aAAa,CAAC,WAAW,CAAC,EAC1B,OAAO,GAAG,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,CAC9E,GACC,aAAa,GAAG;IACd,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEJ,QAAA,MAAM,IAAI,GAAI,sHAeX,kBAAkB,4CAqCpB,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,iGAajD,SAAS,CAAC,CAAC,CAAC,4CA+Hd,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7B,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAC"}
|