@accelint/design-toolkit 9.8.0 → 9.9.0

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

@@ -12,7 +12,7 @@
 
 import { PopoverProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime138 from "react/jsx-runtime";
+import * as react_jsx_runtime151 from "react/jsx-runtime";
 
 //#region src/components/popover/index.d.ts
 
@@ -58,7 +58,7 @@ declare function Popover({
   classNames,
   dialogProps,
   ...rest
-}: PopoverProps): react_jsx_runtime138.JSX.Element;
+}: PopoverProps): react_jsx_runtime151.JSX.Element;
 //#endregion
 export { Popover };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/popover/title.d.ts

@@ -12,7 +12,7 @@
 
 import "client-only";
 import { HeadingProps } from "react-aria-components";
-import * as react_jsx_runtime140 from "react/jsx-runtime";
+import * as react_jsx_runtime142 from "react/jsx-runtime";
 
 //#region src/components/popover/title.d.ts
 /**
@@ -33,7 +33,7 @@ import * as react_jsx_runtime140 from "react/jsx-runtime";
 declare function PopoverTitle({
   className,
   ...rest
-}: HeadingProps): react_jsx_runtime140.JSX.Element;
+}: HeadingProps): react_jsx_runtime142.JSX.Element;
 //#endregion
 export { PopoverTitle };
 //# sourceMappingURL=title.d.ts.map

package/dist/components/popover/trigger.d.ts

@@ -12,7 +12,7 @@
 
 import { PopoverTriggerProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime141 from "react/jsx-runtime";
+import * as react_jsx_runtime152 from "react/jsx-runtime";
 
 //#region src/components/popover/trigger.d.ts
 
@@ -41,7 +41,7 @@ declare function PopoverTrigger({
   ref,
   children,
   ...rest
-}: PopoverTriggerProps): react_jsx_runtime141.JSX.Element;
+}: PopoverTriggerProps): react_jsx_runtime152.JSX.Element;
 //#endregion
 export { PopoverTrigger };
 //# sourceMappingURL=trigger.d.ts.map

package/dist/components/query-builder/action-element.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime143 from "react/jsx-runtime";
+import * as react_jsx_runtime145 from "react/jsx-runtime";
 import { ActionProps } from "react-querybuilder";
 
 //#region src/components/query-builder/action-element.d.ts
@@ -38,7 +38,7 @@ declare function ActionElement({
   disabledTranslation,
   title: titleProp,
   handleOnClick
-}: ActionProps): react_jsx_runtime143.JSX.Element;
+}: ActionProps): react_jsx_runtime145.JSX.Element;
 //#endregion
 export { ActionElement };
 //# sourceMappingURL=action-element.d.ts.map

package/dist/components/query-builder/actions.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime144 from "react/jsx-runtime";
+import * as react_jsx_runtime146 from "react/jsx-runtime";
 import { ActionProps } from "react-querybuilder";
 
 //#region src/components/query-builder/actions.d.ts
@@ -30,7 +30,7 @@ declare function RemoveRuleAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime144.JSX.Element;
+}: ActionProps): react_jsx_runtime146.JSX.Element;
 /**
  * Lock/unlock toggle button for rules or groups
  *
@@ -46,7 +46,7 @@ declare function LockAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime144.JSX.Element;
+}: ActionProps): react_jsx_runtime146.JSX.Element;
 /**
  * Duplicate button for cloning rules or groups
  *
@@ -62,7 +62,7 @@ declare function CloneAction({
   handleOnClick,
   className,
   ...rest
-}: ActionProps): react_jsx_runtime144.JSX.Element;
+}: ActionProps): react_jsx_runtime146.JSX.Element;
 //#endregion
 export { CloneAction, LockAction, RemoveRuleAction };
 //# sourceMappingURL=actions.d.ts.map

package/dist/components/query-builder/combinator-selector.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime147 from "react/jsx-runtime";
+import * as react_jsx_runtime150 from "react/jsx-runtime";
 import { CombinatorSelectorProps } from "react-querybuilder";
 
 //#region src/components/query-builder/combinator-selector.d.ts
@@ -27,7 +27,7 @@ declare function CombinatorSelector({
   options,
   value,
   handleOnChange
-}: CombinatorSelectorProps): react_jsx_runtime147.JSX.Element;
+}: CombinatorSelectorProps): react_jsx_runtime150.JSX.Element;
 //#endregion
 export { CombinatorSelector };
 //# sourceMappingURL=combinator-selector.d.ts.map

package/dist/components/query-builder/index.d.ts

@@ -12,7 +12,7 @@
 
 import { QueryBuilderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime148 from "react/jsx-runtime";
+import * as react_jsx_runtime135 from "react/jsx-runtime";
 
 //#region src/components/query-builder/index.d.ts
 
@@ -55,7 +55,7 @@ declare function QueryBuilder({
   orientation,
   showRuleLines,
   ...rest
-}: QueryBuilderProps): react_jsx_runtime148.JSX.Element;
+}: QueryBuilderProps): react_jsx_runtime135.JSX.Element;
 //#endregion
 export { QueryBuilder };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/query-builder/rule-group.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime149 from "react/jsx-runtime";
+import * as react_jsx_runtime136 from "react/jsx-runtime";
 import { RuleGroupProps, useRuleGroup } from "react-querybuilder";
 
 //#region src/components/query-builder/rule-group.d.ts
@@ -33,7 +33,7 @@ import { RuleGroupProps, useRuleGroup } from "react-querybuilder";
  * @param props - RuleGroupProps from react-querybuilder.
  * @returns The rendered RuleGroup component.
  */
-declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime149.JSX.Element;
+declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime136.JSX.Element;
 /**
  * Header section with combinator selector and group actions (clone, lock, remove)
  *
@@ -49,7 +49,7 @@ declare function RuleGroup(props: RuleGroupProps): react_jsx_runtime149.JSX.Elem
  * @param ruleGroup - Combined RuleGroupProps and useRuleGroup return value.
  * @returns The rendered header with combinator and action controls.
  */
-declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime149.JSX.Element;
+declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime136.JSX.Element;
 /**
  * Footer section with add rule and add group actions
  *
@@ -65,7 +65,7 @@ declare function RuleGroupHeaderComponent(ruleGroup: RuleGroupProps & ReturnType
  * @param ruleGroup - Combined RuleGroupProps and useRuleGroup return value.
  * @returns The rendered footer with add rule and add group buttons.
  */
-declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime149.JSX.Element;
+declare function RuleGroupFooterComponent(ruleGroup: RuleGroupProps & ReturnType<typeof useRuleGroup>): react_jsx_runtime136.JSX.Element;
 //#endregion
 export { RuleGroup, RuleGroupFooterComponent, RuleGroupHeaderComponent };
 //# sourceMappingURL=rule-group.d.ts.map

package/dist/components/query-builder/rule.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime152 from "react/jsx-runtime";
+import * as react_jsx_runtime139 from "react/jsx-runtime";
 import { RuleProps } from "react-querybuilder";
 
 //#region src/components/query-builder/rule.d.ts
@@ -33,7 +33,7 @@ import { RuleProps } from "react-querybuilder";
  * @param props - RuleProps from react-querybuilder.
  * @returns The rendered Rule component with all selectors and actions.
  */
-declare function Rule(props: RuleProps): react_jsx_runtime152.JSX.Element;
+declare function Rule(props: RuleProps): react_jsx_runtime139.JSX.Element;
 //#endregion
 export { Rule };
 //# sourceMappingURL=rule.d.ts.map

package/dist/components/query-builder/value-editor.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime153 from "react/jsx-runtime";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
 import { ValueEditorProps } from "react-querybuilder";
 
 //#region src/components/query-builder/value-editor.d.ts
@@ -36,7 +36,7 @@ import { ValueEditorProps } from "react-querybuilder";
  * @param props - ValueEditorProps from react-querybuilder.
  * @returns The rendered value editor, or null for null/notNull operators.
  */
-declare function ValueEditor(props: ValueEditorProps): react_jsx_runtime153.JSX.Element | null;
+declare function ValueEditor(props: ValueEditorProps): react_jsx_runtime143.JSX.Element | null;
 //#endregion
 export { ValueEditor };
 //# sourceMappingURL=value-editor.d.ts.map

package/dist/components/query-builder/value-selector.d.ts

@@ -11,7 +11,7 @@
  */
 
 import "client-only";
-import * as react_jsx_runtime156 from "react/jsx-runtime";
+import * as react_jsx_runtime144 from "react/jsx-runtime";
 import { ValueSelectorProps } from "react-querybuilder";
 
 //#region src/components/query-builder/value-selector.d.ts
@@ -36,7 +36,7 @@ import { ValueSelectorProps } from "react-querybuilder";
  * @param props - ValueSelectorProps from react-querybuilder.
  * @returns The rendered ValueSelector dropdown.
  */
-declare function ValueSelector(props: ValueSelectorProps): react_jsx_runtime156.JSX.Element;
+declare function ValueSelector(props: ValueSelectorProps): react_jsx_runtime144.JSX.Element;
 //#endregion
 export { ValueSelector };
 //# sourceMappingURL=value-selector.d.ts.map

