@godxjp/ui 12.1.0 → 13.0.0

package/dist/props/components/index.d.ts

@@ -1,24 +1,24 @@
-export { A as AppShellProp, P as PageContainerProp, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../../layout.prop-B1yQPUNZ.js';
-export { B as ButtonProp } from '../../general.prop-DoHDCRmL.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, h as RadioProp, S as SearchInputProp, m as ShowCheckedStrategyProp, n as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../../data-entry.prop-6J0o45se.js';
-export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-Cf2p9QC4.js';
-export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../../feedback.prop-Nc9Aa8SV.js';
-export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-Dog-EAfG.js';
-export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../../navigation.prop-Dumy196X.js';
-export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../../app.prop-Cy6dJnU8.js';
-export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-Bc6r6JJW.js';
+export { A as AppShellProp, P as PageContainerProp, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../../layout.prop-ChLFNGJ6.js';
+export { B as ButtonProp } from '../../general.prop-1GgJkf4b.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../../data-entry.prop-BGxD81Lf.js';
+export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../../data-display.prop-BOtnzI17.js';
+export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../../feedback.prop-CtrL24E1.js';
+export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-CyNxaCHe.js';
+export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../../navigation.prop-Cc_Iu87S.js';
+export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../../app.prop-CVY8V4ss.js';
+export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../../form.prop-5cyL3bvT.js';
 import 'react';
-import '../../shared.prop-BsNSXeqD.js';
+import '../../shared.prop-BvMSLFJ6.js';
 import '../../content.prop-DrV_zDy-.js';
 import '../../layout.prop-CXvl2rVR.js';
-import '../../navigation.prop-BKlxd-j7.js';
-import '../../interaction.prop-DSFizzP6.js';
+import '../../navigation.prop-CXDaVNaR.js';
+import '../../interaction.prop-R77MnAMZ.js';
 import '@radix-ui/react-checkbox';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-slider';
 import '@radix-ui/react-switch';
 import 'react-day-picker';
-import '../../data.prop-DMYMNl6L.js';
+import '../../data.prop-D4uDw_SW.js';
 import '@tanstack/react-query';
 import 'react-router-dom';
 import 'date-fns';

package/dist/props/index.d.ts

@@ -1,18 +1,18 @@
-export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DefaultOpenProp, b as DefaultValueProp, c as DisabledProp, E as ErrorProp, H as HandlerProp, d as HelperProp, I as IdProp, L as LabelProp, N as NameProp, O as OnChangeProp, e as OnClickProp, f as OnOpenChangeProp, g as OnValueChangeProp, h as OpenProp, P as PendingProp, i as PlaceholderProp, R as RequiredProp, V as ValueProp } from '../shared.prop-BsNSXeqD.js';
+export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DefaultOpenProp, b as DefaultValueProp, c as DisabledProp, E as ErrorProp, H as HandlerProp, d as HelperProp, I as IdProp, L as LabelProp, N as NameProp, O as OnChangeProp, e as OnClickProp, f as OnOpenChangeProp, g as OnValueChangeProp, h as OpenProp, P as PendingProp, i as PlaceholderProp, R as RequiredProp, V as ValueProp, W as WidthProp } from '../shared.prop-BvMSLFJ6.js';
 export { A as ActionProp, a as ActionsProp, C as CancelLabelProp, b as ConfirmLabelProp, D as DescriptionProp, E as EmptyMessageProp, c as ExtraProp, F as FooterProp, I as IconProp, S as SubtitleProp, T as TitleProp } from '../content.prop-DrV_zDy-.js';
 export { D as DensityProp, G as GapProp, P as PageContainerVariantProp, a as PageDensityProp, T as TableDensityProp } from '../layout.prop-CXvl2rVR.js';
