@devalok/shilp-sutra 0.27.2 → 0.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_chunks/badge-group.js +299 -0
- package/dist/_chunks/framer.js +1915 -1980
- package/dist/_chunks/keybinding.js +4 -5
- package/dist/_chunks/primitives.js +3198 -3272
- package/dist/_chunks/sonner.js +29 -31
- package/dist/_chunks/stat-row.js +110 -131
- package/dist/_chunks/tiptap.js +42 -78
- package/dist/_chunks/tree-view.js +138 -149
- package/dist/_chunks/typing-indicator.js +565 -0
- package/dist/_chunks/use-calendar.js +416 -439
- package/dist/_chunks/vendor-client.js +977 -814
- package/dist/_chunks/vendor-utils.js +5 -5
- package/dist/ai/block-renderer.js +22 -22
- package/dist/ai/blocks/loading.d.ts.map +1 -1
- package/dist/ai/command-bar.d.ts.map +1 -1
- package/dist/ai/command-bar.js +241 -263
- package/dist/ai/conversation.d.ts.map +1 -1
- package/dist/ai/conversation.js +87 -107
- package/dist/composed/activity-feed.d.ts +2 -0
- package/dist/composed/activity-feed.d.ts.map +1 -1
- package/dist/composed/activity-feed.js +118 -90
- package/dist/composed/avatar-group.d.ts +1 -0
- package/dist/composed/avatar-group.d.ts.map +1 -1
- package/dist/composed/avatar-group.js +91 -67
- package/dist/composed/bulk-action-bar.d.ts.map +1 -1
- package/dist/composed/bulk-action-bar.js +29 -28
- package/dist/composed/command-palette.d.ts.map +1 -1
- package/dist/composed/command-palette.js +99 -113
- package/dist/composed/content-card.js +1 -1
- package/dist/composed/date-picker/calendar-grid.d.ts.map +1 -1
- package/dist/composed/date-picker/date-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-range-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/date-time-picker.d.ts.map +1 -1
- package/dist/composed/date-picker/time-picker.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.d.ts.map +1 -1
- package/dist/composed/deadline-indicator.js +29 -28
- package/dist/composed/error-boundary.d.ts.map +1 -1
- package/dist/composed/error-boundary.js +30 -27
- package/dist/composed/extensions/file-attachment.d.ts.map +1 -1
- package/dist/composed/file-preview.d.ts.map +1 -1
- package/dist/composed/file-preview.js +261 -271
- package/dist/composed/filter-bar.d.ts.map +1 -1
- package/dist/composed/filter-bar.js +49 -48
- package/dist/composed/form-section.d.ts.map +1 -1
- package/dist/composed/form-section.js +12 -11
- package/dist/composed/global-loading.js +1 -1
- package/dist/composed/index.js +63 -63
- package/dist/composed/inline-edit.d.ts.map +1 -1
- package/dist/composed/inline-edit.js +55 -54
- package/dist/composed/markdown-viewer.d.ts.map +1 -1
- package/dist/composed/markdown-viewer.js +44 -43
- package/dist/composed/master-detail.d.ts.map +1 -1
- package/dist/composed/master-detail.js +35 -34
- package/dist/composed/multi-select-popover.d.ts.map +1 -1
- package/dist/composed/multi-select-popover.js +64 -64
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-header.js +31 -37
- package/dist/composed/priority-indicator.d.ts.map +1 -1
- package/dist/composed/priority-indicator.js +37 -36
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +287 -306
- package/dist/composed/schedule-view.js +62 -62
- package/dist/composed/status-badge.d.ts +4 -2
- package/dist/composed/status-badge.d.ts.map +1 -1
- package/dist/composed/status-badge.js +58 -45
- package/dist/shell/app-command-palette.d.ts.map +1 -1
- package/dist/shell/app-command-palette.js +93 -93
- package/dist/shell/bottom-navbar.d.ts.map +1 -1
- package/dist/shell/bottom-navbar.js +21 -20
- package/dist/shell/index.js +18 -18
- package/dist/shell/notification-center.d.ts.map +1 -1
- package/dist/shell/notification-center.js +96 -95
- package/dist/shell/notification-preferences.d.ts.map +1 -1
- package/dist/shell/notification-preferences.js +82 -85
- package/dist/shell/sidebar.js +59 -60
- package/dist/shell/top-bar.d.ts.map +1 -1
- package/dist/shell/top-bar.js +103 -103
- package/dist/tailwind/index.cjs +37 -4
- package/dist/tailwind/preset.d.ts.map +1 -1
- package/dist/tailwind/preset.js +38 -5
- package/dist/tokens/primitives.css +10 -0
- package/dist/tokens/semantic.css +70 -7
- package/dist/ui/accordion.d.ts +5 -2
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +44 -39
- package/dist/ui/alert-dialog.js +57 -57
- package/dist/ui/alert.d.ts +1 -1
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +30 -29
- package/dist/ui/aspect-ratio.js +4 -4
- package/dist/ui/autocomplete.js +56 -56
- package/dist/ui/avatar.js +2 -2
- package/dist/ui/badge-group.d.ts +22 -0
- package/dist/ui/badge-group.d.ts.map +1 -0
- package/dist/ui/badge-group.js +8 -0
- package/dist/ui/badge-indicator.d.ts +32 -0
- package/dist/ui/badge-indicator.d.ts.map +1 -0
- package/dist/ui/badge-indicator.js +54 -0
- package/dist/ui/badge.d.ts +27 -24
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +13 -129
- package/dist/ui/banner.d.ts +1 -1
- package/dist/ui/banner.d.ts.map +1 -1
- package/dist/ui/banner.js +27 -26
- package/dist/ui/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +37 -36
- package/dist/ui/button-group.d.ts +12 -6
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js +18 -18
- package/dist/ui/button-processing.d.ts +15 -0
- package/dist/ui/button-processing.d.ts.map +1 -0
- package/dist/ui/button-processing.js +77 -0
- package/dist/ui/button.d.ts +50 -25
- package/dist/ui/button.d.ts.map +1 -1
- package/dist/ui/button.js +243 -127
- package/dist/ui/card.js +20 -21
- package/dist/ui/charts/index.js +499 -508
- package/dist/ui/chat/date-separator.d.ts +12 -0
- package/dist/ui/chat/date-separator.d.ts.map +1 -0
- package/dist/ui/chat/index.d.ts +9 -0
- package/dist/ui/chat/index.d.ts.map +1 -0
- package/dist/ui/chat/index.js +12 -0
- package/dist/ui/chat/message-input.d.ts +16 -0
- package/dist/ui/chat/message-input.d.ts.map +1 -0
- package/dist/ui/chat/message-list.d.ts +24 -0
- package/dist/ui/chat/message-list.d.ts.map +1 -0
- package/dist/ui/chat/message.d.ts +108 -0
- package/dist/ui/chat/message.d.ts.map +1 -0
- package/dist/ui/chat/system-message.d.ts +11 -0
- package/dist/ui/chat/system-message.d.ts.map +1 -0
- package/dist/ui/chat/typing-indicator.d.ts +14 -0
- package/dist/ui/chat/typing-indicator.d.ts.map +1 -0
- package/dist/ui/chat/unread-separator.d.ts +12 -0
- package/dist/ui/chat/unread-separator.d.ts.map +1 -0
- package/dist/ui/checkbox.js +18 -18
- package/dist/ui/chip.d.ts +13 -62
- package/dist/ui/chip.d.ts.map +1 -1
- package/dist/ui/chip.js +10 -109
- package/dist/ui/collapsible.js +4 -4
- package/dist/ui/color-input.d.ts +19 -5
- package/dist/ui/color-input.d.ts.map +1 -1
- package/dist/ui/color-input.js +371 -79
- package/dist/ui/color-swatch.js +11 -11
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +74 -80
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +86 -85
- package/dist/ui/data-table-toolbar.d.ts.map +1 -1
- package/dist/ui/data-table-toolbar.js +51 -57
- package/dist/ui/data-table.d.ts.map +1 -1
- package/dist/ui/data-table.js +268 -296
- package/dist/ui/devalok-grain.d.ts +81 -0
- package/dist/ui/devalok-grain.d.ts.map +1 -0
- package/dist/ui/devalok-grain.js +69 -0
- package/dist/ui/dialog.d.ts.map +1 -1
- package/dist/ui/dialog.js +73 -72
- package/dist/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/ui/dropdown-menu.js +93 -92
- package/dist/ui/file-upload.d.ts.map +1 -1
- package/dist/ui/file-upload.js +82 -82
- package/dist/ui/hover-card.js +29 -29
- package/dist/ui/icon-button.d.ts +7 -7
- package/dist/ui/icon-button.d.ts.map +1 -1
- package/dist/ui/icon-context.d.ts +15 -0
- package/dist/ui/icon-context.d.ts.map +1 -0
- package/dist/ui/icon-context.js +20 -0
- package/dist/ui/icon-group.d.ts +22 -0
- package/dist/ui/icon-group.d.ts.map +1 -0
- package/dist/ui/icon-group.js +32 -0
- package/dist/ui/icon.d.ts +57 -0
- package/dist/ui/icon.d.ts.map +1 -0
- package/dist/ui/icon.js +122 -0
- package/dist/ui/index.d.ts +8 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +351 -329
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js +21 -20
- package/dist/ui/input.d.ts +32 -11
- package/dist/ui/input.d.ts.map +1 -1
- package/dist/ui/input.js +149 -44
- package/dist/ui/label.js +1 -1
- package/dist/ui/lib/motion.d.ts +2 -0
- package/dist/ui/lib/motion.d.ts.map +1 -1
- package/dist/ui/lib/motion.js +13 -11
- package/dist/ui/lib/utils.js +1 -1
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +87 -86
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +23 -28
- package/dist/ui/number-input.d.ts.map +1 -1
- package/dist/ui/number-input.js +54 -53
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js +45 -44
- package/dist/ui/popover.js +30 -30
- package/dist/ui/progress.d.ts +3 -1
- package/dist/ui/progress.d.ts.map +1 -1
- package/dist/ui/progress.js +43 -39
- package/dist/ui/radio.js +1 -1
- package/dist/ui/search-input.d.ts.map +1 -1
- package/dist/ui/search-input.js +47 -60
- package/dist/ui/segmented-control.js +1 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +54 -53
- package/dist/ui/separator.js +5 -5
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +46 -45
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +196 -193
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/slider.js +1 -1
- package/dist/ui/spinner.js +74 -74
- package/dist/ui/stat-card.d.ts.map +1 -1
- package/dist/ui/stat-card.js +85 -86
- package/dist/ui/switch.d.ts +3 -0
- package/dist/ui/switch.d.ts.map +1 -1
- package/dist/ui/switch.js +40 -26
- package/dist/ui/tabs.js +43 -43
- package/dist/ui/text.js +1 -1
- package/dist/ui/textarea.js +10 -10
- package/dist/ui/toast.d.ts.map +1 -1
- package/dist/ui/toast.js +169 -169
- package/dist/ui/toggle-group.js +1 -1
- package/dist/ui/toggle.js +5 -5
- package/dist/ui/tooltip.js +41 -41
- package/dist/ui/tree-view/tree-item.d.ts.map +1 -1
- package/docs/components/_header.md +4 -4
- package/docs/components/composed/activity-feed.md +7 -0
- package/docs/components/composed/avatar-group.md +8 -5
- package/docs/components/composed/status-badge.md +14 -1
- package/docs/components/ui/accordion.md +5 -2
- package/docs/components/ui/badge-group.md +38 -0
- package/docs/components/ui/badge-indicator.md +40 -0
- package/docs/components/ui/badge.md +36 -5
- package/docs/components/ui/button-processing.md +15 -0
- package/docs/components/ui/button.md +40 -11
- package/docs/components/ui/chat.md +214 -0
- package/docs/components/ui/color-input.md +58 -4
- package/docs/components/ui/data-table.md +3 -0
- package/docs/components/ui/devalok-grain.md +55 -0
- package/docs/components/ui/icon-button.md +12 -5
- package/docs/components/ui/icon-context.md +38 -0
- package/docs/components/ui/icon-group.md +36 -0
- package/docs/components/ui/icon.md +47 -0
- package/docs/components/ui/input.md +32 -6
- package/docs/components/ui/progress.md +5 -0
- package/docs/components/ui/spinner.md +3 -0
- package/docs/components/ui/switch.md +13 -0
- package/llms-full.txt +724 -44
- package/llms.txt +38 -19
- package/package.json +8 -2
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
export type GrainIntensity = 'subtle' | 'medium' | 'heavy';
|
|
3
|
+
export interface DevalokGrainProps {
|
|
4
|
+
/** Grain intensity level. Default: 'subtle' */
|
|
5
|
+
intensity?: GrainIntensity;
|
|
6
|
+
/**
|
|
7
|
+
* Surface type hint — affects noise opacity.
|
|
8
|
+
* 'solid' for filled backgrounds (higher opacity).
|
|
9
|
+
* 'soft' for tinted/muted backgrounds (lower opacity).
|
|
10
|
+
* Default: 'solid'
|
|
11
|
+
*/
|
|
12
|
+
surface?: 'solid' | 'soft';
|
|
13
|
+
/**
|
|
14
|
+
* Add an inner highlight (top-lit emboss) for a premium 3D feel.
|
|
15
|
+
* Adds an inset shadow: light highlight on top edge, dark shadow on bottom edge.
|
|
16
|
+
* Works best on solid variant buttons. Default: false
|
|
17
|
+
*/
|
|
18
|
+
sheen?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Animate the grain entrance (fade in on mount). Default: false
|
|
21
|
+
* When true, the grain fades in over 600ms with a slight scale for a natural reveal.
|
|
22
|
+
*/
|
|
23
|
+
animated?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Increase grain visibility on parent hover. Default: false
|
|
26
|
+
* When the parent element is hovered, the noise opacity increases by ~40%
|
|
27
|
+
* and the gradient deepens slightly, creating a tactile "pressing into paper" feel.
|
|
28
|
+
* Requires the parent to have a `group` class for `group-hover:` to work.
|
|
29
|
+
*/
|
|
30
|
+
hoverIntensify?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Tint color for the directional gradient. Accepts any CSS color value.
|
|
33
|
+
* The gradient goes from a darker shade of this color to a lighter shade.
|
|
34
|
+
* Default: neutral black-to-white wash.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* // Warm pink tint (Devalok brand)
|
|
38
|
+
* <DevalokGrain tint="oklch(0.55 0.19 360)" />
|
|
39
|
+
*
|
|
40
|
+
* // Cool blue tint
|
|
41
|
+
* <DevalokGrain tint="oklch(0.55 0.12 240)" />
|
|
42
|
+
*
|
|
43
|
+
* // Use a CSS variable
|
|
44
|
+
* <DevalokGrain tint="var(--color-accent-9)" />
|
|
45
|
+
*/
|
|
46
|
+
tint?: string;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* DevalokGrain — Brand texture that adds a subtle noise grain + directional gradient
|
|
50
|
+
* to any surface. The Devalok signature: warm, tactile, paper-like.
|
|
51
|
+
*
|
|
52
|
+
* Drop as a child of any element that has `relative overflow-hidden isolate`.
|
|
53
|
+
* The grain layers are absolute-positioned at z-[1] and use `rounded-[inherit]`
|
|
54
|
+
* to match the parent's border-radius.
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* // Inside a Button (Button already has relative/overflow-hidden/isolate):
|
|
58
|
+
* <Button>
|
|
59
|
+
* <DevalokGrain />
|
|
60
|
+
* Save changes
|
|
61
|
+
* </Button>
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* // Inside a Card:
|
|
65
|
+
* <Card className="relative overflow-hidden isolate">
|
|
66
|
+
* <DevalokGrain surface="soft" />
|
|
67
|
+
* Card content
|
|
68
|
+
* </Card>
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* // Heavier grain for a hero section:
|
|
72
|
+
* <div className="relative overflow-hidden isolate rounded-ds-lg bg-accent-9 p-8">
|
|
73
|
+
* <DevalokGrain intensity="heavy" />
|
|
74
|
+
* <h1 className="relative z-[2]">Hero</h1>
|
|
75
|
+
* </div>
|
|
76
|
+
*/
|
|
77
|
+
export declare function DevalokGrain({ intensity, surface, sheen, tint, animated, hoverIntensify, }: DevalokGrainProps): import("react/jsx-runtime").JSX.Element;
|
|
78
|
+
export declare namespace DevalokGrain {
|
|
79
|
+
var displayName: string;
|
|
80
|
+
}
|
|
81
|
+
//# sourceMappingURL=devalok-grain.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"devalok-grain.d.ts","sourceRoot":"","sources":["../../src/ui/devalok-grain.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;AAc1D,MAAM,WAAW,iBAAiB;IAChC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAoB,EACpB,OAAiB,EACjB,KAAa,EACb,IAAI,EACJ,QAAgB,EAChB,cAAsB,GACvB,EAAE,iBAAiB,2CAsEnB;yBA7Ee,YAAY"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as m, jsx as o } from "react/jsx-runtime";
|
|
3
|
+
import { u as k, m as y } from "../_chunks/framer.js";
|
|
4
|
+
const b = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='3' seed='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")`, v = {
|
|
5
|
+
subtle: { solid: 0.2, soft: 0.15 },
|
|
6
|
+
medium: { solid: 0.28, soft: 0.22 },
|
|
7
|
+
heavy: { solid: 0.45, soft: 0.35 }
|
|
8
|
+
}, f = {
|
|
9
|
+
subtle: { ld: 0.06, ll: 0.08, dk: 0.08 },
|
|
10
|
+
medium: { ld: 0.1, ll: 0.12, dk: 0.12 },
|
|
11
|
+
heavy: { ld: 0.16, ll: 0.18, dk: 0.18 }
|
|
12
|
+
};
|
|
13
|
+
function w({
|
|
14
|
+
intensity: i = "subtle",
|
|
15
|
+
surface: d = "solid",
|
|
16
|
+
sheen: c = !1,
|
|
17
|
+
tint: e,
|
|
18
|
+
animated: p = !1,
|
|
19
|
+
hoverIntensify: t = !1
|
|
20
|
+
}) {
|
|
21
|
+
const u = k(), r = v[i][d], h = Math.min(r * 1.4, 0.6), a = f[i], s = e ? `linear-gradient(135deg, color-mix(in oklch, ${e} ${Math.round(a.ld * 100)}%, transparent), color-mix(in oklch, white ${Math.round(a.ll * 100)}%, transparent))` : `linear-gradient(135deg, oklch(0 0 0 / ${a.ld}), oklch(1 0 0 / ${a.ll}))`, n = e ? `linear-gradient(135deg, transparent, color-mix(in oklch, ${e} ${Math.round(a.dk * 100)}%, transparent))` : `linear-gradient(135deg, transparent, oklch(0 0 0 / ${a.dk}))`, l = p && !u, g = l ? y.span : "span";
|
|
22
|
+
return /* @__PURE__ */ m(
|
|
23
|
+
g,
|
|
24
|
+
{
|
|
25
|
+
"data-grain": "",
|
|
26
|
+
"aria-hidden": "true",
|
|
27
|
+
className: "pointer-events-none absolute inset-0 z-[1] rounded-[inherit] isolate overflow-hidden",
|
|
28
|
+
...l ? {
|
|
29
|
+
initial: { opacity: 0 },
|
|
30
|
+
animate: { opacity: 1 },
|
|
31
|
+
transition: { duration: 0.6, ease: [0.2, 0, 0.38, 0.9] }
|
|
32
|
+
} : {},
|
|
33
|
+
children: [
|
|
34
|
+
s && /* @__PURE__ */ o(
|
|
35
|
+
"span",
|
|
36
|
+
{
|
|
37
|
+
className: `absolute inset-0 dark:hidden transition-opacity duration-300 ${t ? "group-hover:opacity-100 opacity-80" : ""}`,
|
|
38
|
+
style: { background: s }
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
n && /* @__PURE__ */ o(
|
|
42
|
+
"span",
|
|
43
|
+
{
|
|
44
|
+
className: `absolute inset-0 hidden dark:block transition-opacity duration-300 ${t ? "group-hover:opacity-100 opacity-80" : ""}`,
|
|
45
|
+
style: { background: n }
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
/* @__PURE__ */ o(
|
|
49
|
+
"span",
|
|
50
|
+
{
|
|
51
|
+
className: `absolute inset-0 transition-opacity duration-300 ${t ? "group-hover:opacity-[var(--grain-hover-opacity)]" : ""}`,
|
|
52
|
+
style: {
|
|
53
|
+
backgroundImage: b,
|
|
54
|
+
backgroundSize: "100px 100px",
|
|
55
|
+
filter: "contrast(250%) brightness(105%)",
|
|
56
|
+
opacity: r,
|
|
57
|
+
"--grain-hover-opacity": t ? h : void 0
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
),
|
|
61
|
+
c && /* @__PURE__ */ o("span", { className: "absolute inset-0 shadow-raised-inner" })
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
w.displayName = "DevalokGrain";
|
|
67
|
+
export {
|
|
68
|
+
w as DevalokGrain
|
|
69
|
+
};
|
package/dist/ui/dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAc3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CA0BjF,CAAA;AAGD,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAajB,CAAA;AAGF,QAAA,MAAM,aAAa,8JA6CjB,CAAA;AAGF;;;;;GAKG;AACH,QAAA,MAAM,gBAAgB,8JASpB,CAAA;AAGF,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,YAAY,6GAWjB,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;AAC/F,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;AAE3F,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}
|
package/dist/ui/dialog.js
CHANGED
|
@@ -1,44 +1,45 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as s, jsxs as d } from "react/jsx-runtime";
|
|
3
3
|
import * as t from "react";
|
|
4
|
-
import {
|
|
5
|
-
import { IconX as
|
|
4
|
+
import { a6 as u, a7 as C, a8 as m, a9 as y, aa as x, ab as v, ac as R, ad as O } from "../_chunks/primitives.js";
|
|
5
|
+
import { IconX as j } from "@tabler/icons-react";
|
|
6
6
|
import { cn as i } from "./lib/utils.js";
|
|
7
|
-
import { tweens as p, springs as
|
|
8
|
-
import {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
import { tweens as p, springs as M } from "./lib/motion.js";
|
|
8
|
+
import { Icon as T } from "./icon.js";
|
|
9
|
+
import { A as z, m as g } from "../_chunks/framer.js";
|
|
10
|
+
const N = t.createContext({ open: !1 }), I = () => t.useContext(N), P = ({
|
|
11
|
+
open: e,
|
|
12
|
+
defaultOpen: o,
|
|
13
|
+
onOpenChange: a,
|
|
13
14
|
...r
|
|
14
15
|
}) => {
|
|
15
|
-
const [l,
|
|
16
|
-
(
|
|
17
|
-
n ||
|
|
16
|
+
const [l, D] = t.useState(o ?? !1), n = e !== void 0, c = n ? e : l, b = t.useCallback(
|
|
17
|
+
(f) => {
|
|
18
|
+
n || D(f), a?.(f);
|
|
18
19
|
},
|
|
19
|
-
[n,
|
|
20
|
+
[n, a]
|
|
20
21
|
), w = t.useMemo(() => ({ open: c }), [c]);
|
|
21
|
-
return /* @__PURE__ */
|
|
22
|
+
return /* @__PURE__ */ s(N.Provider, { value: w, children: /* @__PURE__ */ s(R, { open: c, onOpenChange: b, ...r }) });
|
|
22
23
|
};
|
|
23
|
-
|
|
24
|
-
const
|
|
25
|
-
|
|
24
|
+
P.displayName = "Dialog";
|
|
25
|
+
const Q = O, A = C, U = y, h = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
|
|
26
|
+
u,
|
|
26
27
|
{
|
|
27
|
-
ref:
|
|
28
|
+
ref: a,
|
|
28
29
|
forceMount: !0,
|
|
29
30
|
className: i(
|
|
30
31
|
"fixed inset-0 z-overlay bg-overlay",
|
|
31
|
-
|
|
32
|
+
e
|
|
32
33
|
),
|
|
33
|
-
...
|
|
34
|
+
...o
|
|
34
35
|
}
|
|
35
36
|
));
|
|
36
|
-
|
|
37
|
-
const
|
|
38
|
-
const { open: l } =
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
/* @__PURE__ */
|
|
41
|
-
|
|
37
|
+
h.displayName = u.displayName;
|
|
38
|
+
const F = t.forwardRef(({ className: e, children: o, ...a }, r) => {
|
|
39
|
+
const { open: l } = I();
|
|
40
|
+
return /* @__PURE__ */ s(z, { children: l && /* @__PURE__ */ d(A, { forceMount: !0, children: [
|
|
41
|
+
/* @__PURE__ */ s(h, { asChild: !0, children: /* @__PURE__ */ s(
|
|
42
|
+
g.div,
|
|
42
43
|
{
|
|
43
44
|
initial: { opacity: 0 },
|
|
44
45
|
animate: { opacity: 1 },
|
|
@@ -46,29 +47,29 @@ const H = t.forwardRef(({ className: a, children: s, ...e }, r) => {
|
|
|
46
47
|
transition: p.fade
|
|
47
48
|
}
|
|
48
49
|
) }),
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
|
|
50
|
+
/* @__PURE__ */ s(
|
|
51
|
+
m,
|
|
51
52
|
{
|
|
52
53
|
ref: r,
|
|
53
54
|
forceMount: !0,
|
|
54
55
|
asChild: !0,
|
|
55
|
-
...
|
|
56
|
+
...a,
|
|
56
57
|
children: /* @__PURE__ */ d(
|
|
57
|
-
|
|
58
|
+
g.div,
|
|
58
59
|
{
|
|
59
60
|
initial: { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
|
|
60
61
|
animate: { opacity: 1, scale: 1, x: "-50%", y: "-50%" },
|
|
61
62
|
exit: { opacity: 0, scale: 0.95, x: "-50%", y: "-50%" },
|
|
62
|
-
transition: { ...
|
|
63
|
+
transition: { ...M.smooth, opacity: p.fade },
|
|
63
64
|
className: i(
|
|
64
65
|
"fixed left-[50%] top-[50%] z-modal grid w-full max-w-lg gap-ds-05 border border-surface-border-strong bg-surface-overlay p-ds-06 shadow-overlay rounded-ds-xl",
|
|
65
|
-
|
|
66
|
+
e
|
|
66
67
|
),
|
|
67
68
|
children: [
|
|
68
|
-
|
|
69
|
+
o,
|
|
69
70
|
/* @__PURE__ */ d(y, { className: "absolute right-ds-05 top-ds-05 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 disabled:pointer-events-none", children: [
|
|
70
|
-
/* @__PURE__ */
|
|
71
|
-
/* @__PURE__ */
|
|
71
|
+
/* @__PURE__ */ s(T, { icon: j, size: "lg" }),
|
|
72
|
+
/* @__PURE__ */ s("span", { className: "sr-only", children: "Close" })
|
|
72
73
|
] })
|
|
73
74
|
]
|
|
74
75
|
}
|
|
@@ -77,75 +78,75 @@ const H = t.forwardRef(({ className: a, children: s, ...e }, r) => {
|
|
|
77
78
|
)
|
|
78
79
|
] }) });
|
|
79
80
|
});
|
|
80
|
-
|
|
81
|
-
const
|
|
82
|
-
|
|
81
|
+
F.displayName = m.displayName;
|
|
82
|
+
const H = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
|
|
83
|
+
m,
|
|
83
84
|
{
|
|
84
|
-
ref:
|
|
85
|
-
className: i(
|
|
86
|
-
...
|
|
85
|
+
ref: a,
|
|
86
|
+
className: i(e),
|
|
87
|
+
...o
|
|
87
88
|
}
|
|
88
89
|
));
|
|
89
|
-
|
|
90
|
+
H.displayName = "DialogContentRaw";
|
|
90
91
|
const k = t.forwardRef(
|
|
91
|
-
({ className:
|
|
92
|
+
({ className: e, ...o }, a) => /* @__PURE__ */ s(
|
|
92
93
|
"div",
|
|
93
94
|
{
|
|
94
|
-
ref:
|
|
95
|
+
ref: a,
|
|
95
96
|
className: i(
|
|
96
97
|
"flex flex-col space-y-ds-02b text-center sm:text-left",
|
|
97
|
-
|
|
98
|
+
e
|
|
98
99
|
),
|
|
99
|
-
...
|
|
100
|
+
...o
|
|
100
101
|
}
|
|
101
102
|
)
|
|
102
103
|
);
|
|
103
104
|
k.displayName = "DialogHeader";
|
|
104
|
-
const
|
|
105
|
-
({ className:
|
|
105
|
+
const S = t.forwardRef(
|
|
106
|
+
({ className: e, ...o }, a) => /* @__PURE__ */ s(
|
|
106
107
|
"div",
|
|
107
108
|
{
|
|
108
|
-
ref:
|
|
109
|
+
ref: a,
|
|
109
110
|
className: i(
|
|
110
111
|
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-ds-03",
|
|
111
|
-
|
|
112
|
+
e
|
|
112
113
|
),
|
|
113
|
-
...
|
|
114
|
+
...o
|
|
114
115
|
}
|
|
115
116
|
)
|
|
116
117
|
);
|
|
117
|
-
|
|
118
|
-
const
|
|
118
|
+
S.displayName = "DialogFooter";
|
|
119
|
+
const V = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
|
|
119
120
|
x,
|
|
120
121
|
{
|
|
121
|
-
ref:
|
|
122
|
+
ref: a,
|
|
122
123
|
className: i(
|
|
123
124
|
"text-ds-lg font-semibold",
|
|
124
|
-
|
|
125
|
+
e
|
|
125
126
|
),
|
|
126
|
-
...
|
|
127
|
+
...o
|
|
127
128
|
}
|
|
128
129
|
));
|
|
129
|
-
|
|
130
|
-
const
|
|
130
|
+
V.displayName = x.displayName;
|
|
131
|
+
const X = t.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ s(
|
|
131
132
|
v,
|
|
132
133
|
{
|
|
133
|
-
ref:
|
|
134
|
-
className: i("text-ds-md text-surface-fg-muted",
|
|
135
|
-
...
|
|
134
|
+
ref: a,
|
|
135
|
+
className: i("text-ds-md text-surface-fg-muted", e),
|
|
136
|
+
...o
|
|
136
137
|
}
|
|
137
138
|
));
|
|
138
|
-
|
|
139
|
+
X.displayName = v.displayName;
|
|
139
140
|
export {
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
141
|
+
P as Dialog,
|
|
142
|
+
U as DialogClose,
|
|
143
|
+
F as DialogContent,
|
|
144
|
+
H as DialogContentRaw,
|
|
145
|
+
X as DialogDescription,
|
|
146
|
+
S as DialogFooter,
|
|
146
147
|
k as DialogHeader,
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
148
|
+
h as DialogOverlay,
|
|
149
|
+
A as DialogPortal,
|
|
150
|
+
V as DialogTitle,
|
|
151
|
+
Q as DialogTrigger
|
|
151
152
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,qBAAqB,MAAM,iCAAiC,CAAA;AAaxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAuB7F,CAAA;AAGD,QAAA,MAAM,mBAAmB,0HAAgC,CAAA;AAEzD,QAAA,MAAM,iBAAiB,qHAA8B,CAAA;AAErD,QAAA,MAAM,kBAAkB,yDAA+B,CAAA;AAEvD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,CAuB/F,CAAA;AAGD,QAAA,MAAM,sBAAsB,0HAAmC,CAAA;AAE/D,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAA;AAIF,QAAA,MAAM,sBAAsB,6KA+B1B,CAAA;AAIF,QAAA,MAAM,mBAAmB,0KAkCvB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,wBAAwB,+KAoB5B,CAAA;AAIF,QAAA,MAAM,qBAAqB,4KAmBzB,CAAA;AAGF,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,qBAAqB,4KASzB,CAAA;AAGF,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAA;AAGD,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,CAAA;AAC3G,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,CAAA;AAErG,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,GACvB,CAAA"}
|