@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.6

package/radio.epf54-sG.js

@@ -0,0 +1,115 @@
+"use client";
+import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as _ } from "./chunks/index.CvOaL64Y.js";
+import { forwardRef as $, useRef as C, useState as E, useEffect as L, useCallback as O } from "react";
+import { u as P } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import './assets/radio.ewRpPo4W.css';const R = (r) => r.replace(/\s+/g, ""), U = "_radio-root_1f0rc_76", q = "_radio-root--disabled_1f0rc_95", z = "_radio-root--with-custom-area_1f0rc_98", F = "_radio_1f0rc_76", G = "_dot_1f0rc_119", J = "_radio--invalid_1f0rc_143", K = "_label_1f0rc_148", M = "_label--bold_1f0rc_161", Q = "_label--hidden_1f0rc_171", T = "_label--with-custom-area_1f0rc_183", X = "_custom-area_1f0rc_187", Y = "_hint_1f0rc_195", Z = "_hint--visible_1f0rc_217", ee = "_hint--unchecked-hidden_1f0rc_221", te = "_hint--hidden_1f0rc_226", oe = "_input_1f0rc_239", e = {
+  "radio-root": "_radio-root_1f0rc_76",
+  radioRoot: U,
+  "radio-root--disabled": "_radio-root--disabled_1f0rc_95",
+  radioRootDisabled: q,
+  "radio-root--with-custom-area": "_radio-root--with-custom-area_1f0rc_98",
+  radioRootWithCustomArea: z,
+  radio: F,
+  dot: G,
+  "radio--invalid": "_radio--invalid_1f0rc_143",
+  radioInvalid: J,
+  label: K,
+  "label--bold": "_label--bold_1f0rc_161",
+  labelBold: M,
+  "label--hidden": "_label--hidden_1f0rc_171",
+  labelHidden: Q,
+  "label--with-custom-area": "_label--with-custom-area_1f0rc_183",
+  labelWithCustomArea: T,
+  "custom-area": "_custom-area_1f0rc_187",
+  customArea: X,
+  hint: Y,
+  "hint--visible": "_hint--visible_1f0rc_217",
+  hintVisible: Z,
+  "hint--unchecked-hidden": "_hint--unchecked-hidden_1f0rc_221",
+  hintUncheckedHidden: ee,
+  "hint--hidden": "_hint--hidden_1f0rc_226",
+  hintHidden: te,
+  input: oe
+}, ie = $(
+  ({
+    label: r,
+    name: f,
+    value: b,
+    checked: m,
+    className: v,
+    customArea: a,
+    defaultChecked: x = !1,
+    disabled: s = !1,
+    hideLabel: k = !1,
+    hint: l,
+    invalid: j = !1,
+    isBold: N = !1,
+    hideUncheckedHint: n = !1,
+    onChange: h,
+    ...g
+  }, c) => {
+    const H = C(null), t = C(null), [w, D] = E(x), u = m !== void 0, d = u ? m : w;
+    L(() => {
+      t.current && n && ((t.current.style.height === "0px" || t.current.style.height === "") && d ? (t.current.style.height = `${t.current.scrollHeight}px`, t.current.style.opacity = "1") : (t.current.style.opacity = "0", t.current.style.height = "0px"));
+    }, [t, d]);
+    const p = P(k), A = _(
+      e.radioRoot,
+      {
+        [e.radioRootDisabled]: s,
+        [e.radioRootWithCustomArea]: !!a
+      },
+      v
+    ), W = _(e.label, {
+      [e.labelBold]: N,
+      // hide label only visually to keep them available for assistive technologies
+      [e.labelHidden]: p,
+      [e.labelWithCustomArea]: !!a
+    }), B = () => !n && l ? !0 : !!(n && l && d), V = _(e.hint, {
+      [e.hintHidden]: p,
+      [e.hintUncheckedHidden]: n,
+      [e.hintVisible]: B()
+    }), I = _(e.radio, {
+      [e.radioInvalid]: j
+    }), S = O(
+      (o) => {
+        if (s) {
+          o.preventDefault();
+          return;
+        }
+        u || D(o.target.checked), h && h(o);
+      },
+      [s, u, h]
+    ), y = l ? `${R(f)}-${R(b)}-description` : void 0;
+    return /* @__PURE__ */ i.jsxs("label", { className: A, children: [
+      /* @__PURE__ */ i.jsx(
+        "input",
+        {
+          type: "radio",
+          value: b,
+          name: f,
+          className: e.input,
+          ref: (o) => {
+            typeof c == "function" ? c(o) : c !== null && (c.current = o), H.current = o;
+          },
+          onChange: S,
+          ...g,
+          disabled: s,
+          checked: d,
+          "aria-label": typeof r == "string" ? r : void 0,
+          "aria-describedby": y
+        }
+      ),
+      /* @__PURE__ */ i.jsx("span", { className: I, children: /* @__PURE__ */ i.jsx("div", { className: e.dot }) }),
+      /* @__PURE__ */ i.jsxs("span", { className: W, children: [
+        r,
+        a && /* @__PURE__ */ i.jsx("div", { className: e.customArea, children: a }),
+        /* @__PURE__ */ i.jsx("span", { id: y, className: V, ref: t, children: l })
+      ] })
+    ] });
+  }
+);
+ie.displayName = "DSRadio";
+export {
+  ie as DSRadio
+};