-export { A as AlertVariantProp, B as ButtonSizeProp, a as ButtonVariantProp, C as ColumnAlignProp, b as ConfirmVariantProp, S as SizeProp, c as SortDirectionProp, d as SortStateProp, T as ToneProp } from '../interaction.prop-DSFizzP6.js';
-export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp } from '../navigation.prop-BKlxd-j7.js';
-export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-DMYMNl6L.js';
-export { A as AppShellProp, P as PageContainerProp, P as PageContainerProps, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../layout.prop-B1yQPUNZ.js';
-export { B as ButtonProp, B as ButtonProps } from '../general.prop-DoHDCRmL.js';
-export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, h as RadioProp, S as SearchInputProp, m as ShowCheckedStrategyProp, n as SliderProp, o as SwitchProp, T as TextareaProp, p as TimePickerProp, q as TransferItemProp, r as TransferProp, s as TreeFieldNamesProp, t as TreeOptionProp, u as TreeSelectProp, w as UploadFileItemProp, x as UploadProp, z as UploadVariantProp } from '../data-entry.prop-6J0o45se.js';
-export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-Cf2p9QC4.js';
-export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../feedback.prop-Nc9Aa8SV.js';
-export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-Dog-EAfG.js';
-export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../navigation.prop-Dumy196X.js';
-export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../app.prop-Cy6dJnU8.js';
-export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-Bc6r6JJW.js';
+export { A as AlertVariantProp, B as BreakpointProp, a as ButtonSizeProp, b as ButtonVariantProp, C as ColumnAlignProp, c as ConfirmVariantProp, F as FormLayoutProp, S as SizeProp, d as SortDirectionProp, e as SortStateProp, T as ToneProp } from '../interaction.prop-R77MnAMZ.js';
+export { B as BreadcrumbItem, B as BreadcrumbItemProp, a as BreadcrumbProp } from '../navigation.prop-CXDaVNaR.js';
+export { C as ColumnDef, C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../data.prop-D4uDw_SW.js';
+export { A as AppShellProp, P as PageContainerProp, P as PageContainerProps, d as PageInsetProp, e as SidebarItemProp, f as SidebarProductProp, g as SidebarProp, h as SidebarSectionProp, T as TopbarProductProp, i as TopbarProjectProp, j as TopbarProp } from '../layout.prop-ChLFNGJ6.js';
+export { B as ButtonProp, B as ButtonProps } from '../general.prop-1GgJkf4b.js';
+export { C as CalendarProp, a as CascaderProp, b as CheckboxGroupProp, c as CheckboxProp, d as ChoiceOptionProp, e as ColorPickerProp, D as DatePickerProp, f as DateRangePickerProp, g as FormFieldProp, I as InputProp, R as RadioGroupProp, i as RadioProp, S as SearchInputProp, n as ShowCheckedStrategyProp, o as SliderProp, p as SwitchProp, T as TextareaProp, q as TimePickerProp, r as TransferItemProp, s as TransferProp, t as TreeFieldNamesProp, u as TreeOptionProp, v as TreeSelectProp, x as UploadFileItemProp, y as UploadProp, A as UploadVariantProp } from '../data-entry.prop-BGxD81Lf.js';
+export { B as BadgeProp, D as DataTableProp, a as DescriptionsItemProp, b as DescriptionsProp, E as EmptyStateProp } from '../data-display.prop-BOtnzI17.js';
+export { A as AlertActionsProp, a as AlertContentProp, b as AlertDescriptionProp, d as AlertProp, e as AlertQueryErrorProp, f as AlertTitleProp, S as SkeletonRowsProp } from '../feedback.prop-CtrL24E1.js';
+export { D as DataStateProp, I as InfiniteQueryHelpers, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../query.prop-CyNxaCHe.js';
+export { P as PaginationProp, S as StepItemProp, a as StepStatusProp, b as StepsProp, T as TabItemProp, c as TabsProp } from '../navigation.prop-Cc_Iu87S.js';
+export { A as AppContextValue, a as AppProviderProp, b as AppSettingKind, c as AppSettingPickerProp } from '../app.prop-CVY8V4ss.js';
+export { F as FieldErrorMessageProp, a as FormFieldControlProp, b as FormRootProp, U as UseZodFormOptionsProp, c as UseZodFormReturnProp, Z as ZodSchemaProp } from '../form.prop-5cyL3bvT.js';
 export { COMPONENT_PROP_REGISTRY, ComponentPropName, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY, VocabularyPropName } from './registry.js';
 import 'react';
 import '@radix-ui/react-checkbox';

package/dist/props/index.js

@@ -1,3 +1,3 @@
 import '../chunk-B775Y6BE.js';
 import '../chunk-ZT5UEUBO.js';
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-N6ELT7KB.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-XTVUYEJD.js';

package/dist/props/registry.d.ts

@@ -109,6 +109,11 @@ declare const VOCABULARY_REGISTRY: {
         readonly category: "shared";
         readonly description: "Radix asChild polymorphism";
     };
+    readonly WidthProp: {
+        readonly file: "vocabulary/shared.prop.ts";
+        readonly category: "shared";
+        readonly description: "Explicit layout length (number→px | CSS string) — NOT the SizeProp tier";
+    };
     readonly TitleProp: {
         readonly file: "vocabulary/content.prop.ts";
         readonly category: "content";
@@ -204,6 +209,16 @@ declare const VOCABULARY_REGISTRY: {
         readonly category: "interaction";
         readonly description: "Shared size names xs | sm | md | lg";
     };
+    readonly FormLayoutProp: {
+        readonly file: "vocabulary/interaction.prop.ts";
+        readonly category: "interaction";
+        readonly description: "Form label layout: vertical | horizontal | inline";
+    };
+    readonly BreakpointProp: {
+        readonly file: "vocabulary/interaction.prop.ts";
+        readonly category: "interaction";
+        readonly description: "Responsive breakpoint name sm | md | lg | xl (mobile-first)";
+    };
     readonly ConfirmVariantProp: {
         readonly file: "vocabulary/interaction.prop.ts";
         readonly category: "interaction";
@@ -433,10 +448,15 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["PlaceholderProp", "DisabledProp"];
     };
+    readonly FormProp: {
+        readonly group: "data-entry";
+        readonly file: "components/data-entry.prop.ts";
+        readonly vocabulary: readonly ["FormLayoutProp", "WidthProp", "BreakpointProp", "DensityProp"];
+    };
     readonly FormFieldProp: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
-        readonly vocabulary: readonly ["IdProp", "LabelProp", "RequiredProp", "HelperProp", "ErrorProp"];
+        readonly vocabulary: readonly ["IdProp", "LabelProp", "RequiredProp", "HelperProp", "ErrorProp", "FormLayoutProp", "WidthProp"];
     };
     readonly SearchInputProp: {
         readonly group: "data-entry";
@@ -512,7 +532,7 @@ declare const COMPONENT_PROP_REGISTRY: {
         readonly group: "data-entry";
         readonly file: "components/data-entry.prop.ts";
         readonly vocabulary: readonly ["ValueProp", "OnValueChangeProp", "PlaceholderProp", "EmptyMessageProp", "DisabledProp", "NameProp", "IdProp", "ClassNameProp"];
-        readonly note: "Deprecated — the searchable engine behind `<Select options showSearch>`; prefer Select.";
+        readonly note: "Internal — the searchable engine behind `<Select options showSearch>` (not public API); use Select.";
     };
     readonly SelectDataProp: {
         readonly group: "data-entry";

package/dist/props/registry.js

@@ -1 +1 @@
-export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-N6ELT7KB.js';
+export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-XTVUYEJD.js';

package/dist/props/vocabulary/index.d.ts

@@ -1,7 +1,7 @@
-export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DefaultOpenProp, b as DefaultValueProp, c as DisabledProp, E as ErrorProp, H as HandlerProp, d as HelperProp, I as IdProp, L as LabelProp, N as NameProp, O as OnChangeProp, e as OnClickProp, f as OnOpenChangeProp, g as OnValueChangeProp, h as OpenProp, P as PendingProp, i as PlaceholderProp, R as RequiredProp, V as ValueProp } from '../../shared.prop-BsNSXeqD.js';
+export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DefaultOpenProp, b as DefaultValueProp, c as DisabledProp, E as ErrorProp, H as HandlerProp, d as HelperProp, I as IdProp, L as LabelProp, N as NameProp, O as OnChangeProp, e as OnClickProp, f as OnOpenChangeProp, g as OnValueChangeProp, h as OpenProp, P as PendingProp, i as PlaceholderProp, R as RequiredProp, V as ValueProp, W as WidthProp } from '../../shared.prop-BvMSLFJ6.js';
 export { A as ActionProp, a as ActionsProp, C as CancelLabelProp, b as ConfirmLabelProp, D as DescriptionProp, E as EmptyMessageProp, c as ExtraProp, F as FooterProp, I as IconProp, S as SubtitleProp, T as TitleProp } from '../../content.prop-DrV_zDy-.js';
 export { D as DensityProp, G as GapProp, P as PageContainerVariantProp, a as PageDensityProp, T as TableDensityProp } from '../../layout.prop-CXvl2rVR.js';
-export { A as AlertVariantProp, B as ButtonSizeProp, a as ButtonVariantProp, C as ColumnAlignProp, b as ConfirmVariantProp, S as SizeProp, c as SortDirectionProp, d as SortStateProp, T as ToneProp } from '../../interaction.prop-DSFizzP6.js';
-export { B as BreadcrumbItemProp, a as BreadcrumbProp } from '../../navigation.prop-BKlxd-j7.js';
-export { C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../../data.prop-DMYMNl6L.js';
+export { A as AlertVariantProp, B as BreakpointProp, a as ButtonSizeProp, b as ButtonVariantProp, C as ColumnAlignProp, c as ConfirmVariantProp, F as FormLayoutProp, S as SizeProp, d as SortDirectionProp, e as SortStateProp, T as ToneProp } from '../../interaction.prop-R77MnAMZ.js';
+export { B as BreadcrumbItemProp, a as BreadcrumbProp } from '../../navigation.prop-CXDaVNaR.js';
+export { C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../../data.prop-D4uDw_SW.js';
 import 'react';

package/dist/{query.prop-Dog-EAfG.d.ts → query.prop-CyNxaCHe.d.ts}

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { UseQueryResult, UseInfiniteQueryResult, InfiniteData, QueryKey, UseMutationResult } from '@tanstack/react-query';
 import { LinkProps } from 'react-router-dom';
-import { B as ButtonProp } from './general.prop-DoHDCRmL.js';
-import { H as HandlerProp, a as ClassNameProp } from './shared.prop-BsNSXeqD.js';
+import { B as ButtonProp } from './general.prop-1GgJkf4b.js';
+import { H as HandlerProp, a as ClassNameProp } from './shared.prop-BvMSLFJ6.js';
 
 /** Query / async lifecycle helpers — @see docs/COMPONENTS.md#query */
 

package/dist/{search-input-BR4nAWiT.d.ts → search-input-BPtjUAa1.d.ts}

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-6J0o45se.js';
+import { g as FormFieldProp, F as FieldProp } from './data-entry.prop-BGxD81Lf.js';
 import * as React from 'react';
 
-declare function FormField({ id, label, required, helper, error, labelAddon, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;
+declare function FormField({ id, label, required, helper, error, labelAddon, layout: layoutProp, labelWidth: labelWidthProp, controlWidth: controlWidthProp, colSpan, className, children, }: FormFieldProp): react_jsx_runtime.JSX.Element;
 
 /** Label + optional description beside a checkbox/radio/switch control. */
 declare function Field({ id, label, description, className, children }: FieldProp): react_jsx_runtime.JSX.Element;

package/dist/{shared.prop-BsNSXeqD.d.ts → shared.prop-BvMSLFJ6.d.ts}

@@ -47,5 +47,11 @@ type OnChangeProp = React.ChangeEventHandler<HTMLInputElement>;
 type OnClickProp = React.MouseEventHandler<HTMLButtonElement>;
 /** Radix/shadcn `asChild` polymorphism — render as child element. */
 type AsChildProp = boolean;
+/**
+ * An explicit layout dimension (NOT the `SizeProp` control-height tier). A `number` is treated as
+ * px; a `string` is any CSS length (`"32rem"`, `"90vw"`, `"50%"`). Used for Sheet `width`, Form
+ * `labelWidth`/`controlWidth` — values that are freeform lengths, not the xs|sm|md|lg tier.
+ */
+type WidthProp = number | string;
 
-export type { AsChildProp as A, ChildrenProp as C, DefaultOpenProp as D, ErrorProp as E, HandlerProp as H, IdProp as I, LabelProp as L, NameProp as N, OnChangeProp as O, PendingProp as P, RequiredProp as R, ValueProp as V, ClassNameProp as a, DefaultValueProp as b, DisabledProp as c, HelperProp as d, OnClickProp as e, OnOpenChangeProp as f, OnValueChangeProp as g, OpenProp as h, PlaceholderProp as i };
+export type { AsChildProp as A, ChildrenProp as C, DefaultOpenProp as D, ErrorProp as E, HandlerProp as H, IdProp as I, LabelProp as L, NameProp as N, OnChangeProp as O, PendingProp as P, RequiredProp as R, ValueProp as V, WidthProp as W, ClassNameProp as a, DefaultValueProp as b, DisabledProp as c, HelperProp as d, OnClickProp as e, OnOpenChangeProp as f, OnValueChangeProp as g, OpenProp as h, PlaceholderProp as i };

package/dist/styles/alert-layout.css

@@ -24,26 +24,26 @@
   }
 
   [data-slot="alert"][data-tone="destructive"] {
-    border-color: hsl(var(--destructive) / 0.3);
-    background-color: hsl(var(--destructive) / 0.05);
+    border-color: hsl(var(--destructive) / var(--alert-border-alpha));
+    background-color: hsl(var(--destructive) / var(--alert-bg-alpha));
     color: hsl(var(--foreground));
   }
 
   [data-slot="alert"][data-tone="warning"] {
-    border-color: hsl(var(--warning) / 0.3);
-    background-color: hsl(var(--warning) / 0.05);
+    border-color: hsl(var(--warning) / var(--alert-border-alpha));
+    background-color: hsl(var(--warning) / var(--alert-bg-alpha));
     color: hsl(var(--foreground));
   }
 
   [data-slot="alert"][data-tone="success"] {
-    border-color: hsl(var(--success) / 0.3);
-    background-color: hsl(var(--success) / 0.05);
+    border-color: hsl(var(--success) / var(--alert-border-alpha));
+    background-color: hsl(var(--success) / var(--alert-bg-alpha));
     color: hsl(var(--foreground));
   }
 
   [data-slot="alert"][data-tone="info"] {
-    border-color: hsl(var(--info) / 0.3);
-    background-color: hsl(var(--info) / 0.05);
+    border-color: hsl(var(--info) / var(--alert-border-alpha));
+    background-color: hsl(var(--info) / var(--alert-bg-alpha));
     color: hsl(var(--foreground));
   }