npm - @epilot/volt-ui-experimental-griffel - Versions diffs - 0.3.0 → 0.3.1 - Mend

@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.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.

Files changed (140) hide show

package/dist/components/accordion/accordion.js +66 -126
package/dist/components/accordion/accordion.js.map +1 -1
package/dist/components/alert-dialog/alert-dialog.js +138 -238
package/dist/components/alert-dialog/alert-dialog.js.map +1 -1
package/dist/components/avatar/avatar-group.js +47 -102
package/dist/components/avatar/avatar-group.js.map +1 -1
package/dist/components/avatar/avatar.js +72 -96
package/dist/components/avatar/avatar.js.map +1 -1
package/dist/components/badge/badge.js +48 -56
package/dist/components/badge/badge.js.map +1 -1
package/dist/components/breadcrumb/breadcrumb.js +49 -97
package/dist/components/breadcrumb/breadcrumb.js.map +1 -1
package/dist/components/button/button.js +49 -57
package/dist/components/button/button.js.map +1 -1
package/dist/components/button-group/button-group.js +31 -55
package/dist/components/button-group/button-group.js.map +1 -1
package/dist/components/callout/callout.js +164 -288
package/dist/components/callout/callout.js.map +1 -1
package/dist/components/card/card.js +81 -137
package/dist/components/card/card.js.map +1 -1
package/dist/components/checkbox/checkbox.js +48 -96
package/dist/components/checkbox/checkbox.js.map +1 -1
package/dist/components/collapsible-sidebar/collapsible-sidebar.js +107 -155
package/dist/components/collapsible-sidebar/collapsible-sidebar.js.map +1 -1
package/dist/components/command/command.js +161 -285
package/dist/components/command/command.js.map +1 -1
package/dist/components/data-table/data-table-body.js +54 -114
package/dist/components/data-table/data-table-body.js.map +1 -1
package/dist/components/data-table/data-table-column-header.js +45 -117
package/dist/components/data-table/data-table-column-header.js.map +1 -1
package/dist/components/data-table/data-table-column-visibility.js +39 -98
package/dist/components/data-table/data-table-column-visibility.js.map +1 -1
package/dist/components/data-table/data-table-content.js +58 -90
package/dist/components/data-table/data-table-content.js.map +1 -1
package/dist/components/data-table/data-table-error.js +39 -83
package/dist/components/data-table/data-table-error.js.map +1 -1
package/dist/components/data-table/data-table-header.js +54 -88
package/dist/components/data-table/data-table-header.js.map +1 -1
package/dist/components/data-table/data-table-loading.js +15 -27
package/dist/components/data-table/data-table-loading.js.map +1 -1
package/dist/components/data-table/data-table-pagination.js +19 -27
package/dist/components/data-table/data-table-pagination.js.map +1 -1
package/dist/components/data-table/data-table-row.js +64 -87
package/dist/components/data-table/data-table-row.js.map +1 -1
package/dist/components/data-table/data-table-toolbar.js +16 -24
package/dist/components/data-table/data-table-toolbar.js.map +1 -1
package/dist/components/data-table/data-table.js +145 -181
package/dist/components/data-table/data-table.js.map +1 -1
package/dist/components/date-range-picker/date-range-picker.js +214 -342
package/dist/components/date-range-picker/date-range-picker.js.map +1 -1
package/dist/components/date-range-picker/range-calendar.js +92 -132
package/dist/components/date-range-picker/range-calendar.js.map +1 -1
package/dist/components/date-time-picker/calendar.js +317 -501
package/dist/components/date-time-picker/calendar.js.map +1 -1
package/dist/components/date-time-picker/date-time-picker-context.js +60 -64
package/dist/components/date-time-picker/date-time-picker-context.js.map +1 -1
package/dist/components/date-time-picker/date-time-picker-input.js +149 -249
package/dist/components/date-time-picker/date-time-picker-input.js.map +1 -1
package/dist/components/date-time-picker/date-time-picker-panel.js +165 -273
package/dist/components/date-time-picker/date-time-picker-panel.js.map +1 -1
package/dist/components/date-time-picker/date-time-picker-popover.js +14 -22
package/dist/components/date-time-picker/date-time-picker-popover.js.map +1 -1
package/dist/components/date-time-picker/date-time-picker.js +90 -134
package/dist/components/date-time-picker/date-time-picker.js.map +1 -1
package/dist/components/date-time-picker/time-picker.js +132 -198
package/dist/components/date-time-picker/time-picker.js.map +1 -1
package/dist/components/density-provider/density-provider.js +19 -39
package/dist/components/density-provider/density-provider.js.map +1 -1
package/dist/components/dialog/dialog.js +145 -253
package/dist/components/dialog/dialog.js.map +1 -1
package/dist/components/drawer/drawer.js +164 -272
package/dist/components/drawer/drawer.js.map +1 -1
package/dist/components/dropdown-menu/dropdown-menu.js +204 -384
package/dist/components/dropdown-menu/dropdown-menu.js.map +1 -1
package/dist/components/field/field-combobox.js +243 -435
package/dist/components/field/field-combobox.js.map +1 -1
package/dist/components/field/field-select.js +19 -23
package/dist/components/field/field-select.js.map +1 -1
package/dist/components/field/field.js +189 -297
package/dist/components/field/field.js.map +1 -1
package/dist/components/label/label.js +19 -27
package/dist/components/label/label.js.map +1 -1
package/dist/components/list/list.js +315 -595
package/dist/components/list/list.js.map +1 -1
package/dist/components/option-card/option-card.js +159 -323
package/dist/components/option-card/option-card.js.map +1 -1
package/dist/components/pill/pill.js +68 -84
package/dist/components/pill/pill.js.map +1 -1
package/dist/components/popover/popover.js +48 -84
package/dist/components/popover/popover.js.map +1 -1
package/dist/components/radio/radio.js +49 -89
package/dist/components/radio/radio.js.map +1 -1
package/dist/components/scroll-overflow/scroll-overflow.js +198 -350
package/dist/components/scroll-overflow/scroll-overflow.js.map +1 -1
package/dist/components/segmented-control/segmented-control.js +97 -141
package/dist/components/segmented-control/segmented-control.js.map +1 -1
package/dist/components/select/select.js +200 -396
package/dist/components/select/select.js.map +1 -1
package/dist/components/separator/separator.js +16 -24
package/dist/components/separator/separator.js.map +1 -1
package/dist/components/skeleton/skeleton.js +43 -83
package/dist/components/skeleton/skeleton.js.map +1 -1
package/dist/components/spinner/spinner.js +20 -44
package/dist/components/spinner/spinner.js.map +1 -1
package/dist/components/switch/switch.js +83 -155
package/dist/components/switch/switch.js.map +1 -1
package/dist/components/table/table-pagination.js +210 -468
package/dist/components/table/table-pagination.js.map +1 -1
package/dist/components/table/table.js +131 -211
package/dist/components/table/table.js.map +1 -1
package/dist/components/tabs/tabs.js +58 -94
package/dist/components/tabs/tabs.js.map +1 -1
package/dist/components/text/text.js +32 -40
package/dist/components/text/text.js.map +1 -1
package/dist/components/toast/toast.js +111 -187
package/dist/components/toast/toast.js.map +1 -1
package/dist/components/toggle/toggle-group.js +24 -40
package/dist/components/toggle/toggle-group.js.map +1 -1
package/dist/components/toggle/toggle.js +39 -47
package/dist/components/toggle/toggle.js.map +1 -1
package/dist/components/tooltip/tooltip.js +62 -106
package/dist/components/tooltip/tooltip.js.map +1 -1
package/dist/lib/clear-button.js +15 -27
package/dist/lib/clear-button.js.map +1 -1
package/dist/lib/icons.js +6 -18
package/dist/lib/icons.js.map +1 -1
package/dist/tokens.json +1 -1
package/package.json +1 -1
package/dist/_virtual/jsx-dev-runtime.js +0 -5
package/dist/_virtual/jsx-dev-runtime.js.map +0 -1
package/dist/_virtual/react-jsx-dev-runtime.development.js +0 -5
package/dist/_virtual/react-jsx-dev-runtime.development.js.map +0 -1
package/dist/_virtual/react-jsx-dev-runtime.production.js +0 -5
package/dist/_virtual/react-jsx-dev-runtime.production.js.map +0 -1
package/dist/vendor/react/cjs/react-jsx-dev-runtime.development.js +0 -236
package/dist/vendor/react/cjs/react-jsx-dev-runtime.development.js.map +0 -1
package/dist/vendor/react/cjs/react-jsx-dev-runtime.production.js +0 -21
package/dist/vendor/react/cjs/react-jsx-dev-runtime.production.js.map +0 -1
package/dist/vendor/react/jsx-dev-runtime.js +0 -9
package/dist/vendor/react/jsx-dev-runtime.js.map +0 -1