package/radiogroup.CiENWRos.js

@@ -0,0 +1,11 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/Fieldset.B1vsrHNv.js";
+import "./radio.epf54-sG.js";
+import "./chunks/RadioGroup.module.BBZwHDjW.js";
+import { D as s } from "./chunks/RadioGroup.BO4pbAJw.js";
+export {
+  s as DSRadioGroup
+};

package/select.DLYav8gw.js

@@ -0,0 +1,12 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.Cjbk-xZi.js";
+import "./chunks/Icon.n4XZrQ4N.js";
+import "./systemfeedback.CUWch42u.js";
+import { D as s } from "./chunks/Select.COdS787F.js";
+export {
+  s as DSSelect
+};

package/skiptocontent._YZRKxnc.js

@@ -0,0 +1,44 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as k } from "./chunks/index.CvOaL64Y.js";
+import { DSLink as p } from "./link.SAcKvzJ3.js";
+import { g as n } from "./chunks/helpers.B1JT5ShS.js";
+import "react";
+import './assets/skiptocontent.DGVJ77cj.css';const c = "_skip-to-content_4ockd_76", h = "_skip-to-content--dark_4ockd_83", s = {
+  "skip-to-content": "_skip-to-content_4ockd_76",
+  skipToContent: c,
+  "skip-to-content--dark": "_skip-to-content--dark_4ockd_83",
+  skipToContentDark: h
+}, C = ({
+  children: e = "Skip to main content",
+  className: i,
+  targetElementId: t = "main",
+  theme: o = "light"
+}) => {
+  t.startsWith("#") && console.warn(
+    n(
+      "DSSkipToContent",
+      'The targetElementId should not start with a "#" character. Please provide the id of the element you want to skip to.'
+    )
+  ), (t.startsWith("http") || t.startsWith(".")) && console.warn(
+    n(
+      "DSSkipToContent",
+      'The targetElementId should not start with "http" or ".". Please provide the id of the element you want to skip to.'
+    )
+  );
+  const r = k(s.skipToContent, i, {
+    [s.skipToContentDark]: o === "dark"
+  });
+  return /* @__PURE__ */ a.jsx(
+    p,
+    {
+      className: r,
+      href: `#${t}`,
+      theme: o,
+      children: e
+    }
+  );
+};
+export {
+  C as DSSkipToContent
+};

package/skiptocontent.d.ts

@@ -0,0 +1 @@
+export * from './components/SkipToContent/SkipToContent'

package/spinner.DVa112nj.js