package/dist/components/radio/group.d.ts

@@ -12,7 +12,7 @@
 
 import { RadioGroupProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime154 from "react/jsx-runtime";
+import * as react_jsx_runtime149 from "react/jsx-runtime";
 
 //#region src/components/radio/group.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime154 from "react/jsx-runtime";
 declare function RadioGroup({
   ref,
   ...props
-}: RadioGroupProps): react_jsx_runtime154.JSX.Element;
+}: RadioGroupProps): react_jsx_runtime149.JSX.Element;
 //#endregion
 export { RadioGroup };
 //# sourceMappingURL=group.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { RadioProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime155 from "react/jsx-runtime";
+import * as react_jsx_runtime157 from "react/jsx-runtime";
 
 //#region src/components/radio/index.d.ts
 
@@ -37,7 +37,7 @@ import * as react_jsx_runtime155 from "react/jsx-runtime";
 declare function Radio({
   ref,
   ...props
-}: RadioProps): react_jsx_runtime155.JSX.Element;
+}: RadioProps): react_jsx_runtime157.JSX.Element;
 //#endregion
 export { Radio };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-field/context.d.ts

@@ -13,9 +13,9 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SearchFieldProps as SearchFieldProps$1 } from "./types.js";
 import "client-only";
-import * as react39 from "react";
+import * as react40 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime157 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 
 //#region src/components/search-field/context.d.ts
 /**
@@ -23,7 +23,7 @@ import * as react_jsx_runtime157 from "react/jsx-runtime";
  *
  * Provides context for SearchField component to share props
  */
-declare const SearchFieldContext: react39.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
+declare const SearchFieldContext: react40.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
 /**
  * Provider for SearchField component
  *
@@ -35,7 +35,7 @@ declare const SearchFieldContext: react39.Context<ContextValue<SearchFieldProps$
 declare function SearchFieldProvider({
   children,
   ...props
-}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime157.JSX.Element;
+}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { SearchFieldContext, SearchFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/search-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SearchFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime158 from "react/jsx-runtime";
+import * as react_jsx_runtime160 from "react/jsx-runtime";
 
 //#region src/components/search-field/index.d.ts
 
@@ -41,7 +41,7 @@ import * as react_jsx_runtime158 from "react/jsx-runtime";
 declare function SearchField({
   ref,
   ...props
-}: SearchFieldProps): react_jsx_runtime158.JSX.Element;
+}: SearchFieldProps): react_jsx_runtime160.JSX.Element;
 //#endregion
 export { SearchField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select-field/context.d.ts

@@ -13,13 +13,13 @@
 import { ProviderProps } from "../../lib/types.js";
 import { SelectFieldProps } from "./types.js";
 import "client-only";
-import * as react40 from "react";
+import * as react41 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime159 from "react/jsx-runtime";
+import * as react_jsx_runtime161 from "react/jsx-runtime";
 
 //#region src/components/select-field/context.d.ts
 /** Context for SelectField component */
-declare const SelectFieldContext: react40.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
+declare const SelectFieldContext: react41.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
 /**
  * Provider for setting default props across multiple SelectField components
  *
@@ -29,7 +29,7 @@ declare const SelectFieldContext: react40.Context<ContextValue<SelectFieldProps,
 declare function SelectFieldProvider({
   children,
   ...props
-}: ProviderProps<SelectFieldProps>): react_jsx_runtime159.JSX.Element;
+}: ProviderProps<SelectFieldProps>): react_jsx_runtime161.JSX.Element;
 //#endregion
 export { SelectFieldContext, SelectFieldProvider };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/select-field/index.d.ts

@@ -12,7 +12,7 @@
 
 import { SelectFieldProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime160 from "react/jsx-runtime";
+import * as react_jsx_runtime162 from "react/jsx-runtime";
 
 //#region src/components/select-field/index.d.ts
 
@@ -43,7 +43,7 @@ import * as react_jsx_runtime160 from "react/jsx-runtime";
 declare function SelectField({
   ref,
   ...props
-}: SelectFieldProps): react_jsx_runtime160.JSX.Element;
+}: SelectFieldProps): react_jsx_runtime162.JSX.Element;
 //#endregion
 export { SelectField };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidenav/avatar.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavAvatarProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime202 from "react/jsx-runtime";
+import * as react_jsx_runtime163 from "react/jsx-runtime";
 
 //#region src/components/sidenav/avatar.d.ts
 
@@ -41,7 +41,7 @@ declare function SidenavAvatar({
   children,
   className,
   ...rest
-}: SidenavAvatarProps): react_jsx_runtime202.JSX.Element;
+}: SidenavAvatarProps): react_jsx_runtime163.JSX.Element;
 //#endregion
 export { SidenavAvatar };
 //# sourceMappingURL=avatar.d.ts.map

package/dist/components/sidenav/content.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavContentProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime95 from "react/jsx-runtime";
+import * as react_jsx_runtime105 from "react/jsx-runtime";
 
 //#region src/components/sidenav/content.d.ts
 
@@ -45,7 +45,7 @@ declare function SidenavContent({
   className,
   children,
   ...rest
-}: SidenavContentProps): react_jsx_runtime95.JSX.Element;
+}: SidenavContentProps): react_jsx_runtime105.JSX.Element;
 //#endregion
 export { SidenavContent };
 //# sourceMappingURL=content.d.ts.map

package/dist/components/sidenav/context.d.ts

@@ -12,11 +12,11 @@
 
 import { SidenavContextValue } from "./types.js";
 import "client-only";
-import * as react41 from "react";
+import * as react34 from "react";
 
 //#region src/components/sidenav/context.d.ts
 /** Context for sidenav state and identification */
