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

package/floatingactionbutton.D_e4vz2G.js

@@ -0,0 +1,87 @@
+"use client";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as t } from "./chunks/index.CvOaL64Y.js";
+import { D as k } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSSpinner as D } from "./spinner.DVa112nj.js";
+import './assets/floatingactionbutton.CUvMbEMf.css';const x = "_root_qplp0_76", S = "_root--dark_qplp0_135", j = "_root--small_qplp0_175", H = "_loader_qplp0_194", y = "_icon--hidden_qplp0_206", N = "_label--hidden_qplp0_210", o = {
+  root: x,
+  "root--dark": "_root--dark_qplp0_135",
+  rootDark: S,
+  "root--small": "_root--small_qplp0_175",
+  rootSmall: j,
+  loader: H,
+  "icon--hidden": "_icon--hidden_qplp0_206",
+  iconHidden: y,
+  "label--hidden": "_label--hidden_qplp0_210",
+  labelHidden: N
+}, B = ({
+  aria: c,
+  children: p,
+  className: _,
+  dataTrackingid: m,
+  disabled: r = !1,
+  iconName: s = "placeholder",
+  iconSource: e,
+  loading: l = !1,
+  size: b = "medium",
+  theme: n = "light",
+  onClick: i,
+  ...u
+}) => {
+  const h = t(
+    o.root,
+    o.rootIconOnlySmall,
+    _,
+    {
+      // dark theme
+      [o.rootDark]: n === "dark",
+      // size
+      [o.rootSmall]: b === "small"
+    }
+  ), q = t(o.icon, {
+    // set icon opacity to 0 when loading to prevent button size from changing
+    [o.iconHidden]: l
+  }), f = (d) => {
+    if (r || l) {
+      d.preventDefault();
+      return;
+    }
+    i && i(d);
+  };
+  return /* @__PURE__ */ a.jsxs(
+    "button",
+    {
+      className: h,
+      "data-trackingid": m,
+      type: "button",
+      onClick: f,
+      ...c,
+      ...u,
+      "aria-disabled": r || l,
+      "aria-busy": l,
+      children: [
+        l && /* @__PURE__ */ a.jsx(
+          D,
+          {
+            className: o.loader,
+            aria: { "aria-label": "Loading state" }
+          }
+        ),
+        /* @__PURE__ */ a.jsx("span", { className: t(o.label, o.labelHidden), children: p }),
+        (s || e) && /* @__PURE__ */ a.jsx(
+          k,
+          {
+            name: s,
+            theme: n,
+            source: e,
+            className: q,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  B as DSFloatingActionButton
+};

package/heading.BTNroD1E.js

@@ -0,0 +1,50 @@
+"use client";
+import { j as l } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c } from "./chunks/index.CvOaL64Y.js";
+import './assets/heading.CCbuI4X-.css';const n = "_root_n4708_76", u = "_root--x-large_n4708_79", g = "_root--x-large-uppercase_n4708_93", d = "_root--large_n4708_107", i = "_root--large-uppercase_n4708_121", x = "_root--medium_n4708_135", L = "_root--medium-uppercase_n4708_143", U = "_root--small_n4708_151", h = "_root--small-uppercase_n4708_159", k = "_root--theme-dark_n4708_167", o = {
+  root: n,
+  "root--x-large": "_root--x-large_n4708_79",
+  rootXLarge: u,
+  "root--x-large-uppercase": "_root--x-large-uppercase_n4708_93",
+  rootXLargeUppercase: g,
+  "root--large": "_root--large_n4708_107",
+  rootLarge: d,
+  "root--large-uppercase": "_root--large-uppercase_n4708_121",
+  rootLargeUppercase: i,
+  "root--medium": "_root--medium_n4708_135",
+  rootMedium: x,
+  "root--medium-uppercase": "_root--medium-uppercase_n4708_143",
+  rootMediumUppercase: L,
+  "root--small": "_root--small_n4708_151",
+  rootSmall: U,
+  "root--small-uppercase": "_root--small-uppercase_n4708_159",
+  rootSmallUppercase: h,
+  "root--theme-dark": "_root--theme-dark_n4708_167",
+  rootThemeDark: k
+}, X = ({
+  children: e,
+  className: a,
+  size: r = "medium",
+  tag: t = "h2",
+  // default tag because of SEO reasons (h1 should be used only once per page)
+  theme: p = "light",
+  ...s
+}) => {
+  const _ = t, m = c(o.root, a, {
+    // sizes
+    [o.rootXLarge]: r === "x-large",
+    [o.rootXLargeUppercase]: r === "x-large-uppercase",
+    [o.rootLarge]: r === "large",
+    [o.rootLargeUppercase]: r === "large-uppercase",
+    [o.rootMedium]: r == "medium",
+    [o.rootMediumUppercase]: r == "medium-uppercase",
+    [o.rootSmall]: r == "small",
+    [o.rootSmallUppercase]: r == "small-uppercase",
+    // dark theme
+    [o.rootThemeDark]: p === "dark"
+  });
+  return /* @__PURE__ */ l.jsx(_, { className: m, ...s, children: e });
+};
+export {
+  X as DSHeading
+};

package/icon.D3RXjzh4.js

@@ -0,0 +1,8 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import { D as p } from "./chunks/Icon.n4XZrQ4N.js";
+export {
+  p as DSIcon
+};

package/index.d.ts

@@ -35,6 +35,7 @@ export * from './components/RadioGroup/RadioGroup';
 export * from './components/RadioGroup/RadioGroup.utils';
 export * from './components/Select/Select';
 export * from './components/Select/Select.utils';
+export * from './components/SkipToContent/SkipToContent';
 export * from './components/Spinner/Spinner';
 export * from './components/Spinner/Spinner.utils';
 export * from './components/Switch/Switch';

package/index.es.js

@@ -1,37 +1,38 @@
 "use client";
-import { DSAriaLiveRegions as x } from "./arialiveregions.49Zyf6mj.js";
-import { DSButton as N } from "./button.DX_nxoJC.js";
-import { DSButtonRound as _ } from "./buttonround.CXsBk9nL.js";
-import { DSCheckbox as h } from "./checkbox.B43oeMeC.js";
-import { D as f, v as A } from "./chunks/CheckboxGroup.CS6Q_TeZ.js";
-import { DSCombobox as g } from "./combobox.BaSkiD6f.js";
-import { C as v, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.DtmbYZUf.js";
-import { D as X, v as b } from "./chunks/Fieldset.BokeZzG5.js";
-import { DSFloatingActionButton as Z } from "./floatingactionbutton.-nDRRiXY.js";
-import { DSHeading as k } from "./heading.DqGbFfj2.js";
-import { D as H, I as w, u as V } from "./chunks/Icon.9gDIp6p4.js";
-import { DSInput as y } from "./input.BM6tyRUm.js";
-import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as eo, v as ao, b as to } from "./chunks/Input.utils.AKWCNkpA.js";
-import { D as so, v as po } from "./chunks/InputPassword.jpUCijp7.js";
-import { D as io, i as lo, v as mo } from "./chunks/InputSearch.BmOtAZcR.js";
-import { D as no, v as To } from "./chunks/InputStepper.DTKjUL4U.js";
-import { DSLink as xo } from "./link.B4XZoLDj.js";
-import { DSLinkStandalone as co } from "./linkstandalone.BSfd95Pd.js";
-import { DSLogo as uo } from "./logo.C_oJ8isW.js";
-import { D as Eo, a as fo, N as Ao } from "./chunks/Notification.CUPOlHAX.js";
-import { D as go, v as Po } from "./chunks/RadioGroup.DpwnVv7u.js";
-import { D as Co, S as Ro, g as Lo, v as Bo } from "./chunks/Select.DkDZo0ky.js";
-import { DSSpinner as Xo } from "./spinner.BskX4ovu.js";
-import { DSSwitch as Go } from "./switch.Bx2tDKx0.js";
-import { DSText as Fo } from "./text.CPU8IUqY.js";
-import { D as Mo, T as Ho, v as wo } from "./chunks/Textarea.C938p79X.js";
-import { DSTitle as Ko } from "./title.icX0VDiO.js";
-const o = ["medium", "small"], e = [
+import { DSAriaLiveRegions as x } from "./arialiveregions.BvZhV6hb.js";
+import { DSButton as N } from "./button.L1lgCuM9.js";
+import { DSButtonRound as u } from "./buttonround.ddSqXjYf.js";
+import { DSCheckbox as f } from "./checkbox.DNHdo6_n.js";
+import { D as E, v as A } from "./chunks/CheckboxGroup.DsQ6lI5a.js";
+import { DSCombobox as g } from "./combobox.CRlhqmuO.js";
+import { C as P, b as C, a as R, D as L, v as B } from "./chunks/CustomReactSelect.5dHi6PEO.js";
+import { D as X, v as b } from "./chunks/Fieldset.B1vsrHNv.js";
+import { DSFloatingActionButton as Z } from "./floatingactionbutton.D_e4vz2G.js";
+import { DSHeading as H } from "./heading.BTNroD1E.js";
+import { D as M, I as w, u as V } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSInput as y } from "./input.ChVISFEX.js";
+import { I as Y, M as q, a as j, S as z, U as J, h as Q, i as $, c as oo, s as ao, v as eo, b as to } from "./chunks/Input.utils.AKWCNkpA.js";
+import { D as so, v as po } from "./chunks/InputPassword.a7zHKrmM.js";
+import { D as So, i as lo, v as mo } from "./chunks/InputSearch.DITRiB92.js";
+import { D as Io, v as To } from "./chunks/InputStepper.BkncCNwJ.js";
+import { DSLink as xo } from "./link.SAcKvzJ3.js";
+import { DSLinkStandalone as co } from "./linkstandalone.DNe0Nydm.js";
+import { DSLogo as _o } from "./logo.BR_CUXFl.js";
+import { D as ho, a as Eo, N as Ao } from "./chunks/Notification.DVVuSOqG.js";
+import { D as go, a as vo, o as Po, v as Co } from "./chunks/RadioGroup.BO4pbAJw.js";
+import { D as Lo, S as Bo, g as Uo, v as Xo } from "./chunks/Select.COdS787F.js";
+import { DSSkipToContent as Go } from "./skiptocontent._YZRKxnc.js";
+import { DSSpinner as Fo } from "./spinner.DVa112nj.js";
+import { DSSwitch as ko } from "./switch.rd7PdLc9.js";
+import { DSText as wo } from "./text.CrYUewrP.js";
+import { D as Ko, T as yo, v as Wo } from "./chunks/Textarea.oqCrSopu.js";
+import { DSTitle as qo } from "./title.Dvp8LKJt.js";
+const o = ["medium", "small"], a = [
   "filled",
   "highlight",
   "outline",
   "ghost"
-], a = ["filled", "highlight"], t = [
+], e = ["filled", "highlight"], t = [
   "x-large",
   "x-large-uppercase",
   "large",
@@ -45,7 +46,7 @@ const o = ["medium", "small"], e = [
   "highlight",
   "outline",
   "ghost"
-], S = ["neutral", "highlight"], i = [
+], i = ["neutral", "highlight"], S = [
   "small",
   "medium",
   "large",
@@ -67,37 +68,38 @@ const o = ["medium", "small"], e = [
   "small",
   "x-small",
   "xx-small"
-], I = ["bold", "normal"], n = ["x-large", "large"];
+], n = ["bold", "normal"], I = ["x-large", "large"];
 export {
-  a as BUTTON_ROUND_VARIANT,
+  e as BUTTON_ROUND_VARIANT,
   o as BUTTON_SIZE,
-  e as BUTTON_VARIANT,
-  v as COMBOBOX_SIZE,
+  a as BUTTON_VARIANT,
+  P as COMBOBOX_SIZE,
   x as DSAriaLiveRegions,
   N as DSButton,
-  _ as DSButtonRound,
-  h as DSCheckbox,
-  f as DSCheckboxGroup,
+  u as DSButtonRound,
+  f as DSCheckbox,
+  E as DSCheckboxGroup,
   g as DSCombobox,
   X as DSFieldset,
   Z as DSFloatingActionButton,
-  k as DSHeading,
-  H as DSIcon,
+  H as DSHeading,
+  M as DSIcon,
   y as DSInput,
   so as DSInputPassword,
-  io as DSInputSearch,
-  no as DSInputStepper,
+  So as DSInputSearch,
+  Io as DSInputStepper,
   xo as DSLink,
   co as DSLinkStandalone,
-  uo as DSLogo,
-  Eo as DSNotification,
+  _o as DSLogo,
+  ho as DSNotification,
   go as DSRadioGroup,
-  Co as DSSelect,
-  Xo as DSSpinner,
-  Go as DSSwitch,
-  Fo as DSText,
-  Mo as DSTextarea,
-  Ko as DSTitle,
+  Lo as DSSelect,
+  Go as DSSkipToContent,
+  Fo as DSSpinner,
+  ko as DSSwitch,
+  wo as DSText,
+  Ko as DSTextarea,
+  qo as DSTitle,
   C as DS_COMBOBOX_TRANSLATIONS,
   R as DS_COMBOBOX_TRANSLATIONS_DE,
   L as DS_COMBOBOX_TRANSLATIONS_EN,
@@ -106,37 +108,39 @@ export {
   w as ICON_SIZE,
   Y as INPUT_SIZE,
   s as LINK_SIZE,
-  S as LINK_STANDALONE_VARIANT,
+  i as LINK_STANDALONE_VARIANT,
   p as LINK_VARIANT,
   q as MAX_PREFIX_LENGTH,
   j as MAX_SUFFIX_LENGTH,
-  fo as NOTIFICATION_ICONS,
+  Eo as NOTIFICATION_ICONS,
   Ao as NOTIFICATION_VARIANT,
-  Ro as SELECT_SIZE,
-  i as SPINNER_SIZE,
+  Bo as SELECT_SIZE,
+  S as SPINNER_SIZE,
   z as SUPPORTED_INPUT_TYPES,
-  Ho as TEXTAREA_SIZE,
+  yo as TEXTAREA_SIZE,
   m as TEXT_SIZE,
   l as TEXT_TAG,
-  I as TEXT_WEIGHT,
-  n as TITLE_SIZE,
+  n as TEXT_WEIGHT,
+  I as TITLE_SIZE,
   J as UNSUPPORTED_INPUT_TYPES,
-  Lo as getIsPlaceholderSelected,
+  Uo as getIsPlaceholderSelected,
   Q as hasShowPickerSupport,
   $ as isCalendarInput,
   oo as isTimeInput,
   lo as isWithinForm,
-  eo as showCustomCalendarOrTimeIndicator,
+  vo as optionsHaveCustomArea,
+  Po as optionsHaveHint,
+  ao as showCustomCalendarOrTimeIndicator,
   V as useDynamicSvgImport,
   A as validateCheckboxGroupProps,
   B as validateComboboxProps,
   b as validateFieldsetProps,
   po as validateInputPasswordProps,
-  ao as validateInputProps,
+  eo as validateInputProps,
   mo as validateInputSearchProps,
   To as validateInputStepperProps,
-  Po as validateRadioGroupProps,
-  Bo as validateSelectProps,
-  wo as validateTextareaProps,
+  Co as validateRadioGroupProps,
+  Xo as validateSelectProps,
+  Wo as validateTextareaProps,
   to as validateType
 };

package/input.ChVISFEX.js

@@ -0,0 +1,236 @@
+"use client";
+import { j as n } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as l } from "./chunks/index.CvOaL64Y.js";
+import { useState as x, useRef as k, useLayoutEffect as w, useEffect as ia } from "react";
+import { u as sa } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { Asterisk as ea } from "./asterisk.Cjbk-xZi.js";
+import { DSButton as E } from "./button.L1lgCuM9.js";
+import { D as la } from "./chunks/Icon.n4XZrQ4N.js";
+import { DSSystemFeedback as oa } from "./systemfeedback.CUWch42u.js";
+import { v as da, b as ca, M as _a, a as ua, s as fa, c as ra, i as v } from "./chunks/Input.utils.AKWCNkpA.js";
+import './assets/input.71tOIrpp.css';const pa = "_input_1jdyx_226", xa = "_input--invalid_1jdyx_336", ma = "_input--small_1jdyx_343", ya = "_input--has-leading-icon_1jdyx_395", ja = "_input--has-action-button_1jdyx_398", ha = "_input--has-second-action-button_1jdyx_401", ba = "_input--has-affix_1jdyx_413", ga = "_input--is-ready_1jdyx_427", Ia = "_root_1jdyx_434", Sa = "_hint_1jdyx_442", Ha = "_label_1jdyx_442", ka = "_wrapper_1jdyx_446", va = "_affix_1jdyx_452", Ca = "_affix--small_1jdyx_472", Ra = "_affix--disabled_1jdyx_484", Da = "_prefix_1jdyx_487", La = "_affix--readonly_1jdyx_490", Aa = "_suffix_1jdyx_500", Na = "_leading-icon_1jdyx_507", Ba = "_leading-icon--small_1jdyx_519", wa = "_leading-icon--disabled_1jdyx_522", Ea = "_action-button_1jdyx_531", Ta = "_label--hidden_1jdyx_548", Fa = "_feedback_1jdyx_575", a = {
+  input: pa,
+  "input--invalid": "_input--invalid_1jdyx_336",
+  inputInvalid: xa,
+  "input--small": "_input--small_1jdyx_343",
+  inputSmall: ma,
+  "input--has-leading-icon": "_input--has-leading-icon_1jdyx_395",
+  inputHasLeadingIcon: ya,
+  "input--has-action-button": "_input--has-action-button_1jdyx_398",
+  inputHasActionButton: ja,
+  "input--has-second-action-button": "_input--has-second-action-button_1jdyx_401",
+  inputHasSecondActionButton: ha,
+  "input--has-affix": "_input--has-affix_1jdyx_413",
+  inputHasAffix: ba,
+  "input--is-ready": "_input--is-ready_1jdyx_427",
+  inputIsReady: ga,
+  root: Ia,
+  hint: Sa,
+  label: Ha,
+  wrapper: ka,
+  affix: va,
+  "affix--small": "_affix--small_1jdyx_472",
+  affixSmall: Ca,
+  "affix--disabled": "_affix--disabled_1jdyx_484",
+  affixDisabled: Ra,
+  prefix: Da,
+  "affix--readonly": "_affix--readonly_1jdyx_490",
+  affixReadonly: La,
+  suffix: Aa,
+  "leading-icon": "_leading-icon_1jdyx_507",
+  leadingIcon: Na,
+  "leading-icon--small": "_leading-icon--small_1jdyx_519",
+  leadingIconSmall: Ba,
+  "leading-icon--disabled": "_leading-icon--disabled_1jdyx_522",
+  leadingIconDisabled: wa,
+  "action-button": "_action-button_1jdyx_531",
+  actionButton: Ea,
+  "label--hidden": "_label--hidden_1jdyx_548",
+  labelHidden: Ta,
+  feedback: Fa
+}, Ja = ({
+  id: c,
+  label: C,
+  actionButtonLabel: T,
+  actionButtonIconName: u,
+  actionButtonIconSource: m,
+  actionButtonOnClick: F,
+  className: P,
+  disabled: i = !1,
+  hint: y,
+  hideLabel: O = !1,
+  invalid: f = !1,
+  leadingIconName: r,
+  leadingIconSource: p,
+  prefix: s,
+  readonly: _ = !1,
+  required: R = !1,
+  size: e = "medium",
+  suffix: t,
+  systemFeedback: j,
+  type: o = "text",
+  ...$
+}) => {
+  process.env.NODE_ENV !== "production" && (da({
+    id: c,
+    label: C,
+    prefix: s,
+    suffix: t,
+    leadingIconName: r,
+    leadingIconSource: p,
+    actionButtonIconName: u,
+    actionButtonIconSource: m
+  }), ca(o));
+  const [W, X] = x(!1), [M, V] = x(!1), [h, G] = x(!1), [U, J] = x({}), b = k(null), K = s == null ? void 0 : s.substring(0, _a), g = k(null), Q = t == null ? void 0 : t.substring(0, ua), I = k(null), Y = sa(O);
+  w(() => {
+    const d = e === "medium" ? 16 : 8, S = {};
+    if (g.current) {
+      const H = g.current.offsetWidth;
+      S.paddingInlineStart = d + H + "px";
+    }
+    if (I.current) {
+      const H = I.current.offsetWidth;
+      S.paddingInlineEnd = d + H + "px";
+    }
+    J(S), X(!0);
+  }, [s, t, e, M]), w(() => {
+    (async () => {
+      "fonts" in document && (await document.fonts.load(
+        '1em "STIHL Contraface Digital Text Regular"'
+      ), V(!0));
+    })();
+  }, []), ia(() => {
+    const d = fa(
+      v(o),
+      ra(o)
+    );
+    G(d);
+  }, [o]);
+  const D = l(a.affix, {
+    [a.affixSmall]: e === "small",
+    [a.affixDisabled]: i,
+    [a.affixReadonly]: _
+  }), L = `${c}-label`, A = `${c}-feedback`, N = `${c}-hint`, Z = y ? ` ${N}` : "", q = l(a.root, P), z = l(a.input, {
+    // small input
+    [a.inputSmall]: e === "small",
+    // invalid state
+    [a.inputInvalid]: f,
+    // leading icon
+    [a.inputHasLeadingIcon]: r || p,
+    // prefix/suffix
+    [a.inputHasAffix]: s || t,
+    // action button
+    [a.inputHasActionButton]: u || m || h,
+    [a.inputIsReady]: W
+  }), aa = l(a.label, {
+    // hide label only visually to keep them available for assistive technologies
+    [a.labelHidden]: Y
+  }), na = l(a.leadingIcon, {
+    [a.leadingIconSmall]: e === "small",
+    [a.leadingIconDisabled]: i
+  }), B = l(a.actionButton, {
+    [a.actionButtonSmall]: e === "small"
+  }), ta = (d) => {
+    b.current && !i && !_ && b.current.showPicker(), d.preventDefault();
+  };
+  return /* @__PURE__ */ n.jsxs("div", { className: q, children: [
+    /* @__PURE__ */ n.jsxs("label", { className: aa, id: L, htmlFor: c, children: [
+      C,
+      R && /* @__PURE__ */ n.jsx(ea, {})
+    ] }),
+    y && /* @__PURE__ */ n.jsx("div", { className: a.hint, id: N, children: y }),
+    f && j && /* @__PURE__ */ n.jsx(
+      oa,
+      {
+        className: a.feedback,
+        message: j,
+        type: "invalid",
+        id: A
+      }
+    ),
+    /* @__PURE__ */ n.jsxs("div", { className: a.wrapper, children: [
+      s && /* @__PURE__ */ n.jsx(
+        "span",
+        {
+          className: l(D, a.prefix),
+          ref: g,
+          "aria-disabled": i,
+          children: K
+        }
+      ),
+      !s && (r || p) && /* @__PURE__ */ n.jsx(
+        la,
+        {
+          name: r,
+          theme: "light",
+          source: p,
+          className: na,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "input",
+        {
+          type: o,
+          className: z,
+          id: c,
+          ref: b,
+          ...$,
+          style: U,
+          "aria-labelledby": `${L}${Z}`,
+          "aria-describedby": f && j ? A : void 0,
+          "aria-invalid": f,
+          "aria-disabled": _,
+          readOnly: _,
+          required: R,
+          disabled: i
+        }
+      ),
+      t && /* @__PURE__ */ n.jsx(
+        "span",
+        {
+          className: l(D, a.suffix),
+          ref: I,
+          "aria-disabled": i,
+          children: Q
+        }
+      ),
+      !t && !h && (u || m) && /* @__PURE__ */ n.jsx(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: u,
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: F,
+          type: "button",
+          disabled: i || _,
+          children: T
+        }
+      ),
+      !t && h && !_ && !i && /* @__PURE__ */ n.jsxs(
+        E,
+        {
+          hideLabel: !0,
+          theme: "light",
+          iconName: v(o) ? "calendar" : "clock",
+          variant: "ghost",
+          className: B,
+          size: e,
+          onClick: ta,
+          type: "button",
+          children: [
+            "Open ",
+            v(o) ? "date" : "time",
+            " picker"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  Ja as DSInput
+};

package/inputpassword.Ba9SUUIK.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 "./button.L1lgCuM9.js";
+import "./systemfeedback.CUWch42u.js";
+import { D as n } from "./chunks/InputPassword.a7zHKrmM.js";
+export {
+  n as DSInputPassword
+};

package/inputsearch.BK-0OTwA.js

@@ -0,0 +1,13 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "react";
+import "./chunks/helpers.B1JT5ShS.js";
+import "./chunks/useBreakpoint.5xBNDiCf.js";
+import "./asterisk.Cjbk-xZi.js";
+import "./button.L1lgCuM9.js";
+import "./systemfeedback.CUWch42u.js";
+import { D as s } from "./chunks/InputSearch.DITRiB92.js";
+export {
+  s as DSInputSearch
+};

package/inputstepper.CTpTeXL9.js

@@ -0,0 +1,13 @@
+"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 "./button.L1lgCuM9.js";
+import "./chunks/Input.utils.AKWCNkpA.js";
+import "./systemfeedback.CUWch42u.js";
+import { D } from "./chunks/InputStepper.BkncCNwJ.js";
+export {
+  D as DSInputStepper
+};