@@ -0,0 +1,58 @@
+"use client";
+import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as n } from "./chunks/index.CvOaL64Y.js";
+import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/spinner.D_Nnf1ZG.css';const m = "_root_11iwi_76", z = "_root-size-small_11iwi_82", c = "_root-size-medium_11iwi_86", S = "_root-size-large_11iwi_90", d = "_root-size-x-large_11iwi_94", g = "_root-size-inherit_11iwi_98", w = "_rotate_11iwi_1", u = "_screenReaderOnly_11iwi_123", e = {
+  root: m,
+  "root-size-small": "_root-size-small_11iwi_82",
+  rootSizeSmall: z,
+  "root-size-medium": "_root-size-medium_11iwi_86",
+  rootSizeMedium: c,
+  "root-size-large": "_root-size-large_11iwi_90",
+  rootSizeLarge: S,
+  "root-size-x-large": "_root-size-x-large_11iwi_94",
+  rootSizeXLarge: d,
+  "root-size-inherit": "_root-size-inherit_11iwi_98",
+  rootSizeInherit: g,
+  rotate: w,
+  screenReaderOnly: u
+}, L = ({
+  aria: i,
+  className: t,
+  size: o = "small",
+  theme: s = "light",
+  ...a
+}) => {
+  const l = n(e.root, t, {
+    [e.rootSizeSmall]: o === "small",
+    [e.rootSizeMedium]: o === "medium",
+    [e.rootSizeLarge]: o === "large",
+    [e.rootSizeXLarge]: o === "x-large",
+    [e.rootSizeInherit]: o === "inherit"
+  });
+  return /* @__PURE__ */ r.jsxs(
+    "span",
+    {
+      className: l,
+      role: "alert",
+      "aria-live": "assertive",
+      "aria-label": (i == null ? void 0 : i["aria-label"]) || void 0,
+      ...a,
+      children: [
+        /* @__PURE__ */ r.jsx("span", { className: e.screenReaderOnly, children: " " }),
+        /* @__PURE__ */ r.jsx(
+          _,
+          {
+            name: "loading-spinner",
+            theme: s,
+            focusable: "false",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  L as DSSpinner
+};

package/styles/scss/lib/_animation.scss

@@ -1,20 +1,21 @@
 $ds-animation-duration-100: var(--ds-animation-duration, 100ms);
 $ds-animation-duration-250: var(--ds-animation-duration, 250ms);
 $ds-animation-duration-400: var(--ds-animation-duration, 400ms);
-// TODO remove or move to spinner component after discussion with design took place
-$ds-animation-duration-spinner: var(--ds-animation-duration, 1100ms);
 
-$ds-animation-timing-function-ease-in-out: ease-in-out;
-$ds-animation-timing-function-motion-functional-linear: linear;
-$ds-animation-timing-function-motion-functional-ease-in: cubic-bezier(
-  0.5,
-  0,
-  1,
-  1
+$ds-animation-durations: (
+  '100': $ds-animation-duration-100,
+  '250': $ds-animation-duration-250,
+  '400': $ds-animation-duration-400,
 );
-$ds-animation-timing-function-motion-functional-ease-out: cubic-bezier(
-  0,
-  0,
-  0.5,
-  1
+
+$ds-motion-functional-linear: linear;
+$ds-motion-functional-ease-in: cubic-bezier(0.5, 0, 1, 1);
+$ds-motion-functional-ease-out: cubic-bezier(0, 0, 0.5, 1);
+$ds-motion-functional-ease-in-out: cubic-bezier(0.5, 0, 0.5, 1);
+
+$ds-animation-easing-functions: (
+  'linear': $ds-motion-functional-linear,
+  'ease-in': $ds-motion-functional-ease-in,
+  'ease-out': $ds-motion-functional-ease-out,
+  'ease-in-out': $ds-motion-functional-ease-in-out,
 );

package/styles/scss/lib/_container-query.scss

@@ -13,7 +13,7 @@
       }
     }
   } @else {
-    @error "Passed #{$min} breakpoint is not available for used ds-container-query-min() mixin.";
+    @error "[STIHL Design System] - [ds-container-query-min()]: Passed '#{$min}' breakpoint is not available in ds-container-query-min() mixin.";
   }
 }
 
@@ -30,7 +30,7 @@
       }
     }
   } @else {
-    @error "Passed #{$max} breakpoint is not available for used ds-container-query-max() mixin.";
+    @error "[STIHL Design System] - [ds-container-query-max()]: Passed '#{$max}' breakpoint is not available in ds-container-query-max() mixin.";
   }
 }
 