package/dist/components/density-provider/density-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"density-provider.js","sources":["../../../src/components/density-provider/density-provider.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\n\n/*\n DENSITY-SPEC.md §4.4 — the two density mechanisms, and why this component is the only one that\n * does both:\n \n - CSS custom-property inheritance (no JavaScript) already delivers the shell's AMBIENT default\n * to every element, portalled or not — a Radix portal root is still an ordinary DOM descendant\n * of `<html>`, so it inherits `<html data-density=\"...\">` with zero wiring. No provider needed\n * for that common case.\n * - A bare `data-density` DOM attribute alone never reaches a portal that ISN'T a DOM descendant of\n * it — setting a DOM attribute runs no React code, so `useDensity()` inside such a subtree (or a\n * sibling-in-DOM, descendant-in-React-tree portal) sees nothing from it.\n \n `DensityProvider` sets both at once: a real DOM `data-density` boundary for ordinary (non-portal)\n * CSS inheritance, and a React context value that portal-content components (`SelectContent`,\n * `PopoverContent`, `DialogContent`, etc.) read via `useDensity()` to re-stamp themselves — since\n * portalled content is a React-tree descendant but a DOM sibling, only the context path reaches it.\n /\n\nexport type Density = \"compact\" \| \"normal\" \| \"comfortable\"\n\nconst CANONICAL_DENSITIES: readonly Density[] = [\"compact\", \"normal\", \"comfortable\"]\n\n/\n Invalid runtime input (a bad string slipping past TypeScript) normalizes to \"normal\". Exported\n * (package-internal — NOT added to `src/index.ts`, no new public export) so `Table`/`DataTable`/\n * `TableHead`/`TableCell` can apply the exact same normalization to their own DOM `data-density`\n * stamp that `DensityContextBoundary` already applies to the context value — one function, so the\n * two can never independently disagree on what an invalid input normalizes to\n * (TABLE-DENSITY-REVIEW-1.md #2).\n /\nexport const canonicalDensity = (density: Density): Density =>\n CANONICAL_DENSITIES.includes(density) ? density : \"normal\"\n\n/\n Unexported by design, same as `ListContext` — read only through `useDensity()`. Default\n * `undefined`: a component nested with no `DensityProvider` ancestor gets `undefined`, never a\n * fabricated \"normal\" — that would be a JS reading of ambient CSS this hook explicitly does not do.\n /\nconst DensityContext = React.createContext<Density \| undefined>(undefined)\n\nexport type DensityProviderProps = React.ComponentProps<\"div\"> & {\n /* The explicit density boundary for this subtree. No default — always a real caller choice. /\n density: Density\n}\n\n/\n Ordinary HTML div semantics: forwards `ref`/`className`/`style`/every other div prop, no\n * polymorphic `asChild`. Renders one real DOM node (the boundary) wrapping a React context\n * provider around `children` — not two independent trees, so context and DOM boundary can never\n * disagree about which density is active.\n /\nexport const DensityProvider = React.forwardRef<\n HTMLDivElement,\n DensityProviderProps\n>(function DensityProvider({ density, className, children, ...props }, ref) {\n const value = canonicalDensity(density)\n\n return (\n <div\n ref={ref}\n data-slot=\"density-provider\"\n {...{ [SLOT_ATTR]: \"density-provider\" }}\n className={className}\n {...props}\n // Authoritative, spread LAST: a raw caller `data-density` prop (part of `...props`, since\n // `DensityProviderProps` extends every native div prop) must never win over the normalized\n // `density` prop — the DOM attribute and the context value below both derive from the same\n // `value`, and this ordering is what keeps that invariant true even when a caller passes a\n // conflicting literal `data-density` alongside `density` (finish-line integration fix).\n data-density={value}\n >\n <DensityContext.Provider value={value}>\n {children}\n </DensityContext.Provider>\n </div>\n )\n})\n\n/\n Returns the nearest explicit `DensityProvider` value, or `undefined` if none exists. Never reads\n * `getComputedStyle`/CSS custom properties — an `undefined` result means \"no explicit override in\n * the React tree,\" not \"ambient density is unknown\"; the caller's job (portal content components)\n * is to stamp nothing in that case and let ordinary CSS inheritance supply the ambient value.\n /\nexport const useDensity = (): Density \| undefined => React.useContext(DensityContext)\n\n/\n Internal, package-private — NOT exported from `src/index.ts`. `DensityProvider` is the only\n * public density-boundary API; this is a context-only variant for a component that already owns a\n * real DOM boundary of its own (e.g. `Table`, whose root is a `<table>` and cannot safely have\n * `DensityProvider`'s wrapping `<div>` injected into its child structure without breaking table\n * semantics) and just needs the same context so its own descendant portals (e.g.\n * `table-pagination.tsx`'s inline Select) can read an explicit override via `useDensity()`.\n \n Renders no DOM node. Provides nothing (passes `children` through untouched, leaving whatever\n * outer `DensityContext` value already exists) when `density` is `undefined` — omitted density\n * must not fabricate a boundary any more than `DensityProvider` fabricates a DOM stamp.\n \n @no-host-element A pure context provider — it renders no host element (a `React.Context.Provider`\n * is not one), so there is no DOM node for a forwarded ref to ever reach.\n */\nexport const DensityContextBoundary = ({\n density,\n children,\n}: {\n density: Density \| undefined\n children: React.ReactNode\n}): React.ReactElement => {\n if (density === undefined) return <>{children}</>\n return (\n <DensityContext.Provider value={canonicalDensity(density)}>\n {children}\n </DensityContext.Provider>\n )\n}\n"],"names":["CANONICAL_DENSITIES","canonicalDensity","density","DensityContext","React","DensityProvider","className","children","props","ref","value","~~jsxDEV~~","SLOT_ATTR","useDensity","DensityContextBoundary","Fragment"~~,"this"~~],"mappings":";;;AAwBA,MAAMA,IAA0C,CAAC,WAAW,UAAU,aAAa,GAUtEC,IAAmB,CAACC,MAC/BF,EAAoB,SAASE,CAAO,IAAIA,IAAU,UAO9CC,IAAiBC,EAAM,cAAmC,MAAS,GAa5DC,IAAkBD,EAAM,WAGnC,SAAyB,EAAE,SAAAF,GAAS,WAAAI,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,GAAK;AAC1E,QAAMC,IAAQT,EAAiBC,CAAO;AAEtC,~~SACES~~,~~gBAAAA,EAAAA~~;~~AAAAA~~,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,aAAU;AAAA,MACJ,CAACG,CAAS,GAAG;AAAA,MACnB,WAAAN;AAAA,MACC,GAAGE;AAAA,MAMJ,gBAAcE;AAAA,MAEd,~~UAAAC~~,~~gBAAAA~~,~~EAAAA~~,~~OAACR,~~EAAe,UAAf,EAAwB,OAAAO,GACtB,UAAAH,EAAA,~~GADH,QAAA,IAAA~~;AAAA,~~QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA,GAAA,IAEA;AAAA,~~IAAA;AAAA,~~IAfF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,~~EAAA;~~AAkBJ~~,CAAC,GAQYM,IAAa,MAA2BT,EAAM,WAAWD,CAAc,GAiBvEW,IAAyB,CAAC;AAAA,EACrC,SAAAZ;AAAA,EACA,UAAAK;AACF,MAIML,MAAY,~~SAAkBS~~,~~gBAAAA~~,~~EAAAA~~,~~OAAAI~~,~~EAAAA,UAAA,~~EAAG,UAAAR,~~EAAA~~,~~GAAH~~,~~QAAA~~,~~IAAA;AAAA~~,~~EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAAA,GAAAS,MAAY,IAE5CL,gBAAAA,SAACR,~~EAAe,UAAf,EAAwB,OAAOF,EAAiBC,CAAO,GACrD,UAAAK,~~KADH,QAAA,IAAA~~;~~AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAAA,GAAAS,MAEA;~~"}
1	+ {"version":3,"file":"density-provider.js","sources":["../../../src/components/density-provider/density-provider.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\n\n/*\n DENSITY-SPEC.md §4.4 — the two density mechanisms, and why this component is the only one that\n * does both:\n \n - CSS custom-property inheritance (no JavaScript) already delivers the shell's AMBIENT default\n * to every element, portalled or not — a Radix portal root is still an ordinary DOM descendant\n * of `<html>`, so it inherits `<html data-density=\"...\">` with zero wiring. No provider needed\n * for that common case.\n * - A bare `data-density` DOM attribute alone never reaches a portal that ISN'T a DOM descendant of\n * it — setting a DOM attribute runs no React code, so `useDensity()` inside such a subtree (or a\n * sibling-in-DOM, descendant-in-React-tree portal) sees nothing from it.\n \n `DensityProvider` sets both at once: a real DOM `data-density` boundary for ordinary (non-portal)\n * CSS inheritance, and a React context value that portal-content components (`SelectContent`,\n * `PopoverContent`, `DialogContent`, etc.) read via `useDensity()` to re-stamp themselves — since\n * portalled content is a React-tree descendant but a DOM sibling, only the context path reaches it.\n /\n\nexport type Density = \"compact\" \| \"normal\" \| \"comfortable\"\n\nconst CANONICAL_DENSITIES: readonly Density[] = [\"compact\", \"normal\", \"comfortable\"]\n\n/\n Invalid runtime input (a bad string slipping past TypeScript) normalizes to \"normal\". Exported\n * (package-internal — NOT added to `src/index.ts`, no new public export) so `Table`/`DataTable`/\n * `TableHead`/`TableCell` can apply the exact same normalization to their own DOM `data-density`\n * stamp that `DensityContextBoundary` already applies to the context value — one function, so the\n * two can never independently disagree on what an invalid input normalizes to\n * (TABLE-DENSITY-REVIEW-1.md #2).\n /\nexport const canonicalDensity = (density: Density): Density =>\n CANONICAL_DENSITIES.includes(density) ? density : \"normal\"\n\n/\n Unexported by design, same as `ListContext` — read only through `useDensity()`. Default\n * `undefined`: a component nested with no `DensityProvider` ancestor gets `undefined`, never a\n * fabricated \"normal\" — that would be a JS reading of ambient CSS this hook explicitly does not do.\n /\nconst DensityContext = React.createContext<Density \| undefined>(undefined)\n\nexport type DensityProviderProps = React.ComponentProps<\"div\"> & {\n /* The explicit density boundary for this subtree. No default — always a real caller choice. /\n density: Density\n}\n\n/\n Ordinary HTML div semantics: forwards `ref`/`className`/`style`/every other div prop, no\n * polymorphic `asChild`. Renders one real DOM node (the boundary) wrapping a React context\n * provider around `children` — not two independent trees, so context and DOM boundary can never\n * disagree about which density is active.\n /\nexport const DensityProvider = React.forwardRef<\n HTMLDivElement,\n DensityProviderProps\n>(function DensityProvider({ density, className, children, ...props }, ref) {\n const value = canonicalDensity(density)\n\n return (\n <div\n ref={ref}\n data-slot=\"density-provider\"\n {...{ [SLOT_ATTR]: \"density-provider\" }}\n className={className}\n {...props}\n // Authoritative, spread LAST: a raw caller `data-density` prop (part of `...props`, since\n // `DensityProviderProps` extends every native div prop) must never win over the normalized\n // `density` prop — the DOM attribute and the context value below both derive from the same\n // `value`, and this ordering is what keeps that invariant true even when a caller passes a\n // conflicting literal `data-density` alongside `density` (finish-line integration fix).\n data-density={value}\n >\n <DensityContext.Provider value={value}>\n {children}\n </DensityContext.Provider>\n </div>\n )\n})\n\n/\n Returns the nearest explicit `DensityProvider` value, or `undefined` if none exists. Never reads\n * `getComputedStyle`/CSS custom properties — an `undefined` result means \"no explicit override in\n * the React tree,\" not \"ambient density is unknown\"; the caller's job (portal content components)\n * is to stamp nothing in that case and let ordinary CSS inheritance supply the ambient value.\n /\nexport const useDensity = (): Density \| undefined => React.useContext(DensityContext)\n\n/\n Internal, package-private — NOT exported from `src/index.ts`. `DensityProvider` is the only\n * public density-boundary API; this is a context-only variant for a component that already owns a\n * real DOM boundary of its own (e.g. `Table`, whose root is a `<table>` and cannot safely have\n * `DensityProvider`'s wrapping `<div>` injected into its child structure without breaking table\n * semantics) and just needs the same context so its own descendant portals (e.g.\n * `table-pagination.tsx`'s inline Select) can read an explicit override via `useDensity()`.\n \n Renders no DOM node. Provides nothing (passes `children` through untouched, leaving whatever\n * outer `DensityContext` value already exists) when `density` is `undefined` — omitted density\n * must not fabricate a boundary any more than `DensityProvider` fabricates a DOM stamp.\n \n @no-host-element A pure context provider — it renders no host element (a `React.Context.Provider`\n * is not one), so there is no DOM node for a forwarded ref to ever reach.\n */\nexport const DensityContextBoundary = ({\n density,\n children,\n}: {\n density: Density \| undefined\n children: React.ReactNode\n}): React.ReactElement => {\n if (density === undefined) return <>{children}</>\n return (\n <DensityContext.Provider value={canonicalDensity(density)}>\n {children}\n </DensityContext.Provider>\n )\n}\n"],"names":["CANONICAL_DENSITIES","canonicalDensity","density","DensityContext","React","DensityProvider","className","children","props","ref","value","jsx","SLOT_ATTR","useDensity","DensityContextBoundary","Fragment"],"mappings":";;;AAwBA,MAAMA,IAA0C,CAAC,WAAW,UAAU,aAAa,GAUtEC,IAAmB,CAACC,MAC/BF,EAAoB,SAASE,CAAO,IAAIA,IAAU,UAO9CC,IAAiBC,EAAM,cAAmC,MAAS,GAa5DC,IAAkBD,EAAM,WAGnC,SAAyB,EAAE,SAAAF,GAAS,WAAAI,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,GAAK;AAC1E,QAAMC,IAAQT,EAAiBC,CAAO;AAEtC,SACE,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,aAAU;AAAA,MACJ,CAACG,CAAS,GAAG;AAAA,MACnB,WAAAN;AAAA,MACC,GAAGE;AAAA,MAMJ,gBAAcE;AAAA,MAEd,UAAA,gBAAAC,EAACR,EAAe,UAAf,EAAwB,OAAAO,GACtB,UAAAH,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC,GAQYM,IAAa,MAA2BT,EAAM,WAAWD,CAAc,GAiBvEW,IAAyB,CAAC;AAAA,EACrC,SAAAZ;AAAA,EACA,UAAAK;AACF,MAIML,MAAY,SAAkB,gBAAAS,EAAAI,GAAA,EAAG,UAAAR,GAAS,IAE5C,gBAAAI,EAACR,EAAe,UAAf,EAAwB,OAAOF,EAAiBC,CAAO,GACrD,UAAAK,GACH;"}

