@optimum-intelligence/opti-ui 0.0.0-stage → 0.3.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/LICENSE +23 -0
- package/README.md +244 -2
- package/dist/components/accordion/Accordion.d.ts +17 -0
- package/dist/components/accordion/Accordion.js +204 -0
- package/dist/components/accordion/Accordion.js.map +1 -0
- package/dist/components/alert/Alert.d.ts +18 -0
- package/dist/components/alert/Alert.js +164 -0
- package/dist/components/alert/Alert.js.map +1 -0
- package/dist/components/app-shell/AppShell.d.ts +97 -0
- package/dist/components/app-shell/AppShell.js +689 -0
- package/dist/components/app-shell/AppShell.js.map +1 -0
- package/dist/components/avatar/Avatar.d.ts +21 -0
- package/dist/components/avatar/Avatar.js +190 -0
- package/dist/components/avatar/Avatar.js.map +1 -0
- package/dist/components/badge/Badge.d.ts +16 -0
- package/dist/components/badge/Badge.js +94 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/breadcrumbs/Breadcrumbs.d.ts +18 -0
- package/dist/components/breadcrumbs/Breadcrumbs.js +154 -0
- package/dist/components/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/components/button/Button.d.ts +23 -0
- package/dist/components/button/Button.js +159 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/calendar/Calendar.d.ts +59 -0
- package/dist/components/calendar/Calendar.js +709 -0
- package/dist/components/calendar/Calendar.js.map +1 -0
- package/dist/components/calendar/date-utils.d.ts +32 -0
- package/dist/components/calendar/date-utils.js +112 -0
- package/dist/components/calendar/date-utils.js.map +1 -0
- package/dist/components/card/Card.d.ts +42 -0
- package/dist/components/card/Card.js +82 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/choice/Choice.d.ts +32 -0
- package/dist/components/choice/Choice.js +371 -0
- package/dist/components/choice/Choice.js.map +1 -0
- package/dist/components/collapsible/Collapsible.d.ts +15 -0
- package/dist/components/collapsible/Collapsible.js +155 -0
- package/dist/components/collapsible/Collapsible.js.map +1 -0
- package/dist/components/combobox/Combobox.d.ts +68 -0
- package/dist/components/combobox/Combobox.js +752 -0
- package/dist/components/combobox/Combobox.js.map +1 -0
- package/dist/components/command-palette/CommandPalette.d.ts +52 -0
- package/dist/components/command-palette/CommandPalette.js +328 -0
- package/dist/components/command-palette/CommandPalette.js.map +1 -0
- package/dist/components/data-table/DataTable.d.ts +73 -0
- package/dist/components/data-table/DataTable.js +478 -0
- package/dist/components/data-table/DataTable.js.map +1 -0
- package/dist/components/data-table/DataTableContent.d.ts +35 -0
- package/dist/components/data-table/DataTableContent.js +550 -0
- package/dist/components/data-table/DataTableContent.js.map +1 -0
- package/dist/components/data-table/DataTableFilters.d.ts +15 -0
- package/dist/components/data-table/DataTableFilters.js +284 -0
- package/dist/components/data-table/DataTableFilters.js.map +1 -0
- package/dist/components/data-table/DataTableRow.d.ts +33 -0
- package/dist/components/data-table/DataTableRow.js +552 -0
- package/dist/components/data-table/DataTableRow.js.map +1 -0
- package/dist/components/data-table/context.d.ts +5 -0
- package/dist/components/data-table/context.js +14 -0
- package/dist/components/data-table/context.js.map +1 -0
- package/dist/components/data-table/layout.d.ts +60 -0
- package/dist/components/data-table/layout.js +272 -0
- package/dist/components/data-table/layout.js.map +1 -0
- package/dist/components/data-table/types.d.ts +319 -0
- package/dist/components/data-table/useDataTable.d.ts +9 -0
- package/dist/components/data-table/useDataTable.js +666 -0
- package/dist/components/data-table/useDataTable.js.map +1 -0
- package/dist/components/date-picker/DatePicker.d.ts +50 -0
- package/dist/components/date-picker/DatePicker.js +485 -0
- package/dist/components/date-picker/DatePicker.js.map +1 -0
- package/dist/components/date-picker/DateRangePicker.d.ts +39 -0
- package/dist/components/date-picker/DateRangePicker.js +339 -0
- package/dist/components/date-picker/DateRangePicker.js.map +1 -0
- package/dist/components/date-picker/PickerField.d.ts +38 -0
- package/dist/components/date-picker/PickerField.js +238 -0
- package/dist/components/date-picker/PickerField.js.map +1 -0
- package/dist/components/dialog/Dialog.d.ts +70 -0
- package/dist/components/dialog/Dialog.js +354 -0
- package/dist/components/dialog/Dialog.js.map +1 -0
- package/dist/components/drawer/Drawer.d.ts +39 -0
- package/dist/components/drawer/Drawer.js +225 -0
- package/dist/components/drawer/Drawer.js.map +1 -0
- package/dist/components/empty-state/EmptyState.d.ts +12 -0
- package/dist/components/empty-state/EmptyState.js +116 -0
- package/dist/components/empty-state/EmptyState.js.map +1 -0
- package/dist/components/field/Field.d.ts +36 -0
- package/dist/components/field/Field.js +337 -0
- package/dist/components/field/Field.js.map +1 -0
- package/dist/components/file-upload/FileUpload.d.ts +91 -0
- package/dist/components/file-upload/FileUpload.js +714 -0
- package/dist/components/file-upload/FileUpload.js.map +1 -0
- package/dist/components/input/Input.d.ts +49 -0
- package/dist/components/input/Input.js +538 -0
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/link/Link.d.ts +17 -0
- package/dist/components/link/Link.js +91 -0
- package/dist/components/link/Link.js.map +1 -0
- package/dist/components/menu/Menu.d.ts +79 -0
- package/dist/components/menu/Menu.js +615 -0
- package/dist/components/menu/Menu.js.map +1 -0
- package/dist/components/number-field/NumberField.d.ts +16 -0
- package/dist/components/number-field/NumberField.js +188 -0
- package/dist/components/number-field/NumberField.js.map +1 -0
- package/dist/components/pagination/Pagination.d.ts +34 -0
- package/dist/components/pagination/Pagination.js +244 -0
- package/dist/components/pagination/Pagination.js.map +1 -0
- package/dist/components/popover/Popover.d.ts +22 -0
- package/dist/components/popover/Popover.js +186 -0
- package/dist/components/popover/Popover.js.map +1 -0
- package/dist/components/preview-card/PreviewCard.d.ts +20 -0
- package/dist/components/preview-card/PreviewCard.js +114 -0
- package/dist/components/preview-card/PreviewCard.js.map +1 -0
- package/dist/components/progress/Progress.d.ts +20 -0
- package/dist/components/progress/Progress.js +169 -0
- package/dist/components/progress/Progress.js.map +1 -0
- package/dist/components/scroll-area/ScrollArea.d.ts +8 -0
- package/dist/components/scroll-area/ScrollArea.js +112 -0
- package/dist/components/scroll-area/ScrollArea.js.map +1 -0
- package/dist/components/search-input/SearchInput.d.ts +14 -0
- package/dist/components/search-input/SearchInput.js +114 -0
- package/dist/components/search-input/SearchInput.js.map +1 -0
- package/dist/components/select/Select.d.ts +66 -0
- package/dist/components/select/Select.js +601 -0
- package/dist/components/select/Select.js.map +1 -0
- package/dist/components/separator/Separator.d.ts +4 -0
- package/dist/components/separator/Separator.js +46 -0
- package/dist/components/separator/Separator.js.map +1 -0
- package/dist/components/skeleton/Skeleton.d.ts +16 -0
- package/dist/components/skeleton/Skeleton.js +135 -0
- package/dist/components/skeleton/Skeleton.js.map +1 -0
- package/dist/components/slider/Slider.d.ts +11 -0
- package/dist/components/slider/Slider.js +107 -0
- package/dist/components/slider/Slider.js.map +1 -0
- package/dist/components/spinner/Spinner.d.ts +9 -0
- package/dist/components/spinner/Spinner.js +78 -0
- package/dist/components/spinner/Spinner.js.map +1 -0
- package/dist/components/stack/Stack.d.ts +23 -0
- package/dist/components/stack/Stack.js +79 -0
- package/dist/components/stack/Stack.js.map +1 -0
- package/dist/components/stat-card/StatCard.d.ts +22 -0
- package/dist/components/stat-card/StatCard.js +153 -0
- package/dist/components/stat-card/StatCard.js.map +1 -0
- package/dist/components/stepper/Stepper.d.ts +30 -0
- package/dist/components/stepper/Stepper.js +131 -0
- package/dist/components/stepper/Stepper.js.map +1 -0
- package/dist/components/table/Table.d.ts +53 -0
- package/dist/components/table/Table.js +221 -0
- package/dist/components/table/Table.js.map +1 -0
- package/dist/components/tabs/Tabs.d.ts +19 -0
- package/dist/components/tabs/Tabs.js +183 -0
- package/dist/components/tabs/Tabs.js.map +1 -0
- package/dist/components/tag/Tag.d.ts +22 -0
- package/dist/components/tag/Tag.js +121 -0
- package/dist/components/tag/Tag.js.map +1 -0
- package/dist/components/toast/Toast.d.ts +34 -0
- package/dist/components/toast/Toast.js +187 -0
- package/dist/components/toast/Toast.js.map +1 -0
- package/dist/components/toggle/Toggle.d.ts +31 -0
- package/dist/components/toggle/Toggle.js +197 -0
- package/dist/components/toggle/Toggle.js.map +1 -0
- package/dist/components/toolbar/Toolbar.d.ts +21 -0
- package/dist/components/toolbar/Toolbar.js +239 -0
- package/dist/components/toolbar/Toolbar.js.map +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +33 -0
- package/dist/components/tooltip/Tooltip.js +182 -0
- package/dist/components/tooltip/Tooltip.js.map +1 -0
- package/dist/components/typography/Typography.d.ts +32 -0
- package/dist/components/typography/Typography.js +183 -0
- package/dist/components/typography/Typography.js.map +1 -0
- package/dist/fonts.css +3 -0
- package/dist/icons/index.d.ts +133 -0
- package/dist/icons/index.js +182 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +55 -0
- package/dist/index.js +58 -0
- package/dist/opti-ui.css +5692 -0
- package/dist/theme/ThemeProvider.d.ts +22 -0
- package/dist/theme/ThemeProvider.js +115 -0
- package/dist/theme/ThemeProvider.js.map +1 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/utils/cx.d.ts +10 -0
- package/dist/utils/cx.js +18 -0
- package/dist/utils/cx.js.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/portal.d.ts +8 -0
- package/dist/utils/portal.js +16 -0
- package/dist/utils/portal.js.map +1 -0
- package/dist/utils/primitive.d.ts +13 -0
- package/dist/utils/primitive.js +61 -0
- package/dist/utils/primitive.js.map +1 -0
- package/dist/utils/search.d.ts +4 -0
- package/dist/utils/search.js +15 -0
- package/dist/utils/search.js.map +1 -0
- package/package.json +71 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["React","Tooltip","BaseTooltip","withClass","usePortalContainer","TooltipContentProps","Popup","Props","side","Positioner","align","sideOffset","arrow","positionerProps","TooltipContent","t0","$","_c","children","className","props","ref","t1","t2","t3","t4","undefined","container","t5","t6","t7","t8","t9","TooltipProps","Omit","Root","content","ReactNode","ReactElement","delay","contentProps","TooltipComponent","rootProps","Object","assign","Provider","Trigger","Content","_c","BaseTooltip","Tooltip"],"sources":["../../../src/components/tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip';\nimport { withClass } from '../../utils/cx';\nimport { usePortalContainer } from '../../utils/portal';\n\nexport interface TooltipContentProps extends BaseTooltip.Popup.Props {\n side?: BaseTooltip.Positioner.Props['side'];\n align?: BaseTooltip.Positioner.Props['align'];\n sideOffset?: BaseTooltip.Positioner.Props['sideOffset'];\n arrow?: boolean;\n positionerProps?: BaseTooltip.Positioner.Props;\n}\n\nfunction TooltipContent({\n side = 'top',\n align = 'center',\n sideOffset = 8,\n arrow = true,\n positionerProps,\n className,\n children,\n ref,\n ...props\n}: TooltipContentProps) {\n const container = usePortalContainer();\n return (\n <BaseTooltip.Portal container={container}>\n <BaseTooltip.Positioner\n className=\"oui-tooltip__positioner\"\n side={side}\n align={align}\n sideOffset={sideOffset}\n {...positionerProps}\n >\n <BaseTooltip.Popup ref={ref} className={withClass('oui-tooltip', className)} {...props}>\n {arrow && <BaseTooltip.Arrow className=\"oui-tooltip__arrow\" />}\n {children}\n </BaseTooltip.Popup>\n </BaseTooltip.Positioner>\n </BaseTooltip.Portal>\n );\n}\n\nexport interface TooltipProps extends Omit<BaseTooltip.Root.Props, 'children'> {\n /** Tooltip text. */\n content: React.ReactNode;\n /** The trigger. Must be a single element that accepts a ref (e.g. a Button). */\n children: React.ReactElement;\n side?: TooltipContentProps['side'];\n align?: TooltipContentProps['align'];\n /** Hover delay in ms. */\n delay?: number;\n contentProps?: Omit<TooltipContentProps, 'children'>;\n}\n\nfunction TooltipComponent({ content, children, side, align, delay, contentProps, ...rootProps }: TooltipProps) {\n return (\n <BaseTooltip.Root {...rootProps}>\n <BaseTooltip.Trigger delay={delay} render={children} />\n <TooltipContent side={side} align={align} {...contentProps}>\n {content}\n </TooltipContent>\n </BaseTooltip.Root>\n );\n}\n\n/**\n * `<Tooltip content=\"Export\"><IconButton … /></Tooltip>`.\n * Wrap the app in `Tooltip.Provider` so adjacent tooltips open instantly.\n */\nexport const Tooltip = Object.assign(TooltipComponent, {\n Provider: BaseTooltip.Provider,\n Root: BaseTooltip.Root,\n Trigger: BaseTooltip.Trigger,\n Content: TooltipContent,\n});\n"],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
2
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
3
|
+
export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
4
|
+
export type HeadingState = {
|
|
5
|
+
size: HeadingSize;
|
|
6
|
+
};
|
|
7
|
+
export interface HeadingProps extends useRender.ComponentProps<'h2', HeadingState> {
|
|
8
|
+
/** Semantic level; picks the element. */
|
|
9
|
+
level?: HeadingLevel;
|
|
10
|
+
/** Visual size, independent of the level. */
|
|
11
|
+
size?: HeadingSize;
|
|
12
|
+
}
|
|
13
|
+
export declare function Heading({ level, size, render, ref, ...props }: HeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
14
|
+
export type TextTone = 'default' | 'strong' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger';
|
|
15
|
+
export type TextSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
16
|
+
export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
17
|
+
export type TextState = {
|
|
18
|
+
size: TextSize;
|
|
19
|
+
tone: TextTone;
|
|
20
|
+
weight?: TextWeight;
|
|
21
|
+
};
|
|
22
|
+
export interface TextProps extends useRender.ComponentProps<'p', TextState> {
|
|
23
|
+
size?: TextSize;
|
|
24
|
+
tone?: TextTone;
|
|
25
|
+
weight?: TextWeight;
|
|
26
|
+
}
|
|
27
|
+
export declare function Text({ size, tone, weight, render, ref, ...props }: TextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
28
|
+
export interface EyebrowProps extends useRender.ComponentProps<'span'> {
|
|
29
|
+
}
|
|
30
|
+
/** Small uppercase label used above titles, in filter bars and table headers. */
|
|
31
|
+
export declare function Eyebrow({ render, ref, ...props }: EyebrowProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { c } from "react/compiler-runtime";
|
|
3
|
+
import { useRender } from "@base-ui/react/use-render";
|
|
4
|
+
import { mergeProps } from "@base-ui/react/merge-props";
|
|
5
|
+
//#region src/components/typography/Typography.tsx
|
|
6
|
+
var defaultSizes = {
|
|
7
|
+
1: "xl",
|
|
8
|
+
2: "lg",
|
|
9
|
+
3: "md",
|
|
10
|
+
4: "sm",
|
|
11
|
+
5: "xs",
|
|
12
|
+
6: "xs"
|
|
13
|
+
};
|
|
14
|
+
function Heading(t0) {
|
|
15
|
+
const $ = c(15);
|
|
16
|
+
let t1;
|
|
17
|
+
let t2;
|
|
18
|
+
let t3;
|
|
19
|
+
let t4;
|
|
20
|
+
let t5;
|
|
21
|
+
let t6;
|
|
22
|
+
if ($[0] !== t0) {
|
|
23
|
+
const { level: t7, size, render, ref, ...props } = t0;
|
|
24
|
+
const level = t7 === void 0 ? 2 : t7;
|
|
25
|
+
const t8 = size ?? defaultSizes[level];
|
|
26
|
+
let t9;
|
|
27
|
+
if ($[7] !== t8) {
|
|
28
|
+
t9 = { size: t8 };
|
|
29
|
+
$[7] = t8;
|
|
30
|
+
$[8] = t9;
|
|
31
|
+
} else t9 = $[8];
|
|
32
|
+
const state = t9;
|
|
33
|
+
t6 = useRender;
|
|
34
|
+
t1 = `h${level}`;
|
|
35
|
+
t2 = render;
|
|
36
|
+
t3 = ref;
|
|
37
|
+
t4 = state;
|
|
38
|
+
t5 = mergeProps({ className: "oui-heading" }, props);
|
|
39
|
+
$[0] = t0;
|
|
40
|
+
$[1] = t1;
|
|
41
|
+
$[2] = t2;
|
|
42
|
+
$[3] = t3;
|
|
43
|
+
$[4] = t4;
|
|
44
|
+
$[5] = t5;
|
|
45
|
+
$[6] = t6;
|
|
46
|
+
} else {
|
|
47
|
+
t1 = $[1];
|
|
48
|
+
t2 = $[2];
|
|
49
|
+
t3 = $[3];
|
|
50
|
+
t4 = $[4];
|
|
51
|
+
t5 = $[5];
|
|
52
|
+
t6 = $[6];
|
|
53
|
+
}
|
|
54
|
+
let t7;
|
|
55
|
+
if ($[9] !== t1 || $[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
|
|
56
|
+
t7 = {
|
|
57
|
+
defaultTagName: t1,
|
|
58
|
+
render: t2,
|
|
59
|
+
ref: t3,
|
|
60
|
+
state: t4,
|
|
61
|
+
props: t5
|
|
62
|
+
};
|
|
63
|
+
$[9] = t1;
|
|
64
|
+
$[10] = t2;
|
|
65
|
+
$[11] = t3;
|
|
66
|
+
$[12] = t4;
|
|
67
|
+
$[13] = t5;
|
|
68
|
+
$[14] = t7;
|
|
69
|
+
} else t7 = $[14];
|
|
70
|
+
return t6(t7);
|
|
71
|
+
}
|
|
72
|
+
function Text(t0) {
|
|
73
|
+
const $ = c(17);
|
|
74
|
+
let t1;
|
|
75
|
+
let t2;
|
|
76
|
+
let t3;
|
|
77
|
+
let t4;
|
|
78
|
+
let t5;
|
|
79
|
+
let t6;
|
|
80
|
+
if ($[0] !== t0) {
|
|
81
|
+
const { size: t7, tone: t8, weight, render, ref, ...props } = t0;
|
|
82
|
+
const size = t7 === void 0 ? "md" : t7;
|
|
83
|
+
const tone = t8 === void 0 ? "default" : t8;
|
|
84
|
+
let t9;
|
|
85
|
+
if ($[7] !== size || $[8] !== tone || $[9] !== weight) {
|
|
86
|
+
t9 = {
|
|
87
|
+
size,
|
|
88
|
+
tone,
|
|
89
|
+
weight
|
|
90
|
+
};
|
|
91
|
+
$[7] = size;
|
|
92
|
+
$[8] = tone;
|
|
93
|
+
$[9] = weight;
|
|
94
|
+
$[10] = t9;
|
|
95
|
+
} else t9 = $[10];
|
|
96
|
+
const state = t9;
|
|
97
|
+
t6 = useRender;
|
|
98
|
+
t1 = "p";
|
|
99
|
+
t2 = render;
|
|
100
|
+
t3 = ref;
|
|
101
|
+
t4 = state;
|
|
102
|
+
t5 = mergeProps({ className: "oui-text" }, props);
|
|
103
|
+
$[0] = t0;
|
|
104
|
+
$[1] = t1;
|
|
105
|
+
$[2] = t2;
|
|
106
|
+
$[3] = t3;
|
|
107
|
+
$[4] = t4;
|
|
108
|
+
$[5] = t5;
|
|
109
|
+
$[6] = t6;
|
|
110
|
+
} else {
|
|
111
|
+
t1 = $[1];
|
|
112
|
+
t2 = $[2];
|
|
113
|
+
t3 = $[3];
|
|
114
|
+
t4 = $[4];
|
|
115
|
+
t5 = $[5];
|
|
116
|
+
t6 = $[6];
|
|
117
|
+
}
|
|
118
|
+
let t7;
|
|
119
|
+
if ($[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4 || $[15] !== t5) {
|
|
120
|
+
t7 = {
|
|
121
|
+
defaultTagName: t1,
|
|
122
|
+
render: t2,
|
|
123
|
+
ref: t3,
|
|
124
|
+
state: t4,
|
|
125
|
+
props: t5
|
|
126
|
+
};
|
|
127
|
+
$[11] = t1;
|
|
128
|
+
$[12] = t2;
|
|
129
|
+
$[13] = t3;
|
|
130
|
+
$[14] = t4;
|
|
131
|
+
$[15] = t5;
|
|
132
|
+
$[16] = t7;
|
|
133
|
+
} else t7 = $[16];
|
|
134
|
+
return t6(t7);
|
|
135
|
+
}
|
|
136
|
+
/** Small uppercase label used above titles, in filter bars and table headers. */
|
|
137
|
+
function Eyebrow(t0) {
|
|
138
|
+
const $ = c(11);
|
|
139
|
+
let t1;
|
|
140
|
+
let t2;
|
|
141
|
+
let t3;
|
|
142
|
+
let t4;
|
|
143
|
+
let t5;
|
|
144
|
+
if ($[0] !== t0) {
|
|
145
|
+
const { render, ref, ...props } = t0;
|
|
146
|
+
t5 = useRender;
|
|
147
|
+
t1 = "span";
|
|
148
|
+
t2 = render;
|
|
149
|
+
t3 = ref;
|
|
150
|
+
t4 = mergeProps({ className: "oui-eyebrow" }, props);
|
|
151
|
+
$[0] = t0;
|
|
152
|
+
$[1] = t1;
|
|
153
|
+
$[2] = t2;
|
|
154
|
+
$[3] = t3;
|
|
155
|
+
$[4] = t4;
|
|
156
|
+
$[5] = t5;
|
|
157
|
+
} else {
|
|
158
|
+
t1 = $[1];
|
|
159
|
+
t2 = $[2];
|
|
160
|
+
t3 = $[3];
|
|
161
|
+
t4 = $[4];
|
|
162
|
+
t5 = $[5];
|
|
163
|
+
}
|
|
164
|
+
let t6;
|
|
165
|
+
if ($[6] !== t1 || $[7] !== t2 || $[8] !== t3 || $[9] !== t4) {
|
|
166
|
+
t6 = {
|
|
167
|
+
defaultTagName: t1,
|
|
168
|
+
render: t2,
|
|
169
|
+
ref: t3,
|
|
170
|
+
props: t4
|
|
171
|
+
};
|
|
172
|
+
$[6] = t1;
|
|
173
|
+
$[7] = t2;
|
|
174
|
+
$[8] = t3;
|
|
175
|
+
$[9] = t4;
|
|
176
|
+
$[10] = t6;
|
|
177
|
+
} else t6 = $[10];
|
|
178
|
+
return t5(t6);
|
|
179
|
+
}
|
|
180
|
+
//#endregion
|
|
181
|
+
export { Eyebrow, Heading, Text };
|
|
182
|
+
|
|
183
|
+
//# sourceMappingURL=Typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography.js","names":["useRender","mergeProps","HeadingLevel","HeadingSize","HeadingState","size","HeadingProps","ComponentProps","level","defaultSizes","Record","Heading","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","render","ref","props","undefined","t8","t9","state","className","defaultTagName","TextTone","TextSize","TextWeight","TextState","tone","weight","TextProps","Text","EyebrowProps","Eyebrow","_c"],"sources":["../../../src/components/typography/Typography.tsx"],"sourcesContent":["import { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\nexport type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport type HeadingState = { size: HeadingSize };\n\nexport interface HeadingProps extends useRender.ComponentProps<'h2', HeadingState> {\n /** Semantic level; picks the element. */\n level?: HeadingLevel;\n /** Visual size, independent of the level. */\n size?: HeadingSize;\n}\n\nconst defaultSizes: Record<HeadingLevel, HeadingSize> = { 1: 'xl', 2: 'lg', 3: 'md', 4: 'sm', 5: 'xs', 6: 'xs' };\n\nexport function Heading({ level = 2, size, render, ref, ...props }: HeadingProps) {\n const state: HeadingState = { size: size ?? defaultSizes[level] };\n return useRender({\n defaultTagName: `h${level}`,\n render,\n ref,\n state,\n props: mergeProps<'h2'>({ className: 'oui-heading' }, props),\n });\n}\n\nexport type TextTone = 'default' | 'strong' | 'muted' | 'subtle' | 'accent' | 'success' | 'warning' | 'danger';\nexport type TextSize = 'xs' | 'sm' | 'md' | 'lg';\nexport type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';\n\nexport type TextState = { size: TextSize; tone: TextTone; weight?: TextWeight };\n\nexport interface TextProps extends useRender.ComponentProps<'p', TextState> {\n size?: TextSize;\n tone?: TextTone;\n weight?: TextWeight;\n}\n\nexport function Text({ size = 'md', tone = 'default', weight, render, ref, ...props }: TextProps) {\n const state: TextState = { size, tone, weight };\n return useRender({\n defaultTagName: 'p',\n render,\n ref,\n state,\n props: mergeProps<'p'>({ className: 'oui-text' }, props),\n });\n}\n\nexport interface EyebrowProps extends useRender.ComponentProps<'span'> {}\n\n/** Small uppercase label used above titles, in filter bars and table headers. */\nexport function Eyebrow({ render, ref, ...props }: EyebrowProps) {\n return useRender({\n defaultTagName: 'span',\n render,\n ref,\n props: mergeProps<'span'>({ className: 'oui-eyebrow' }, props),\n });\n}\n"],"mappings":"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"}
|
package/dist/fonts.css
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/* Optional: loads the default Opti UI typefaces from Google Fonts.
|
|
2
|
+
Skip this file if your app self-hosts fonts or overrides --oui-font-*. */
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Poppins:wght@400;500;600;700&display=swap');
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface IconProps extends React.SVGProps<SVGSVGElement> {
|
|
3
|
+
/** Width and height. Defaults to `1em` so icons follow the font size. */
|
|
4
|
+
size?: number | string;
|
|
5
|
+
}
|
|
6
|
+
export declare const CheckIcon: {
|
|
7
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const MinusIcon: {
|
|
11
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const PlusIcon: {
|
|
15
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const XIcon: {
|
|
19
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const ChevronDownIcon: {
|
|
23
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
export declare const ChevronUpIcon: {
|
|
27
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
export declare const ChevronRightIcon: {
|
|
31
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
32
|
+
displayName: string;
|
|
33
|
+
};
|
|
34
|
+
export declare const ChevronLeftIcon: {
|
|
35
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
36
|
+
displayName: string;
|
|
37
|
+
};
|
|
38
|
+
export declare const ChevronsUpDownIcon: {
|
|
39
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
40
|
+
displayName: string;
|
|
41
|
+
};
|
|
42
|
+
export declare const ArrowUpIcon: {
|
|
43
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
44
|
+
displayName: string;
|
|
45
|
+
};
|
|
46
|
+
export declare const ArrowDownIcon: {
|
|
47
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
48
|
+
displayName: string;
|
|
49
|
+
};
|
|
50
|
+
export declare const TrendingUpIcon: {
|
|
51
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
52
|
+
displayName: string;
|
|
53
|
+
};
|
|
54
|
+
export declare const TrendingDownIcon: {
|
|
55
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
export declare const InfoIcon: {
|
|
59
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
60
|
+
displayName: string;
|
|
61
|
+
};
|
|
62
|
+
export declare const CircleCheckIcon: {
|
|
63
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
64
|
+
displayName: string;
|
|
65
|
+
};
|
|
66
|
+
export declare const TriangleAlertIcon: {
|
|
67
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
68
|
+
displayName: string;
|
|
69
|
+
};
|
|
70
|
+
export declare const CircleXIcon: {
|
|
71
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
72
|
+
displayName: string;
|
|
73
|
+
};
|
|
74
|
+
export declare const SearchIcon: {
|
|
75
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
76
|
+
displayName: string;
|
|
77
|
+
};
|
|
78
|
+
export declare const MenuIcon: {
|
|
79
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
80
|
+
displayName: string;
|
|
81
|
+
};
|
|
82
|
+
export declare const MoreHorizontalIcon: {
|
|
83
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
84
|
+
displayName: string;
|
|
85
|
+
};
|
|
86
|
+
export declare const CircleIcon: {
|
|
87
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
88
|
+
displayName: string;
|
|
89
|
+
};
|
|
90
|
+
export declare const ChevronsLeftIcon: {
|
|
91
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
92
|
+
displayName: string;
|
|
93
|
+
};
|
|
94
|
+
export declare const ChevronsRightIcon: {
|
|
95
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
96
|
+
displayName: string;
|
|
97
|
+
};
|
|
98
|
+
export declare const CalendarIcon: {
|
|
99
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
100
|
+
displayName: string;
|
|
101
|
+
};
|
|
102
|
+
export declare const ClockIcon: {
|
|
103
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
104
|
+
displayName: string;
|
|
105
|
+
};
|
|
106
|
+
export declare const UploadIcon: {
|
|
107
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
108
|
+
displayName: string;
|
|
109
|
+
};
|
|
110
|
+
export declare const FileIcon: {
|
|
111
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
112
|
+
displayName: string;
|
|
113
|
+
};
|
|
114
|
+
export declare const EyeIcon: {
|
|
115
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
116
|
+
displayName: string;
|
|
117
|
+
};
|
|
118
|
+
export declare const EyeOffIcon: {
|
|
119
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
120
|
+
displayName: string;
|
|
121
|
+
};
|
|
122
|
+
export declare const PencilIcon: {
|
|
123
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
124
|
+
displayName: string;
|
|
125
|
+
};
|
|
126
|
+
export declare const TrashIcon: {
|
|
127
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
128
|
+
displayName: string;
|
|
129
|
+
};
|
|
130
|
+
export declare const ExternalLinkIcon: {
|
|
131
|
+
({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
|
|
132
|
+
displayName: string;
|
|
133
|
+
};
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { c } from "react/compiler-runtime";
|
|
3
|
+
import "react";
|
|
4
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
//#region src/icons/index.tsx
|
|
6
|
+
function createIcon(name, paths) {
|
|
7
|
+
function Icon(t0) {
|
|
8
|
+
const $ = c(10);
|
|
9
|
+
let props;
|
|
10
|
+
let ref;
|
|
11
|
+
let t1;
|
|
12
|
+
let t2;
|
|
13
|
+
if ($[0] !== t0) {
|
|
14
|
+
({size: t1, strokeWidth: t2, ref, ...props} = t0);
|
|
15
|
+
$[0] = t0;
|
|
16
|
+
$[1] = props;
|
|
17
|
+
$[2] = ref;
|
|
18
|
+
$[3] = t1;
|
|
19
|
+
$[4] = t2;
|
|
20
|
+
} else {
|
|
21
|
+
props = $[1];
|
|
22
|
+
ref = $[2];
|
|
23
|
+
t1 = $[3];
|
|
24
|
+
t2 = $[4];
|
|
25
|
+
}
|
|
26
|
+
const size = t1 === void 0 ? "1em" : t1;
|
|
27
|
+
const strokeWidth = t2 === void 0 ? 2 : t2;
|
|
28
|
+
let t3;
|
|
29
|
+
if ($[5] !== props || $[6] !== ref || $[7] !== size || $[8] !== strokeWidth) {
|
|
30
|
+
t3 = /* @__PURE__ */ jsx("svg", {
|
|
31
|
+
ref,
|
|
32
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
33
|
+
width: size,
|
|
34
|
+
height: size,
|
|
35
|
+
viewBox: "0 0 24 24",
|
|
36
|
+
fill: "none",
|
|
37
|
+
stroke: "currentColor",
|
|
38
|
+
strokeWidth,
|
|
39
|
+
strokeLinecap: "round",
|
|
40
|
+
strokeLinejoin: "round",
|
|
41
|
+
"aria-hidden": "true",
|
|
42
|
+
focusable: "false",
|
|
43
|
+
...props,
|
|
44
|
+
children: paths
|
|
45
|
+
});
|
|
46
|
+
$[5] = props;
|
|
47
|
+
$[6] = ref;
|
|
48
|
+
$[7] = size;
|
|
49
|
+
$[8] = strokeWidth;
|
|
50
|
+
$[9] = t3;
|
|
51
|
+
} else t3 = $[9];
|
|
52
|
+
return t3;
|
|
53
|
+
}
|
|
54
|
+
Icon.displayName = name;
|
|
55
|
+
return Icon;
|
|
56
|
+
}
|
|
57
|
+
var CheckIcon = createIcon("CheckIcon", /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }));
|
|
58
|
+
var MinusIcon = createIcon("MinusIcon", /* @__PURE__ */ jsx("path", { d: "M5 12h14" }));
|
|
59
|
+
var PlusIcon = createIcon("PlusIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M5 12h14" }), /* @__PURE__ */ jsx("path", { d: "M12 5v14" })] }));
|
|
60
|
+
var XIcon = createIcon("XIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })] }));
|
|
61
|
+
var ChevronDownIcon = createIcon("ChevronDownIcon", /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }));
|
|
62
|
+
var ChevronUpIcon = createIcon("ChevronUpIcon", /* @__PURE__ */ jsx("path", { d: "m18 15-6-6-6 6" }));
|
|
63
|
+
var ChevronRightIcon = createIcon("ChevronRightIcon", /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }));
|
|
64
|
+
var ChevronLeftIcon = createIcon("ChevronLeftIcon", /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }));
|
|
65
|
+
var ChevronsUpDownIcon = createIcon("ChevronsUpDownIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m7 15 5 5 5-5" }), /* @__PURE__ */ jsx("path", { d: "m7 9 5-5 5 5" })] }));
|
|
66
|
+
var ArrowUpIcon = createIcon("ArrowUpIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7" }), /* @__PURE__ */ jsx("path", { d: "M12 19V5" })] }));
|
|
67
|
+
var ArrowDownIcon = createIcon("ArrowDownIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M12 5v14" }), /* @__PURE__ */ jsx("path", { d: "m19 12-7 7-7-7" })] }));
|
|
68
|
+
var TrendingUpIcon = createIcon("TrendingUpIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M22 7 13.5 15.5 8.5 10.5 2 17" }), /* @__PURE__ */ jsx("path", { d: "M16 7h6v6" })] }));
|
|
69
|
+
var TrendingDownIcon = createIcon("TrendingDownIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M22 17 13.5 8.5 8.5 13.5 2 7" }), /* @__PURE__ */ jsx("path", { d: "M16 17h6v-6" })] }));
|
|
70
|
+
var InfoIcon = createIcon("InfoIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
71
|
+
/* @__PURE__ */ jsx("circle", {
|
|
72
|
+
cx: "12",
|
|
73
|
+
cy: "12",
|
|
74
|
+
r: "10"
|
|
75
|
+
}),
|
|
76
|
+
/* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
|
|
77
|
+
/* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
|
|
78
|
+
] }));
|
|
79
|
+
var CircleCheckIcon = createIcon("CircleCheckIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
|
|
80
|
+
cx: "12",
|
|
81
|
+
cy: "12",
|
|
82
|
+
r: "10"
|
|
83
|
+
}), /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })] }));
|
|
84
|
+
var TriangleAlertIcon = createIcon("TriangleAlertIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
85
|
+
/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
|
|
86
|
+
/* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
|
|
87
|
+
/* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
|
|
88
|
+
] }));
|
|
89
|
+
var CircleXIcon = createIcon("CircleXIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
90
|
+
/* @__PURE__ */ jsx("circle", {
|
|
91
|
+
cx: "12",
|
|
92
|
+
cy: "12",
|
|
93
|
+
r: "10"
|
|
94
|
+
}),
|
|
95
|
+
/* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
|
|
96
|
+
/* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
|
|
97
|
+
] }));
|
|
98
|
+
var SearchIcon = createIcon("SearchIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
|
|
99
|
+
cx: "11",
|
|
100
|
+
cy: "11",
|
|
101
|
+
r: "8"
|
|
102
|
+
}), /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })] }));
|
|
103
|
+
var MenuIcon = createIcon("MenuIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
104
|
+
/* @__PURE__ */ jsx("path", { d: "M4 6h16" }),
|
|
105
|
+
/* @__PURE__ */ jsx("path", { d: "M4 12h16" }),
|
|
106
|
+
/* @__PURE__ */ jsx("path", { d: "M4 18h16" })
|
|
107
|
+
] }));
|
|
108
|
+
var MoreHorizontalIcon = createIcon("MoreHorizontalIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
109
|
+
/* @__PURE__ */ jsx("circle", {
|
|
110
|
+
cx: "12",
|
|
111
|
+
cy: "12",
|
|
112
|
+
r: "1"
|
|
113
|
+
}),
|
|
114
|
+
/* @__PURE__ */ jsx("circle", {
|
|
115
|
+
cx: "19",
|
|
116
|
+
cy: "12",
|
|
117
|
+
r: "1"
|
|
118
|
+
}),
|
|
119
|
+
/* @__PURE__ */ jsx("circle", {
|
|
120
|
+
cx: "5",
|
|
121
|
+
cy: "12",
|
|
122
|
+
r: "1"
|
|
123
|
+
})
|
|
124
|
+
] }));
|
|
125
|
+
var CircleIcon = createIcon("CircleIcon", /* @__PURE__ */ jsx("circle", {
|
|
126
|
+
cx: "12",
|
|
127
|
+
cy: "12",
|
|
128
|
+
r: "10"
|
|
129
|
+
}));
|
|
130
|
+
var ChevronsLeftIcon = createIcon("ChevronsLeftIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m11 17-5-5 5-5" }), /* @__PURE__ */ jsx("path", { d: "m18 17-5-5 5-5" })] }));
|
|
131
|
+
var ChevronsRightIcon = createIcon("ChevronsRightIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "m6 17 5-5-5-5" }), /* @__PURE__ */ jsx("path", { d: "m13 17 5-5-5-5" })] }));
|
|
132
|
+
var CalendarIcon = createIcon("CalendarIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
133
|
+
/* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
|
|
134
|
+
/* @__PURE__ */ jsx("path", { d: "M16 2v4" }),
|
|
135
|
+
/* @__PURE__ */ jsx("rect", {
|
|
136
|
+
width: "18",
|
|
137
|
+
height: "18",
|
|
138
|
+
x: "3",
|
|
139
|
+
y: "4",
|
|
140
|
+
rx: "2"
|
|
141
|
+
}),
|
|
142
|
+
/* @__PURE__ */ jsx("path", { d: "M3 10h18" })
|
|
143
|
+
] }));
|
|
144
|
+
var ClockIcon = createIcon("ClockIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
|
|
145
|
+
cx: "12",
|
|
146
|
+
cy: "12",
|
|
147
|
+
r: "10"
|
|
148
|
+
}), /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })] }));
|
|
149
|
+
var UploadIcon = createIcon("UploadIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
150
|
+
/* @__PURE__ */ jsx("path", { d: "M12 3v12" }),
|
|
151
|
+
/* @__PURE__ */ jsx("path", { d: "m17 8-5-5-5 5" }),
|
|
152
|
+
/* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
|
|
153
|
+
] }));
|
|
154
|
+
var FileIcon = createIcon("FileIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), /* @__PURE__ */ jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" })] }));
|
|
155
|
+
var EyeIcon = createIcon("EyeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }), /* @__PURE__ */ jsx("circle", {
|
|
156
|
+
cx: "12",
|
|
157
|
+
cy: "12",
|
|
158
|
+
r: "3"
|
|
159
|
+
})] }));
|
|
160
|
+
var EyeOffIcon = createIcon("EyeOffIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
161
|
+
/* @__PURE__ */ jsx("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
|
|
162
|
+
/* @__PURE__ */ jsx("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
|
|
163
|
+
/* @__PURE__ */ jsx("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
|
|
164
|
+
/* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
|
|
165
|
+
] }));
|
|
166
|
+
var PencilIcon = createIcon("PencilIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }), /* @__PURE__ */ jsx("path", { d: "m15 5 4 4" })] }));
|
|
167
|
+
var TrashIcon = createIcon("TrashIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
168
|
+
/* @__PURE__ */ jsx("path", { d: "M3 6h18" }),
|
|
169
|
+
/* @__PURE__ */ jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
|
|
170
|
+
/* @__PURE__ */ jsx("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
|
|
171
|
+
/* @__PURE__ */ jsx("path", { d: "M10 11v6" }),
|
|
172
|
+
/* @__PURE__ */ jsx("path", { d: "M14 11v6" })
|
|
173
|
+
] }));
|
|
174
|
+
var ExternalLinkIcon = createIcon("ExternalLinkIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
175
|
+
/* @__PURE__ */ jsx("path", { d: "M15 3h6v6" }),
|
|
176
|
+
/* @__PURE__ */ jsx("path", { d: "M10 14 21 3" }),
|
|
177
|
+
/* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
|
|
178
|
+
] }));
|
|
179
|
+
//#endregion
|
|
180
|
+
export { ArrowDownIcon, ArrowUpIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, InfoIcon, MenuIcon, MinusIcon, MoreHorizontalIcon, PencilIcon, PlusIcon, SearchIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon };
|
|
181
|
+
|
|
182
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","IconProps","SVGProps","SVGSVGElement","size","createIcon","name","paths","ReactNode","Icon","t0","$","_c","props","ref","t1","t2","strokeWidth","undefined","t3","displayName","CheckIcon","MinusIcon","PlusIcon","XIcon","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon","ChevronLeftIcon","ChevronsUpDownIcon","ArrowUpIcon","ArrowDownIcon","TrendingUpIcon","TrendingDownIcon","InfoIcon","CircleCheckIcon","TriangleAlertIcon","CircleXIcon","SearchIcon","MenuIcon","MoreHorizontalIcon","CircleIcon","ChevronsLeftIcon","ChevronsRightIcon","CalendarIcon","ClockIcon","UploadIcon","FileIcon","EyeIcon","EyeOffIcon","PencilIcon","TrashIcon","ExternalLinkIcon","_c","_Fragment"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n /** Width and height. Defaults to `1em` so icons follow the font size. */\n size?: number | string;\n}\n\nfunction createIcon(name: string, paths: React.ReactNode) {\n function Icon({ size = '1em', strokeWidth = 2, ref, ...props }: IconProps) {\n return (\n <svg\n ref={ref}\n xmlns=\"http://www.w3.org/2000/svg\"\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n focusable=\"false\"\n {...props}\n >\n {paths}\n </svg>\n );\n }\n Icon.displayName = name;\n return Icon;\n}\n\nexport const CheckIcon = createIcon('CheckIcon', <path d=\"M20 6 9 17l-5-5\" />);\nexport const MinusIcon = createIcon('MinusIcon', <path d=\"M5 12h14\" />);\nexport const PlusIcon = createIcon(\n 'PlusIcon',\n <>\n <path d=\"M5 12h14\" />\n <path d=\"M12 5v14\" />\n </>,\n);\nexport const XIcon = createIcon(\n 'XIcon',\n <>\n <path d=\"M18 6 6 18\" />\n <path d=\"m6 6 12 12\" />\n </>,\n);\nexport const ChevronDownIcon = createIcon('ChevronDownIcon', <path d=\"m6 9 6 6 6-6\" />);\nexport const ChevronUpIcon = createIcon('ChevronUpIcon', <path d=\"m18 15-6-6-6 6\" />);\nexport const ChevronRightIcon = createIcon('ChevronRightIcon', <path d=\"m9 18 6-6-6-6\" />);\nexport const ChevronLeftIcon = createIcon('ChevronLeftIcon', <path d=\"m15 18-6-6 6-6\" />);\nexport const ChevronsUpDownIcon = createIcon(\n 'ChevronsUpDownIcon',\n <>\n <path d=\"m7 15 5 5 5-5\" />\n <path d=\"m7 9 5-5 5 5\" />\n </>,\n);\nexport const ArrowUpIcon = createIcon(\n 'ArrowUpIcon',\n <>\n <path d=\"m5 12 7-7 7 7\" />\n <path d=\"M12 19V5\" />\n </>,\n);\nexport const ArrowDownIcon = createIcon(\n 'ArrowDownIcon',\n <>\n <path d=\"M12 5v14\" />\n <path d=\"m19 12-7 7-7-7\" />\n </>,\n);\nexport const TrendingUpIcon = createIcon(\n 'TrendingUpIcon',\n <>\n <path d=\"M22 7 13.5 15.5 8.5 10.5 2 17\" />\n <path d=\"M16 7h6v6\" />\n </>,\n);\nexport const TrendingDownIcon = createIcon(\n 'TrendingDownIcon',\n <>\n <path d=\"M22 17 13.5 8.5 8.5 13.5 2 7\" />\n <path d=\"M16 17h6v-6\" />\n </>,\n);\nexport const InfoIcon = createIcon(\n 'InfoIcon',\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"M12 16v-4\" />\n <path d=\"M12 8h.01\" />\n </>,\n);\nexport const CircleCheckIcon = createIcon(\n 'CircleCheckIcon',\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"m9 12 2 2 4-4\" />\n </>,\n);\nexport const TriangleAlertIcon = createIcon(\n 'TriangleAlertIcon',\n <>\n <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n <path d=\"M12 9v4\" />\n <path d=\"M12 17h.01\" />\n </>,\n);\nexport const CircleXIcon = createIcon(\n 'CircleXIcon',\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"m15 9-6 6\" />\n <path d=\"m9 9 6 6\" />\n </>,\n);\nexport const SearchIcon = createIcon(\n 'SearchIcon',\n <>\n <circle cx=\"11\" cy=\"11\" r=\"8\" />\n <path d=\"m21 21-4.3-4.3\" />\n </>,\n);\nexport const MenuIcon = createIcon(\n 'MenuIcon',\n <>\n <path d=\"M4 6h16\" />\n <path d=\"M4 12h16\" />\n <path d=\"M4 18h16\" />\n </>,\n);\nexport const MoreHorizontalIcon = createIcon(\n 'MoreHorizontalIcon',\n <>\n <circle cx=\"12\" cy=\"12\" r=\"1\" />\n <circle cx=\"19\" cy=\"12\" r=\"1\" />\n <circle cx=\"5\" cy=\"12\" r=\"1\" />\n </>,\n);\nexport const CircleIcon = createIcon('CircleIcon', <circle cx=\"12\" cy=\"12\" r=\"10\" />);\nexport const ChevronsLeftIcon = createIcon(\n 'ChevronsLeftIcon',\n <>\n <path d=\"m11 17-5-5 5-5\" />\n <path d=\"m18 17-5-5 5-5\" />\n </>,\n);\nexport const ChevronsRightIcon = createIcon(\n 'ChevronsRightIcon',\n <>\n <path d=\"m6 17 5-5-5-5\" />\n <path d=\"m13 17 5-5-5-5\" />\n </>,\n);\nexport const CalendarIcon = createIcon(\n 'CalendarIcon',\n <>\n <path d=\"M8 2v4\" />\n <path d=\"M16 2v4\" />\n <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" />\n <path d=\"M3 10h18\" />\n </>,\n);\nexport const ClockIcon = createIcon(\n 'ClockIcon',\n <>\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"M12 6v6l4 2\" />\n </>,\n);\nexport const UploadIcon = createIcon(\n 'UploadIcon',\n <>\n <path d=\"M12 3v12\" />\n <path d=\"m17 8-5-5-5 5\" />\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n </>,\n);\nexport const FileIcon = createIcon(\n 'FileIcon',\n <>\n <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n </>,\n);\nexport const EyeIcon = createIcon(\n 'EyeIcon',\n <>\n <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n <circle cx=\"12\" cy=\"12\" r=\"3\" />\n </>,\n);\nexport const EyeOffIcon = createIcon(\n 'EyeOffIcon',\n <>\n <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n <path d=\"m2 2 20 20\" />\n </>,\n);\nexport const PencilIcon = createIcon(\n 'PencilIcon',\n <>\n <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n <path d=\"m15 5 4 4\" />\n </>,\n);\nexport const TrashIcon = createIcon(\n 'TrashIcon',\n <>\n <path d=\"M3 6h18\" />\n <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n <path d=\"M10 11v6\" />\n <path d=\"M14 11v6\" />\n </>,\n);\nexport const ExternalLinkIcon = createIcon(\n 'ExternalLinkIcon',\n <>\n <path d=\"M15 3h6v6\" />\n <path d=\"M10 14 21 3\" />\n <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n </>,\n);\n"],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
export * from './theme';
|
|
2
|
+
export * from './components/app-shell/AppShell';
|
|
3
|
+
export * from './components/card/Card';
|
|
4
|
+
export * from './components/stat-card/StatCard';
|
|
5
|
+
export * from './components/separator/Separator';
|
|
6
|
+
export * from './components/scroll-area/ScrollArea';
|
|
7
|
+
export * from './components/stack/Stack';
|
|
8
|
+
export * from './components/typography/Typography';
|
|
9
|
+
export * from './components/link/Link';
|
|
10
|
+
export * from './components/button/Button';
|
|
11
|
+
export * from './components/toggle/Toggle';
|
|
12
|
+
export * from './components/menu/Menu';
|
|
13
|
+
export * from './components/toolbar/Toolbar';
|
|
14
|
+
export * from './components/field/Field';
|
|
15
|
+
export * from './components/input/Input';
|
|
16
|
+
export * from './components/select/Select';
|
|
17
|
+
export * from './components/combobox/Combobox';
|
|
18
|
+
export * from './components/choice/Choice';
|
|
19
|
+
export * from './components/number-field/NumberField';
|
|
20
|
+
export * from './components/slider/Slider';
|
|
21
|
+
export * from './components/search-input/SearchInput';
|
|
22
|
+
export * from './components/calendar/Calendar';
|
|
23
|
+
export * from './components/date-picker/DatePicker';
|
|
24
|
+
export * from './components/date-picker/DateRangePicker';
|
|
25
|
+
export * from './components/file-upload/FileUpload';
|
|
26
|
+
export * from './components/dialog/Dialog';
|
|
27
|
+
export * from './components/drawer/Drawer';
|
|
28
|
+
export * from './components/popover/Popover';
|
|
29
|
+
export * from './components/tooltip/Tooltip';
|
|
30
|
+
export * from './components/preview-card/PreviewCard';
|
|
31
|
+
export * from './components/toast/Toast';
|
|
32
|
+
export * from './components/command-palette/CommandPalette';
|
|
33
|
+
export * from './components/tabs/Tabs';
|
|
34
|
+
export * from './components/accordion/Accordion';
|
|
35
|
+
export * from './components/collapsible/Collapsible';
|
|
36
|
+
export * from './components/breadcrumbs/Breadcrumbs';
|
|
37
|
+
export * from './components/pagination/Pagination';
|
|
38
|
+
export * from './components/stepper/Stepper';
|
|
39
|
+
export * from './components/alert/Alert';
|
|
40
|
+
export * from './components/badge/Badge';
|
|
41
|
+
export * from './components/tag/Tag';
|
|
42
|
+
export * from './components/avatar/Avatar';
|
|
43
|
+
export * from './components/progress/Progress';
|
|
44
|
+
export * from './components/skeleton/Skeleton';
|
|
45
|
+
export * from './components/spinner/Spinner';
|
|
46
|
+
export * from './components/table/Table';
|
|
47
|
+
export * from './components/data-table/DataTable';
|
|
48
|
+
export { useDataTable } from './components/data-table/useDataTable';
|
|
49
|
+
export type * from './components/data-table/types';
|
|
50
|
+
export * from './components/empty-state/EmptyState';
|
|
51
|
+
export * from './icons';
|
|
52
|
+
export { cx, withClass } from './utils/cx';
|
|
53
|
+
export type { ClassValue } from './utils/cx';
|
|
54
|
+
export { matchesQuery, normalizeText } from './utils/search';
|
|
55
|
+
export { usePortalContainer } from './utils/portal';
|