@@ -53,6 +53,6 @@
       }
     }
   } @else {
-    @error "Passed #{$min} and/or #{$max} breakpoint is not available for used ds-container-query-min-max() mixin.";
+    @error "[STIHL Design System] - [ds-container-query-min-max()]: Passed '#{$min}' and/or '#{$max}' breakpoint is not available in ds-container-query-min-max() mixin.";
   }
 }

package/styles/scss/lib/_grid-sidebar.scss

@@ -2,7 +2,7 @@
 
 @mixin ds-grid-sidebar($is-sidebar-1-open: false, $is-sidebar-2-open: false) {
   @if $is-sidebar-1-open == false and $is-sidebar-2-open == true {
-    @error "Sidebar 1 cannot be visually closed when sidebar 2 is open";
+    @error "[STIHL Design System] - [ds-grid-sidebar()]: Sidebar 1 cannot be visually closed when sidebar 2 is open";
   }
 
   display: grid;
@@ -63,9 +63,7 @@
     // The children get a margin-block-end to imitate row-gap behavior
     // This is counteracted for the last row in the parent
     margin-block-end: -24px;
-    & > * {
-      margin-block-end: 24px;
-    }
+
     @if $is-sidebar-1-open == false {
       grid-template-columns:
         [sidebar-1-start] fit-content(64px)
@@ -102,6 +100,12 @@
     --ds-grid-span-one-half: span 3;
     --ds-grid-span-one-third: span 2;
     --ds-grid-span-two-thirds: span 4;
+
+    // The children get a margin-block-end to imitate row-gap behavior
+    // This is counteracted for the last row in the parent
+    & > * {
+      margin-block-end: 24px;
+    }
   }
 
   @include ds-media-query-min('xl') {
@@ -109,9 +113,6 @@
     // The children get a margin-block-end to imitate row-gap behavior
     // This is counteracted for the last row in the parent
     margin-block-end: -32px;
-    & > * {
-      margin-block-end: 32px;
-    }
 
     @if $is-sidebar-1-open == false {
       grid-template-columns:
@@ -149,6 +150,12 @@
     --ds-grid-span-one-half: span 6;
     --ds-grid-span-one-third: span 4;
     --ds-grid-span-two-thirds: span 8;
+
+    // The children get a margin-block-end to imitate row-gap behavior
+    // This is counteracted for the last row in the parent
+    & > * {
+      margin-block-end: 32px;
+    }
   }
 
   @media (min-width: 2304px) {

package/styles/scss/lib/_link.scss

@@ -1,4 +1,5 @@
 @import '_hover';
+@import '_transition';
 @import '_spacing';
 
 // Encode a color to be used in a data url.
@@ -19,7 +20,9 @@
   $background-color-hover,
   $content-color-hover
 ) {
-  color: $content-color;
+  & {
+    color: $content-color;
+  }
 
   &:link,
   &:visited {
@@ -97,29 +100,30 @@
 
   // Type
   @if ($type == 'inline') {
-    // Inline link
-    @include link-underline;
-
-    display: inline;
-    padding-inline-end: $ds-spacing-2;
-    padding-inline-start: $ds-spacing-2;
-    padding-block-start: 0;
-    padding-block-end: 0;
-    line-height: inherit;
-    font-size: inherit;
-
-    // Inline links do have two predefined icons for external links and anchors.
-    // The icons are added via the ::after pseudo element as svg data urls to
-    // enable the change of the icon color via the fill property.
-    :where(&)[href^="http://"]::after,
-    :where(&)[href^="https://"]::after,
-    :where(&)[href^='#']::after {
-      display: inline-block;
-      margin-inline-start: 0.375em;
-      width: 0.75em;
-      height: 0.75em;
+    & {
+      // Inline link
+      @include link-underline;
+
+      display: inline;
+      padding-inline-end: $ds-spacing-2;
+      padding-inline-start: $ds-spacing-2;
+      padding-block-start: 0;
+      padding-block-end: 0;
+      line-height: inherit;
+      font-size: inherit;
+
+      // Inline links do have two predefined icons for external links and anchors.
+      // The icons are added via the ::after pseudo element as svg data urls to
+      // enable the change of the icon color via the fill property.
+      :where(&)[href^="http://"]::after,
+      :where(&)[href^="https://"]::after,
+      :where(&)[href^='#']::after {
+        display: inline-block;
+        margin-inline-start: 0.375em;
+        width: 0.75em;
+        height: 0.75em;
+      }
     }
-
     &[href^="http://"]::after,
     &[href^="https://"]::after
     {
@@ -130,27 +134,29 @@
       content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{urlEncodeHexColor($link-color)}' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E");
     }
   } @else {
-    // Standalone link
-    @include ds-utility-medium;
-
-    display: inline-flex;
-    align-items: center;
-    height: fit-content;
-    gap: $ds-spacing-6;
-    padding-inline-end: $ds-spacing-4;
-    padding-inline-start: $ds-spacing-4;
-    padding-block-start: $ds-spacing-2;
-    padding-block-end: $ds-spacing-2;
-    // Set color to transparent instead of text-decoration: none to support forced colors link decoration
-    text-decoration-color: transparent;
-
-    // The DSLinkStandalone component uses the DSIcon component to render a
-    // selectable icon. The icon is colored with the current text color.
-    svg {
-      fill: currentColor;
+    & {
+      // Standalone link
+      @include ds-utility-medium;
+
+      display: inline-flex;
+      align-items: center;
+      height: fit-content;
+      gap: $ds-spacing-6;
+      padding-inline-end: $ds-spacing-4;
+      padding-inline-start: $ds-spacing-4;
+      padding-block-start: $ds-spacing-2;
+      padding-block-end: $ds-spacing-2;
+      // Set color to transparent instead of text-decoration: none to support forced colors link decoration
+      text-decoration-color: transparent;
+
+      // The DSLinkStandalone component uses the DSIcon component to render a
+      // selectable icon. The icon is colored with the current text color.
+      svg {
+        fill: currentColor;
+      }
     }
   }
 
   // Transition
-  @include transition(background-color, border-color, color);
+  @include ds-transition((background-color, border-color, color));
 }

package/styles/scss/lib/_media-query.scss

@@ -6,7 +6,7 @@
       @content;
     }
   } @else {
-    @error "Passed #{$min} breakpoint is not available for used ds-media-query-min() mixin.";
+    @error "[STIHL Design System] - [ds-media-query-min()]: Passed '#{$min}' breakpoint is not available in ds-media-query-min() mixin.";
   }
 }
 
@@ -16,7 +16,7 @@
       @content;
     }
   } @else {
-    @error "Passed #{$max} breakpoint is not available for used ds-media-query-max() mixin.";
+    @error "[STIHL Design System] - [ds-media-query-max()]: Passed '#{$max}' breakpoint is not available in ds-media-query-max() mixin.";
   }
 }
 