-declare const SidenavContext: react41.Context<SidenavContextValue>;
+declare const SidenavContext: react34.Context<SidenavContextValue>;
 //#endregion
 export { SidenavContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/components/sidenav/footer.d.ts

@@ -11,7 +11,7 @@
  */
 
 import { SidenavFooterProps } from "./types.js";
-import * as react_jsx_runtime164 from "react/jsx-runtime";
+import * as react_jsx_runtime128 from "react/jsx-runtime";
 
 //#region src/components/sidenav/footer.d.ts
 
@@ -33,7 +33,7 @@ import * as react_jsx_runtime164 from "react/jsx-runtime";
  * @param props - {@link SidenavFooterProps}
  * @returns The rendered SidenavFooter component.
  */
-declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime164.JSX.Element;
+declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime128.JSX.Element;
 //#endregion
 export { SidenavFooter };
 //# sourceMappingURL=footer.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavHeaderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime162 from "react/jsx-runtime";
+import * as react_jsx_runtime164 from "react/jsx-runtime";
 
 //#region src/components/sidenav/header.d.ts
 
@@ -42,7 +42,7 @@ declare function SidenavHeader({
   children,
   classNames,
   ...rest
-}: SidenavHeaderProps): react_jsx_runtime162.JSX.Element;
+}: SidenavHeaderProps): react_jsx_runtime164.JSX.Element;
 //#endregion
 export { SidenavHeader };
 //# sourceMappingURL=header.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SidenavProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime163 from "react/jsx-runtime";
+import * as react_jsx_runtime165 from "react/jsx-runtime";
 
 //#region src/components/sidenav/index.d.ts
 
@@ -87,7 +87,7 @@ declare function Sidenav({
   isHiddenWhenClosed,
   children,
   ...rest
-}: SidenavProps): react_jsx_runtime163.JSX.Element | null;
+}: SidenavProps): react_jsx_runtime165.JSX.Element | null;
 //#endregion
 export { Sidenav };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sidenav/item.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavItemProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime165 from "react/jsx-runtime";
+import * as react_jsx_runtime166 from "react/jsx-runtime";
 
 //#region src/components/sidenav/item.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavItem({
   classNames,
   textValue,
   ...rest
-}: SidenavItemProps): react_jsx_runtime165.JSX.Element;
+}: SidenavItemProps): react_jsx_runtime166.JSX.Element;
 //#endregion
 export { SidenavItem };
 //# sourceMappingURL=item.d.ts.map

package/dist/components/sidenav/link.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavLinkProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime166 from "react/jsx-runtime";
+import * as react_jsx_runtime167 from "react/jsx-runtime";
 
 //#region src/components/sidenav/link.d.ts
 
@@ -40,7 +40,7 @@ declare function SidenavLink({
   classNames,
   textValue,
   ...rest
-}: SidenavLinkProps): react_jsx_runtime166.JSX.Element;
+}: SidenavLinkProps): react_jsx_runtime167.JSX.Element;
 //#endregion
 export { SidenavLink };
 //# sourceMappingURL=link.d.ts.map

package/dist/components/sidenav/menu.d.ts

@@ -12,7 +12,7 @@
 
 import { SidenavMenuProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime167 from "react/jsx-runtime";
+import * as react_jsx_runtime172 from "react/jsx-runtime";
 
 //#region src/components/sidenav/menu.d.ts
 
@@ -43,7 +43,7 @@ declare function SidenavMenu({
   classNames,
   children,
   ...rest
-}: SidenavMenuProps): react_jsx_runtime167.JSX.Element;
+}: SidenavMenuProps): react_jsx_runtime172.JSX.Element;
 //#endregion
 export { SidenavMenu };
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/sidenav/trigger.js

