@szum-tech/design-system 3.15.0 → 3.17.0

package/dist/components/dropdown-menu/index.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var chunkYBFG2IRJ_cjs = require('../../chunk-YBFG2IRJ.cjs');
+require('../../chunk-H2BWO3SI.cjs');
+
+
+
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenu; }
+});
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuCheckboxItem; }
+});
+Object.defineProperty(exports, "DropdownMenuContent", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuContent; }
+});
+Object.defineProperty(exports, "DropdownMenuGroup", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuGroup; }
+});
+Object.defineProperty(exports, "DropdownMenuItem", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuItem; }
+});
+Object.defineProperty(exports, "DropdownMenuItemVariant", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuItemVariant; }
+});
+Object.defineProperty(exports, "DropdownMenuLabel", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuLabel; }
+});
+Object.defineProperty(exports, "DropdownMenuPortal", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuPortal; }
+});
+Object.defineProperty(exports, "DropdownMenuRadioGroup", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuRadioGroup; }
+});
+Object.defineProperty(exports, "DropdownMenuRadioItem", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuRadioItem; }
+});
+Object.defineProperty(exports, "DropdownMenuSeparator", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuSeparator; }
+});
+Object.defineProperty(exports, "DropdownMenuShortcut", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuShortcut; }
+});
+Object.defineProperty(exports, "DropdownMenuSub", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuSub; }
+});
+Object.defineProperty(exports, "DropdownMenuSubContent", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuSubContent; }
+});
+Object.defineProperty(exports, "DropdownMenuSubTrigger", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuSubTrigger; }
+});
+Object.defineProperty(exports, "DropdownMenuTrigger", {
+  enumerable: true,
+  get: function () { return chunkYBFG2IRJ_cjs.DropdownMenuTrigger; }
+});

package/dist/components/dropdown-menu/index.d.cts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+
+type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
+declare function DropdownMenu(props: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenu$1.Portal>;
+declare function DropdownMenuPortal(props: DropdownMenuPortalProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Trigger>;
+declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content>;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenu$1.Group>;
+declare function DropdownMenuGroup(props: DropdownMenuGroupProps): react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuItemVariant: {
+    readonly DEFAULT: "default";
+    readonly ERROR: "error";
+};
+type DropdownMenuItemVariantType = (typeof DropdownMenuItemVariant)[keyof typeof DropdownMenuItemVariant];
+
+type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenu$1.Item> & {
+    inset?: boolean;
+    variant?: DropdownMenuItemVariantType;
+};
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
+    inset?: boolean;
+};
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenu$1.RadioGroup>;
+declare function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
+    inset?: boolean;
+};
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenu$1.Label> & {
+    inset?: boolean;
+};
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenu$1.Separator>;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuShortcutProps = React.ComponentProps<"span">;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenu$1.Sub>;
+declare function DropdownMenuSub(props: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+    inset?: boolean;
+};
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
+declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuItemVariant, type DropdownMenuItemVariantType, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/components/dropdown-menu/index.d.ts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DropdownMenu as DropdownMenu$1 } from 'radix-ui';
+
+type DropdownMenuProps = React.ComponentProps<typeof DropdownMenu$1.Root>;
+declare function DropdownMenu(props: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuPortalProps = React.ComponentProps<typeof DropdownMenu$1.Portal>;
+declare function DropdownMenuPortal(props: DropdownMenuPortalProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuTriggerProps = React.ComponentProps<typeof DropdownMenu$1.Trigger>;
+declare function DropdownMenuTrigger(props: DropdownMenuTriggerProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenu$1.Content>;
+declare function DropdownMenuContent({ className, align, sideOffset, ...props }: DropdownMenuContentProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuGroupProps = React.ComponentProps<typeof DropdownMenu$1.Group>;
+declare function DropdownMenuGroup(props: DropdownMenuGroupProps): react_jsx_runtime.JSX.Element;
+
+declare const DropdownMenuItemVariant: {
+    readonly DEFAULT: "default";
+    readonly ERROR: "error";
+};
+type DropdownMenuItemVariantType = (typeof DropdownMenuItemVariant)[keyof typeof DropdownMenuItemVariant];
+
+type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenu$1.Item> & {
+    inset?: boolean;
+    variant?: DropdownMenuItemVariantType;
+};
+declare function DropdownMenuItem({ className, inset, variant, ...props }: DropdownMenuItemProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenu$1.CheckboxItem> & {
+    inset?: boolean;
+};
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: DropdownMenuCheckboxItemProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenu$1.RadioGroup>;
+declare function DropdownMenuRadioGroup(props: DropdownMenuRadioGroupProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenu$1.RadioItem> & {
+    inset?: boolean;
+};
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: DropdownMenuRadioItemProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuLabelProps = React.ComponentProps<typeof DropdownMenu$1.Label> & {
+    inset?: boolean;
+};
+declare function DropdownMenuLabel({ className, inset, ...props }: DropdownMenuLabelProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSeparatorProps = React.ComponentProps<typeof DropdownMenu$1.Separator>;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuShortcutProps = React.ComponentProps<"span">;
+declare function DropdownMenuShortcut({ className, ...props }: DropdownMenuShortcutProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSubProps = React.ComponentProps<typeof DropdownMenu$1.Sub>;
+declare function DropdownMenuSub(props: DropdownMenuSubProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSubTriggerProps = React.ComponentProps<typeof DropdownMenu$1.SubTrigger> & {
+    inset?: boolean;
+};
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: DropdownMenuSubTriggerProps): react_jsx_runtime.JSX.Element;
+
+type DropdownMenuSubContentProps = React.ComponentProps<typeof DropdownMenu$1.SubContent>;
+declare function DropdownMenuSubContent({ className, ...props }: DropdownMenuSubContentProps): react_jsx_runtime.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuItemVariant, type DropdownMenuItemVariantType, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/components/dropdown-menu/index.js

@@ -0,0 +1,2 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemVariant, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-OXZQGDTR.js';
+import '../../chunk-ZD2QRAOX.js';

package/dist/components/field/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkDTYX7CYN_cjs = require('../../chunk-DTYX7CYN.cjs');
-require('../../chunk-UIOBJSKZ.cjs');
+var chunkHPICKLBZ_cjs = require('../../chunk-HPICKLBZ.cjs');
+require('../../chunk-DUAM4RTP.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-H2BWO3SI.cjs');
 
@@ -9,41 +9,41 @@ require('../../chunk-H2BWO3SI.cjs');
 
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.Field; }
+  get: function () { return chunkHPICKLBZ_cjs.Field; }
 });
 Object.defineProperty(exports, "FieldContent", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldContent; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldContent; }
 });
 Object.defineProperty(exports, "FieldDescription", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldDescription; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldDescription; }
 });
 Object.defineProperty(exports, "FieldError", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldError; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldError; }
 });
 Object.defineProperty(exports, "FieldGroup", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldGroup; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldGroup; }
 });
 Object.defineProperty(exports, "FieldLabel", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldLabel; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldLabel; }
 });
 Object.defineProperty(exports, "FieldLegend", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldLegend; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldLegend; }
 });
 Object.defineProperty(exports, "FieldSeparator", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldSeparator; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldSeparator; }
 });
 Object.defineProperty(exports, "FieldSet", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldSet; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldSet; }
 });
 Object.defineProperty(exports, "FieldTitle", {
   enumerable: true,
-  get: function () { return chunkDTYX7CYN_cjs.FieldTitle; }
+  get: function () { return chunkHPICKLBZ_cjs.FieldTitle; }
 });