@@ -27,6 +27,6 @@
       @content;
     }
   } @else {
-    @error "Passed #{$min} and/or #{$max} breakpoint is not available for used ds-media-query-min-max() mixin.";
+    @error "[STIHL Design System] - [ds-media-query-min-max()]: Passed '#{$min}' and/or '#{$max}' breakpoint is not available in ds-media-query-min-max() mixin.";
   }
 }

package/styles/scss/lib/_transition.scss

@@ -1,3 +1,4 @@
+@import '_animation.scss';
 /**
  *
  * This mixin provides a concise way to set transitions with a default
@@ -7,20 +8,38 @@
  * motion and adjusts the transition duration accordingly.
  *
  * Example Usage:
- * @include transition(opacity, transform);
+ * @include ds-transition((opacity, transform), '250', 'ease-out');
+ * @include ds-transition(width, $easing-key: 'ease-out');
  */
-@mixin transition($properties...) {
+@mixin ds-transition($properties, $duration-key: '100', $easing-key: 'linear') {
   @if length($properties) == 0 or $properties == null {
-    @error "No properties provided for transition mixin.";
+    @error "[STIHL Design System] - [ds-transition()]: No properties provided for ds-transition() mixin.";
+  }
+
+  $duration: map-get($ds-animation-durations, $duration-key);
+  $easing: map-get($ds-animation-easing-functions, $easing-key);
+
+  @if not map-has-key($ds-animation-durations, $duration-key) {
+    @error "[STIHL Design System] - [ds-transition()]: Duration key '#{$duration-key}' is not available in the ds-transition() mixin.";
+  }
+
+  @if not map-has-key($ds-animation-easing-functions, $easing-key) {
+    @error "[STIHL Design System] - [ds-transition()]: Easing key '#{$easing-key}' is not available in the ds-transition() mixin.";
   }
 
   $transition-values: ();
   @each $prop in $properties {
-    $transition-values: append($transition-values, #{$prop} 0.3s ease, comma);
+    $transition-values: append(
+      $transition-values,
+      #{$prop} #{$duration} #{$easing},
+      comma
+    );
   }
-  transition: $transition-values;
+  & {
+    transition: $transition-values;
 
-  @media (prefers-reduced-motion: reduce) {
-    transition-duration: 0ms;
+    @media (prefers-reduced-motion: reduce) {
+      transition-duration: 0ms;
+    }
   }
 }

package/switch.rd7PdLc9.js

@@ -0,0 +1,65 @@
+"use client";
+import { j as t } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as b } from "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSSpinner as f } from "./spinner.DVa112nj.js";
+import './assets/switch.Ds-I_ybT.css';const v = "_root_vzlrg_76", x = "_root--label-right_vzlrg_114", z = "_root--stretched_vzlrg_117", j = "_loader_vzlrg_127", k = "_thumb_vzlrg_180", S = "_root--checked_vzlrg_195", r = {
+  root: v,
+  "root--label-right": "_root--label-right_vzlrg_114",
+  rootLabelRight: x,
+  "root--stretched": "_root--stretched_vzlrg_117",
+  rootStretched: z,
+  switch: "_switch_vzlrg_122",
+  loader: j,
+  thumb: k,
+  "root--checked": "_root--checked_vzlrg_195",
+  rootChecked: S
+}, R = ({
+  children: l,
+  aria: h,
+  alignLabel: i = "left",
+  checked: e = !1,
+  className: _,
+  dataTrackingid: n,
+  disabled: s = !1,
+  loading: o = !1,
+  stretched: d = !1,
+  onClick: a,
+  ...m
+}) => {
+  const g = b(r.root, _, {
+    [r.rootChecked]: e === !0,
+    [r.rootStretched]: d === !0,
+    [r.rootLabelRight]: i === "right"
+  }), u = (c) => {
+    if (s || o) {
+      c.preventDefault();
+      return;
+    }
+    a && a(c);
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: g,
+      "data-trackingid": n,
+      onClick: u,
+      ...h,
+      ...m,
+      type: "button",
+      role: "switch",
+      "aria-checked": e,
+      "aria-disabled": s || o,
+      "aria-busy": o,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { children: l }),
+        !o && /* @__PURE__ */ t.jsx("span", { className: r.switch, children: /* @__PURE__ */ t.jsx("span", { className: r.thumb, children: /* @__PURE__ */ t.jsx(p, { name: "check", "aria-hidden": "true" }) }) }),
+        o && /* @__PURE__ */ t.jsx("span", { className: r.loader, children: /* @__PURE__ */ t.jsx(f, { aria: { "aria-label": "Loading state" } }) })
+      ]
+    }
+  );
+};
+export {
+  R as DSSwitch
+};

package/{systemfeedback.4Hkfigi-.js → systemfeedback.CUWch42u.js}

@@ -1,8 +1,8 @@
 "use client";
-import { j as o } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c } from "./chunks/index.CvOaL64Y.js";
-import { D as n } from "./chunks/Icon.9gDIp6p4.js";
-import './assets/systemfeedback.WE3wClZ3.css';const i = "_root_18s1i_63", l = {
+import { D as n } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/systemfeedback.BzJATHDd.css';const i = "_root_5hd20_76", l = {
   root: i
 }, m = {
   valid: "circle-check-colored",