@@ -17,8 +17,8 @@ import { SidenavEventTypes } from "./events.js";
 import "client-only";
 import { Pressable } from "react-aria-components";
 import { jsx } from "react/jsx-runtime";
-import { useEmit } from "@accelint/bus/react";
 import { isUUID } from "@accelint/core";
+import { useEmit } from "@accelint/bus/react";
 
 //#region src/components/sidenav/trigger.tsx
 /**

package/dist/components/sidenav/types.d.ts

@@ -13,8 +13,8 @@
 import { SidenavEventTypes } from "./events.js";
 import { ComponentPropsWithRef, PropsWithChildren } from "react";
 import { ButtonProps, DisclosurePanelProps, DisclosureProps, LinkProps, PopoverProps, Pressable, ToggleButtonProps } from "react-aria-components";
-import { Payload } from "@accelint/bus";
 import { UniqueId } from "@accelint/core";
+import { Payload } from "@accelint/bus";
 
 //#region src/components/sidenav/types.d.ts
 /**

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

@@ -12,7 +12,7 @@
 
 import { SliderProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime200 from "react/jsx-runtime";
+import * as react_jsx_runtime171 from "react/jsx-runtime";
 
 //#region src/components/slider/index.d.ts
 
@@ -71,7 +71,7 @@ declare function Slider({
   step: stepProp,
   value: valueProp,
   ...rest
-}: SliderProps): react_jsx_runtime200.JSX.Element;
+}: SliderProps): react_jsx_runtime171.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/styles.module.css

@@ -233,13 +233,14 @@
     @apply absolute flex flex-col items-center;
 
     @variant group-orientation-horizontal/slider {
-      @apply -translate-x-1/2;
       left: calc(var(--marker-percent) * 1%);
+      translate: calc(-1 * var(--marker-percent) * 1%) 0;
     }
 
     @variant group-orientation-vertical/slider {
-      @apply -translate-y-1/2 flex-row;
+      @apply flex-row;
       bottom: calc(var(--marker-percent) * 1%);
+      translate: 0 calc(var(--marker-percent) * 1%);
     }
   }
 

package/dist/components/status-indicator/index.d.ts

@@ -12,7 +12,7 @@
 
 import { StatusIndicatorProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime171 from "react/jsx-runtime";
+import * as react_jsx_runtime173 from "react/jsx-runtime";
 
 //#region src/components/status-indicator/index.d.ts
 /**
@@ -35,7 +35,7 @@ declare function StatusIndicator({
   className,
   status,
   ...rest
-}: StatusIndicatorProps): react_jsx_runtime171.JSX.Element;
+}: StatusIndicatorProps): react_jsx_runtime173.JSX.Element;
 //#endregion
 export { StatusIndicator };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/context.d.ts

@@ -15,7 +15,7 @@ import { SwitchProps as SwitchProps$1 } from "./types.js";
 import "client-only";
 import * as react42 from "react";
 import { ContextValue } from "react-aria-components";
-import * as react_jsx_runtime172 from "react/jsx-runtime";
+import * as react_jsx_runtime174 from "react/jsx-runtime";
 
 //#region src/components/switch/context.d.ts
 /** Context for sharing props across Switch components */
@@ -38,7 +38,7 @@ declare const SwitchContext: react42.Context<ContextValue<SwitchProps$1, HTMLLab
 declare function SwitchProvider({
   children,
   ...props
-}: ProviderProps<SwitchProps$1>): react_jsx_runtime172.JSX.Element;
+}: ProviderProps<SwitchProps$1>): react_jsx_runtime174.JSX.Element;
 //#endregion
 export { SwitchContext, SwitchProvider };
 //# sourceMappingURL=context.d.ts.map

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

@@ -12,7 +12,7 @@
 
 import { SwitchProps } from "./types.js";
 import "client-only";
-import * as react_jsx_runtime173 from "react/jsx-runtime";
+import * as react_jsx_runtime175 from "react/jsx-runtime";
 
 //#region src/components/switch/index.d.ts
 
@@ -38,7 +38,7 @@ import * as react_jsx_runtime173 from "react/jsx-runtime";
 declare function Switch({
   ref,
   ...props
-}: SwitchProps): react_jsx_runtime173.JSX.Element;
+}: SwitchProps): react_jsx_runtime175.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=index.d.ts.map