package/dist/components/field/index.js

@@ -1,4 +1,4 @@
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-3MH6P44N.js';
-import '../../chunk-XJIUGEPN.js';
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from '../../chunk-3DP3VMPN.js';
+import '../../chunk-A72LE53B.js';
 import '../../chunk-I3RSTJP6.js';
 import '../../chunk-ZD2QRAOX.js';

package/dist/components/header/index.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunk6X26XC6P_cjs = require('../../chunk-6X26XC6P.cjs');
+var chunk5B37TQYT_cjs = require('../../chunk-5B37TQYT.cjs');
+require('../../chunk-H2BWO3SI.cjs');
 
 
 
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function () { return chunk6X26XC6P_cjs.Header; }
+  get: function () { return chunk5B37TQYT_cjs.Header; }
 });

package/dist/components/header/index.d.cts

@@ -1,9 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-type HeaderProps = React.RefAttributes<HTMLHtmlElement> & {
+type HeaderProps = React.ComponentProps<"header"> & {
     children?: React.ReactNode;
+    /**
+     * Controls the width constraint of the header's inner content area.
+     *
+     * - `"container"` – Constrains content to the responsive `container` max-width (default).
+     * - `"full"` – Stretches content to the full viewport width with horizontal padding.
+     *
+     * @default "container"
+     */
+    variant?: "full" | "container";
 };
-declare function Header({ children, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ children, variant, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 export { Header, type HeaderProps };

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

@@ -1,9 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-type HeaderProps = React.RefAttributes<HTMLHtmlElement> & {
+type HeaderProps = React.ComponentProps<"header"> & {
     children?: React.ReactNode;
+    /**
+     * Controls the width constraint of the header's inner content area.
+     *
+     * - `"container"` – Constrains content to the responsive `container` max-width (default).
+     * - `"full"` – Stretches content to the full viewport width with horizontal padding.
+     *
+     * @default "container"
+     */
+    variant?: "full" | "container";
 };
-declare function Header({ children, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ children, variant, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
 
 export { Header, type HeaderProps };

package/dist/components/header/index.js

@@ -1 +1,2 @@
-export { Header } from '../../chunk-VT5GDGZJ.js';
+export { Header } from '../../chunk-I3E75OQX.js';
+import '../../chunk-ZD2QRAOX.js';