package/dist/components/dialog/dialog.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { j as a } from "../../vendor/react/jsx-dev-runtime.js";
-import * as l from "react";
-import { Root as v, Close as h, Content as D, Description as w, Overlay as y, Portal as C, Title as k, Trigger as E } from "../../vendor/@radix-ui/react-dialog/dist/index.js";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import * as n from "react";
+import { Root as w, Close as y, Content as b, Description as v, Overlay as z, Portal as R, Title as S, Trigger as W } from "../../vendor/@radix-ui/react-dialog/dist/index.js";
 import { shorthands as s } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as n } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as m } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { useDensity as j } from "../density-provider/density-provider.js";
-import { makeVoltStyles as z } from "../../styles/make-styles.js";
-import { spacingElement2 as u, spacingGroup2 as f, grayA1 as R, radiusXl as V, spacingLayout1 as S, leadingSm as U, textSm as W, grayA11 as L, grayA12 as T, fontWeightSemibold as O, leadingLg as A, textLg as F, semFocusRing as x, semAccentSoft as I, accentA11 as P, container5xl as H, container4xl as X, container3xl as B, container2xl as _, containerXl as M, containerLg as G, containerMd as Q, containerSm as Z, body as q } from "../../tokens/index.js";
-const d = z({
+import { SLOT_ATTR as l } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as d } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { useDensity as L } from "../density-provider/density-provider.js";
+import { makeVoltStyles as N } from "../../styles/make-styles.js";
+import { spacingElement2 as f, spacingGroup2 as u, grayA1 as T, radiusXl as O, spacingLayout1 as A, leadingSm as F, textSm as I, grayA11 as k, grayA12 as P, fontWeightSemibold as H, leadingLg as X, textLg as j, semFocusRing as h, semAccentSoft as B, accentA11 as E, container5xl as _, container4xl as M, container3xl as G, container2xl as Q, containerXl as V, containerLg as Z, containerMd as q, containerSm as J, body as K } from "../../tokens/index.js";
+const c = N({
   overlay: {
     position: "fixed",
     ...s.inset(0),
@@ -42,7 +42,7 @@ const d = z({
     }
   },
   content: {
-    backgroundColor: q,
+    backgroundColor: K,
     position: "fixed",
     top: "50%",
     left: "50%",
@@ -52,9 +52,9 @@ const d = z({
     width: "100%",
     maxWidth: "calc(100% - 2rem)",
     transform: "translate(-50%, -50%)",
-    ...s.gap(S),
-    ...s.borderRadius(V),
-    ...s.border("1px", "solid", R),
+    ...s.gap(A),
+    ...s.borderRadius(O),
+    ...s.border("1px", "solid", T),
     // v1 shadow-lg; elevation has no token in this package.
     boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
     "@media (prefers-reduced-motion: reduce)": {
@@ -95,44 +95,44 @@ const d = z({
       animationDuration: "150ms",
       animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
     },
-    "&[data-size='sm']": { maxWidth: Z },
-    "&[data-size='md']": { maxWidth: Q },
-    "&[data-size='lg']": { maxWidth: G },
-    "&[data-size='xl']": { maxWidth: M },
-    "&[data-size='2xl']": { maxWidth: _ },
-    "&[data-size='3xl']": { maxWidth: B },
-    "&[data-size='4xl']": { maxWidth: X },
-    "&[data-size='5xl']": { maxWidth: H },
+    "&[data-size='sm']": { maxWidth: J },
+    "&[data-size='md']": { maxWidth: q },
+    "&[data-size='lg']": { maxWidth: Z },
+    "&[data-size='xl']": { maxWidth: V },
+    "&[data-size='2xl']": { maxWidth: Q },
+    "&[data-size='3xl']": { maxWidth: G },
+    "&[data-size='4xl']": { maxWidth: M },
+    "&[data-size='5xl']": { maxWidth: _ },
     "&[data-size='full-width']": { maxWidth: "100%" }
   },
   contentPadding: {
-    ...s.padding(f)
+    ...s.padding(u)
   },
   close: {
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: x
+      outlineColor: h
     }
   },
   closeButton: {
     position: "absolute",
-    top: f,
-    right: f,
-    ...s.padding(u),
+    top: u,
+    right: u,
+    ...s.padding(f),
     // v1 rounded-full; no full-radius token exists in this package.
     borderRadius: "9999px",
     cursor: "pointer",
-    color: P,
+    color: E,
     ":hover": {
-      backgroundColor: I
+      backgroundColor: B
     },
     ":focus-visible": {
       outlineWidth: "2px",
       outlineStyle: "solid",
       outlineOffset: "2px",
-      outlineColor: x
+      outlineColor: h
     },
     ":disabled": {
       pointerEvents: "none"
@@ -147,24 +147,24 @@ const d = z({
   header: {
     display: "flex",
     flexDirection: "column",
-    ...s.gap(u),
+    ...s.gap(f),
     textAlign: "left"
   },
   footer: {
     display: "flex",
-    ...s.gap(u),
+    ...s.gap(f),
     justifyContent: "flex-end"
   },
   title: {
-    fontSize: F,
-    lineHeight: A,
-    fontWeight: O,
-    color: T
+    fontSize: j,
+    lineHeight: X,
+    fontWeight: H,
+    color: P
   },
   description: {
-    color: L,
-    fontSize: W,
-    lineHeight: U
+    color: k,
+    fontSize: I,
+    lineHeight: F
   },
   srOnly: {
     position: "absolute",
@@ -176,9 +176,9 @@ const d = z({
     clip: "rect(0, 0, 0, 0)",
     whiteSpace: "nowrap"
   }
-}), J = l.forwardRef(
-  function(e, o) {
-    return /* @__PURE__ */ a.jsxDEV(
+}), U = n.forwardRef(
+  function(t, o) {
+    return /* @__PURE__ */ e(
       "svg",
       {
         ref: o,
@@ -187,279 +187,171 @@ const d = z({
         viewBox: "0 0 9 9",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
-        ...e,
-        children: /* @__PURE__ */ a.jsxDEV(
+        ...t,
+        children: /* @__PURE__ */ e(
           "path",
           {
             d: "M4.38333 5.31667L1.11667 8.58333C0.994445 8.70556 0.838889 8.76667 0.65 8.76667C0.461111 8.76667 0.305556 8.70556 0.183333 8.58333C0.0611111 8.46111 0 8.30556 0 8.11667C0 7.92778 0.0611111 7.77222 0.183333 7.65L3.45 4.38333L0.183333 1.11667C0.0611111 0.994445 0 0.838889 0 0.65C0 0.461111 0.0611111 0.305556 0.183333 0.183333C0.305556 0.0611111 0.461111 0 0.65 0C0.838889 0 0.994445 0.0611111 1.11667 0.183333L4.38333 3.45L7.65 0.183333C7.77222 0.0611111 7.92778 0 8.11667 0C8.30556 0 8.46111 0.0611111 8.58333 0.183333C8.70556 0.305556 8.76667 0.461111 8.76667 0.65C8.76667 0.838889 8.70556 0.994445 8.58333 1.11667L5.31667 4.38333L8.58333 7.65C8.70556 7.77222 8.76667 7.92778 8.76667 8.11667C8.76667 8.30556 8.70556 8.46111 8.58333 8.58333C8.46111 8.70556 8.30556 8.76667 8.11667 8.76667C7.92778 8.76667 7.77222 8.70556 7.65 8.58333L4.38333 5.31667Z",
             fill: "currentColor"
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-            lineNumber: 194,
-            columnNumber: 9
-          },
-          this
+          }
         )
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-        lineNumber: 185,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), le = l.forwardRef(
-  function(e, o) {
-    return /* @__PURE__ */ a.jsxDEV(v, { "data-slot": "dialog", ...e }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 207,
-      columnNumber: 12
-    }, this);
+), rt = n.forwardRef(
+  function(t, o) {
+    return /* @__PURE__ */ e(w, { "data-slot": "dialog", ...t });
   }
-), re = l.forwardRef(function({ className: e, ...o }, i) {
-  return /* @__PURE__ */ a.jsxDEV(
-    E,
+), lt = n.forwardRef(function({ className: t, ...o }, a) {
+  return /* @__PURE__ */ e(
+    W,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dialog-trigger",
-      [n]: "dialog-trigger",
-      className: e,
+      [l]: "dialog-trigger",
+      className: t,
       ...o
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 220,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), ne = l.forwardRef(
-  function(e, o) {
-    return /* @__PURE__ */ a.jsxDEV(
-      C,
+}), st = n.forwardRef(
+  function(t, o) {
+    return /* @__PURE__ */ e(
+      R,
       {
         "data-slot": "dialog-portal",
-        [n]: "dialog-portal",
-        ...e
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-        lineNumber: 237,
-        columnNumber: 7
-      },
-      this
+        [l]: "dialog-portal",
+        ...t
+      }
     );
   }
-), se = l.forwardRef(function({ className: e, ...o }, i) {
-  const t = d();
-  return /* @__PURE__ */ a.jsxDEV(
-    y,
+), dt = n.forwardRef(function({ className: t, ...o }, a) {
+  const i = c();
+  return /* @__PURE__ */ e(
+    z,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dialog-overlay",
-      [n]: "dialog-overlay",
-      className: m(t.overlay, e),
+      [l]: "dialog-overlay",
+      className: d(i.overlay, t),
       ...o
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 257,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), me = l.forwardRef(function({
-  className: e,
+}), ct = n.forwardRef(function({
+  className: t,
   children: o,
-  showCloseButton: i = !0,
-  flush: t = !1,
+  showCloseButton: a = !0,
+  flush: i = !1,
   size: g = "lg",
-  ...N
-}, b) {
-  const c = d(), p = j();
-  return /* @__PURE__ */ a.jsxDEV(
-    D,
+  ...D
+}, C) {
+  const m = c(), p = L();
+  return /* @__PURE__ */ x(
+    b,
     {
-      ref: b,
+      ref: C,
       "data-slot": "dialog-content",
-      [n]: "dialog-content",
+      [l]: "dialog-content",
       ...p !== void 0 ? { "data-density": p } : {},
       "data-size": g,
-      className: m(
-        c.content,
-        !t && c.contentPadding,
-        e
+      className: d(
+        m.content,
+        !i && m.contentPadding,
+        t
       ),
-      ...N,
+      ...D,
       children: [
         o,
-        i && /* @__PURE__ */ a.jsxDEV(
-          h,
+        a && /* @__PURE__ */ x(
+          y,
           {
             "data-slot": "dialog-close",
-            [n]: "dialog-close",
-            className: c.closeButton,
+            [l]: "dialog-close",
+            className: m.closeButton,
             children: [
-              /* @__PURE__ */ a.jsxDEV(J, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-                lineNumber: 327,
-                columnNumber: 11
-              }, this),
-              /* @__PURE__ */ a.jsxDEV("span", { className: c.srOnly, children: "Close" }, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-                lineNumber: 328,
-                columnNumber: 11
-              }, this)
+              /* @__PURE__ */ e(U, {}),
+              /* @__PURE__ */ e("span", { className: m.srOnly, children: "Close" })
             ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-            lineNumber: 322,
-            columnNumber: 9
-          },
-          this
+          }
         )
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 307,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), de = l.forwardRef(function({ className: e, children: o, ...i }, t) {
-  const g = d();
-  return /* @__PURE__ */ a.jsxDEV(
-    h,
+}), mt = n.forwardRef(function({ className: t, children: o, ...a }, i) {
+  const g = c();
+  return /* @__PURE__ */ e(
+    y,
     {
-      ref: t,
+      ref: i,
       "data-slot": "dialog-close",
-      [n]: "dialog-close",
-      className: m(g.close, e),
-      ...i,
+      [l]: "dialog-close",
+      className: d(g.close, t),
+      ...a,
       children: o
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 346,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), ce = l.forwardRef(
-  function({ className: e, ...o }, i) {
-    const t = d();
-    return /* @__PURE__ */ a.jsxDEV(
+}), gt = n.forwardRef(
+  function({ className: t, ...o }, a) {
+    const i = c();
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: i,
+        ref: a,
         "data-slot": "dialog-header",
-        [n]: "dialog-header",
-        className: m(t.header, e),
+        [l]: "dialog-header",
+        className: d(i.header, t),
         ...o
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-        lineNumber: 365,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), ge = l.forwardRef(
-  function({ className: e, ...o }, i) {
-    const t = d();
-    return /* @__PURE__ */ a.jsxDEV(
+), ft = n.forwardRef(
+  function({ className: t, ...o }, a) {
+    const i = c();
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: i,
+        ref: a,
         "data-slot": "dialog-footer",
-        [n]: "dialog-footer",
-        className: m(t.footer, e),
+        [l]: "dialog-footer",
+        className: d(i.footer, t),
         ...o
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-        lineNumber: 383,
-        columnNumber: 7
-      },
-      this
+      }
     );
   }
-), ue = l.forwardRef(function({ className: e, ...o }, i) {
-  const t = d();
-  return /* @__PURE__ */ a.jsxDEV(
-    k,
+), ut = n.forwardRef(function({ className: t, ...o }, a) {
+  const i = c();
+  return /* @__PURE__ */ e(
+    S,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dialog-title",
-      [n]: "dialog-title",
-      className: m(t.title, e),
+      [l]: "dialog-title",
+      className: d(i.title, t),
       ...o
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 405,
-      columnNumber: 5
-    },
-    this
+    }
   );
-}), fe = l.forwardRef(function({ className: e, ...o }, i) {
-  const t = d();
-  return /* @__PURE__ */ a.jsxDEV(
-    w,
+}), pt = n.forwardRef(function({ className: t, ...o }, a) {
+  const i = c();
+  return /* @__PURE__ */ e(
+    v,
     {
-      ref: i,
+      ref: a,
       "data-slot": "dialog-description",
-      [n]: "dialog-description",
-      className: m(t.description, e),
+      [l]: "dialog-description",
+      className: d(i.description, t),
       ...o
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/dialog/dialog.tsx",
-      lineNumber: 426,
-      columnNumber: 5
-    },
-    this
+    }
   );
 });
 export {
-  le as Dialog,
-  de as DialogClose,
-  me as DialogContent,
-  fe as DialogDescription,
-  ge as DialogFooter,
-  ce as DialogHeader,
-  se as DialogOverlay,
-  ne as DialogPortal,
-  ue as DialogTitle,
-  re as DialogTrigger
+  rt as Dialog,
+  mt as DialogClose,
+  ct as DialogContent,
+  pt as DialogDescription,
+  ft as DialogFooter,
+  gt as DialogHeader,
+  dt as DialogOverlay,
+  st as DialogPortal,
+  ut as DialogTitle,
+  lt as DialogTrigger
 };
 //# sourceMappingURL=dialog.js.map