aplance-ui 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/LICENSE +21 -0
- package/README.md +29 -0
- package/dist/api.d.ts +175 -0
- package/dist/api.js +1954 -0
- package/dist/api.js.map +1 -0
- package/dist/frameworks/astro/astro.config.snippet.md +23 -0
- package/dist/frameworks/astro/postcss.config.mjs.template +20 -0
- package/dist/frameworks/astro/vite-inline.snippet.md +22 -0
- package/dist/frameworks/electron-vite/vite.config.snippet.md +44 -0
- package/dist/frameworks/next/layout-import.snippet.md +19 -0
- package/dist/frameworks/next/next.config.snippet.md +15 -0
- package/dist/frameworks/next/postcss.config.js.template +16 -0
- package/dist/frameworks/tanstack-start/postcss.config.ts.template +17 -0
- package/dist/frameworks/tanstack-start/vite-inline.snippet.md +22 -0
- package/dist/frameworks/vite-react/postcss.config.ts.template +16 -0
- package/dist/frameworks/vite-react/vite-inline.snippet.md +20 -0
- package/dist/frameworks/vite-react/vite.config.ts.template +48 -0
- package/dist/index.js +2047 -0
- package/dist/index.js.map +1 -0
- package/package.json +63 -0
- package/registry/components/primitives/icon/icon.module.css +63 -0
- package/registry/components/primitives/icon/icon.tsx +53 -0
- package/registry/components/primitives/modal/modal-context.ts +19 -0
- package/registry/components/primitives/modal/modal.module.css +415 -0
- package/registry/components/primitives/modal/modal.tsx +550 -0
- package/registry/components/primitives/popover/popover-context.ts +28 -0
- package/registry/components/primitives/popover/popover.module.css +28 -0
- package/registry/components/primitives/popover/popover.tsx +465 -0
- package/registry/components/ui/accordion/accordion.module.css +208 -0
- package/registry/components/ui/accordion/accordion.tsx +327 -0
- package/registry/components/ui/avatar/avatar.module.css +32 -0
- package/registry/components/ui/avatar/avatar.tsx +37 -0
- package/registry/components/ui/badge/badge.module.css +103 -0
- package/registry/components/ui/badge/badge.tsx +29 -0
- package/registry/components/ui/button/button.module.css +216 -0
- package/registry/components/ui/button/button.tsx +133 -0
- package/registry/components/ui/chart/chart.module.css +168 -0
- package/registry/components/ui/chart/chart.tsx +1293 -0
- package/registry/components/ui/chart/types.ts +210 -0
- package/registry/components/ui/chart/utils.ts +59 -0
- package/registry/components/ui/copy-button/copy-button.module.css +21 -0
- package/registry/components/ui/copy-button/copy-button.tsx +123 -0
- package/registry/components/ui/countdown/countdown.module.css +5 -0
- package/registry/components/ui/countdown/countdown.tsx +152 -0
- package/registry/components/ui/data-table/checkbox-column.tsx +59 -0
- package/registry/components/ui/data-table/data-table.module.css +594 -0
- package/registry/components/ui/data-table/data-table.tsx +1109 -0
- package/registry/components/ui/data-table/filter-bar.tsx +33 -0
- package/registry/components/ui/data-table/pagination-bar.tsx +125 -0
- package/registry/components/ui/data-table/types.ts +594 -0
- package/registry/components/ui/data-table/useDataTable.tsx +573 -0
- package/registry/components/ui/data-table/utils.ts +445 -0
- package/registry/components/ui/empty-state/empty-state.module.css +26 -0
- package/registry/components/ui/empty-state/empty-state.tsx +32 -0
- package/registry/components/ui/input-fields/color-picker/color-palette.module.css +102 -0
- package/registry/components/ui/input-fields/color-picker/color-palette.tsx +92 -0
- package/registry/components/ui/input-fields/color-picker/color-picker.module.css +29 -0
- package/registry/components/ui/input-fields/color-picker/color-picker.tsx +168 -0
- package/registry/components/ui/input-fields/common/field-message/field-message.module.css +28 -0
- package/registry/components/ui/input-fields/common/field-message/field-message.tsx +39 -0
- package/registry/components/ui/input-fields/common/input-field-common.module.css +318 -0
- package/registry/components/ui/input-fields/common/input-field-native.module.css +267 -0
- package/registry/components/ui/input-fields/common/picker-popover-common.module.css +40 -0
- package/registry/components/ui/input-fields/common/select-button/select-button.module.css +9 -0
- package/registry/components/ui/input-fields/common/select-button/select-button.tsx +171 -0
- package/registry/components/ui/input-fields/common/types.ts +38 -0
- package/registry/components/ui/input-fields/custom-select/custom-select.module.css +56 -0
- package/registry/components/ui/input-fields/custom-select/custom-select.tsx +403 -0
- package/registry/components/ui/input-fields/date-picker/calendar.module.css +311 -0
- package/registry/components/ui/input-fields/date-picker/calendar.tsx +186 -0
- package/registry/components/ui/input-fields/date-picker/date-picker.module.css +57 -0
- package/registry/components/ui/input-fields/date-picker/date-picker.tsx +945 -0
- package/registry/components/ui/input-fields/date-picker/types.ts +102 -0
- package/registry/components/ui/input-fields/date-picker/utils.ts +236 -0
- package/registry/components/ui/input-fields/emoji-picker/emoji-palette.module.css +90 -0
- package/registry/components/ui/input-fields/emoji-picker/emoji-palette.tsx +168 -0
- package/registry/components/ui/input-fields/emoji-picker/emoji-picker.module.css +8 -0
- package/registry/components/ui/input-fields/emoji-picker/emoji-picker.tsx +102 -0
- package/registry/components/ui/input-fields/emoji-picker/utils.ts +505 -0
- package/registry/components/ui/input-fields/field-group/field-group.module.css +86 -0
- package/registry/components/ui/input-fields/field-group/field-group.tsx +86 -0
- package/registry/components/ui/input-fields/input/input.tsx +319 -0
- package/registry/components/ui/input-fields/media-input/kind-icons.tsx +62 -0
- package/registry/components/ui/input-fields/media-input/media-input.module.css +294 -0
- package/registry/components/ui/input-fields/media-input/media-input.tsx +327 -0
- package/registry/components/ui/input-fields/media-input/media-preview.tsx +101 -0
- package/registry/components/ui/input-fields/media-input/types.ts +129 -0
- package/registry/components/ui/input-fields/media-input/useMediaUpload.tsx +302 -0
- package/registry/components/ui/input-fields/media-input/utils.ts +325 -0
- package/registry/components/ui/input-fields/otp-input/otp-input.module.css +24 -0
- package/registry/components/ui/input-fields/otp-input/otp-input.tsx +291 -0
- package/registry/components/ui/input-fields/select/select.tsx +118 -0
- package/registry/components/ui/input-fields/switch/switch.module.css +70 -0
- package/registry/components/ui/input-fields/switch/switch.tsx +59 -0
- package/registry/components/ui/input-fields/textarea/textarea.tsx +133 -0
- package/registry/components/ui/input-fields/time-picker/time-picker.module.css +57 -0
- package/registry/components/ui/input-fields/time-picker/time-picker.tsx +437 -0
- package/registry/components/ui/loader/loader.module.css +156 -0
- package/registry/components/ui/loader/loader.tsx +102 -0
- package/registry/components/ui/stepper/stepper.module.css +294 -0
- package/registry/components/ui/stepper/stepper.tsx +197 -0
- package/registry/components/ui/tabs/tabs.module.css +150 -0
- package/registry/components/ui/tabs/tabs.tsx +134 -0
- package/registry/components/ui/toast/toast.module.css +159 -0
- package/registry/components/ui/toast/toast.tsx +104 -0
- package/registry/components/ui/tooltip/tooltip.module.css +82 -0
- package/registry/components/ui/tooltip/tooltip.tsx +72 -0
- package/registry/global.d.ts +4 -0
- package/registry/hooks/useFocusOutside.tsx +33 -0
- package/registry/hooks/useResizeObserver.tsx +32 -0
- package/registry/lib/dom.ts +25 -0
- package/registry/lib/string.ts +23 -0
- package/registry/registry.json +719 -0
- package/registry/styles/app.css +240 -0
- package/registry/styles/components.css +78 -0
- package/registry/styles/fonts/geist-regular.woff2 +0 -0
- package/registry/styles/globals.css +7 -0
- package/registry/styles/media.css +25 -0
- package/registry/styles/utilities.css +90 -0
- package/registry/themes/colors/blue.css +37 -0
- package/registry/themes/colors/green.css +37 -0
- package/registry/themes/colors/rose.css +37 -0
- package/registry/themes/colors/slate.css +37 -0
- package/registry/themes/colors/stone.css +37 -0
- package/registry/themes/colors/violet.css +37 -0
- package/registry/themes/colors/zinc.css +37 -0
- package/registry/themes/radius/pill.css +8 -0
- package/registry/themes/radius/rounded.css +8 -0
- package/registry/themes/radius/sharp.css +8 -0
- package/registry/themes/spacing/compact.css +17 -0
- package/registry/themes/spacing/spacious.css +17 -0
- package/registry/tsconfig.json +25 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/* Color theme: zinc - neutral gray with a cool bias. */
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--color-background: oklch(99% 0 0);
|
|
5
|
+
--color-foreground: oklch(14% 0 0);
|
|
6
|
+
--color-muted: oklch(96% 0 0);
|
|
7
|
+
--color-muted-foreground: oklch(55% 0.005 280);
|
|
8
|
+
|
|
9
|
+
--color-primary: oklch(21% 0.006 285);
|
|
10
|
+
--color-primary-muted: oklch(36% 0.01 285);
|
|
11
|
+
--color-primary-foreground: oklch(98% 0 0);
|
|
12
|
+
--color-secondary: oklch(96% 0.002 285);
|
|
13
|
+
--color-secondary-muted: oklch(90% 0.003 285);
|
|
14
|
+
--color-secondary-foreground: oklch(21% 0.006 285);
|
|
15
|
+
|
|
16
|
+
--color-border: oklch(89% 0.003 285);
|
|
17
|
+
--color-ring: oklch(70% 0.01 285);
|
|
18
|
+
--color-selection: oklch(72% 0.02 285);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
[data-theme="dark"] {
|
|
22
|
+
--color-background: oklch(14% 0 0);
|
|
23
|
+
--color-foreground: oklch(98% 0 0);
|
|
24
|
+
--color-muted: oklch(26% 0.002 285);
|
|
25
|
+
--color-muted-foreground: oklch(70% 0.005 280);
|
|
26
|
+
|
|
27
|
+
--color-primary: oklch(98% 0 0);
|
|
28
|
+
--color-primary-muted: oklch(78% 0.005 285);
|
|
29
|
+
--color-primary-foreground: oklch(21% 0.006 285);
|
|
30
|
+
--color-secondary: oklch(27% 0.004 285);
|
|
31
|
+
--color-secondary-muted: oklch(34% 0.005 285);
|
|
32
|
+
--color-secondary-foreground: oklch(98% 0 0);
|
|
33
|
+
|
|
34
|
+
--color-border: oklch(32% 0.005 285);
|
|
35
|
+
--color-ring: oklch(55% 0.01 285);
|
|
36
|
+
--color-selection: oklch(45% 0.015 285);
|
|
37
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* Spacing scale: compact - tighter gutters, roughly 80% of the default step. */
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--spacing-1: 0.1rem;
|
|
5
|
+
--spacing-2: 0.2rem;
|
|
6
|
+
--spacing-3: 0.3rem;
|
|
7
|
+
--spacing-4: 0.4rem;
|
|
8
|
+
--spacing-5: 0.5rem;
|
|
9
|
+
--spacing-6: 0.6rem;
|
|
10
|
+
--spacing-7: 0.7rem;
|
|
11
|
+
--spacing-8: 0.8rem;
|
|
12
|
+
--spacing-9: 1rem;
|
|
13
|
+
--spacing-10: 1.2rem;
|
|
14
|
+
--spacing-11: 1.6rem;
|
|
15
|
+
--spacing-12: 2rem;
|
|
16
|
+
--spacing-14: 2.75rem;
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/* Spacing scale: spacious - airy gutters, roughly 120% of the default step. */
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--spacing-1: 0.15rem;
|
|
5
|
+
--spacing-2: 0.3rem;
|
|
6
|
+
--spacing-3: 0.45rem;
|
|
7
|
+
--spacing-4: 0.6rem;
|
|
8
|
+
--spacing-5: 0.75rem;
|
|
9
|
+
--spacing-6: 0.9rem;
|
|
10
|
+
--spacing-7: 1.05rem;
|
|
11
|
+
--spacing-8: 1.2rem;
|
|
12
|
+
--spacing-9: 1.5rem;
|
|
13
|
+
--spacing-10: 1.8rem;
|
|
14
|
+
--spacing-11: 2.4rem;
|
|
15
|
+
--spacing-12: 3rem;
|
|
16
|
+
--spacing-14: 4.25rem;
|
|
17
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2022",
|
|
4
|
+
"lib": [
|
|
5
|
+
"ES2022",
|
|
6
|
+
"DOM",
|
|
7
|
+
"DOM.Iterable"
|
|
8
|
+
],
|
|
9
|
+
"module": "ESNext",
|
|
10
|
+
"moduleResolution": "bundler",
|
|
11
|
+
"jsx": "react-jsx",
|
|
12
|
+
"esModuleInterop": true,
|
|
13
|
+
"resolveJsonModule": true,
|
|
14
|
+
"allowImportingTsExtensions": false,
|
|
15
|
+
"verbatimModuleSyntax": false,
|
|
16
|
+
"noEmit": true,
|
|
17
|
+
"skipLibCheck": true,
|
|
18
|
+
"strict": true
|
|
19
|
+
},
|
|
20
|
+
"include": [
|
|
21
|
+
"components/**/*.ts",
|
|
22
|
+
"components/**/*.tsx",
|
|
23
|
+
"global.d.ts"
|
|
24
|
+
]
|
|
25
|
+
}
|