@stihl-design-system/components 1.0.0-RC.10 → 1.0.0-RC.11

package/chunks/CheckboxGroup.M3jOjhNf.js

@@ -0,0 +1,92 @@
+"use client";
+import { j as h } from "./jsx-runtime.C115EyI4.js";
+import { c as m } from "./index.CvOaL64Y.js";
+import { D as f } from "./Fieldset.C9K8BYmH.js";
+import l from "react";
+import { g as i } from "./helpers.B1JT5ShS.js";
+import { DSCheckbox as k } from "../checkbox.DETR3e3X.js";
+import '../assets/CheckboxGroup.Bz3_xkZU.css';const D = "_group_2f5rk_76", b = "_group--horizontal_2f5rk_84", _ = "_group--invalid_2f5rk_87", u = {
+  group: D,
+  "group--horizontal": "_group--horizontal_2f5rk_84",
+  groupHorizontal: b,
+  "group--invalid": "_group--invalid_2f5rk_87",
+  groupInvalid: _
+}, C = (o) => `The "${o}" prop is required. Please add the "${o}" prop to the DSCheckboxGroup component.`, S = ({
+  children: o,
+  description: r,
+  id: n,
+  legend: e,
+  systemFeedback: p
+}) => {
+  if (!n && (r || p))
+    throw new Error(
+      i(
+        "DSCheckboxGroup",
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSCheckboxGroup component.'
+      )
+    );
+  if (!e)
+    throw new Error(
+      i("DSCheckboxGroup", C("legend"))
+    );
+  if (!o)
+    throw new Error(
+      i(
+        "DSCheckboxGroup",
+        "The component requires DSCheckbox components to be explicitly set as its children. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."
+      )
+    );
+  l.Children.forEach(o, (t) => {
+    if (!(l.isValidElement(t) && t.type === k))
+      throw new Error(
+        i(
+          "DSCheckboxGroup",
+          "The component requires the children to be DSCheckbox elements. Ensure that you include individual DSCheckbox components within the DSCheckboxGroup to create a cohesive checkbox group."
+        )
+      );
+  });
+}, y = ({
+  children: o,
+  legend: r,
+  className: n,
+  description: e,
+  direction: p = "vertical",
+  disabled: t = !1,
+  id: c,
+  invalid: a = !1,
+  required: d = !1,
+  systemFeedback: s,
+  ...g
+}) => {
+  process.env.NODE_ENV !== "production" && S({
+    children: o,
+    legend: r,
+    description: e,
+    id: c,
+    systemFeedback: s
+  });
+  const x = m(u.group, {
+    // In case of longer copy, use vertical direction
+    [u.groupHorizontal]: p === "horizontal",
+    [u.groupInvalid]: a && !!s
+  });
+  return /* @__PURE__ */ h.jsx(
+    f,
+    {
+      id: c,
+      legend: r,
+      className: n,
+      description: e,
+      disabled: t,
+      required: d,
+      invalid: a,
+      systemFeedback: s,
+      ...g,
+      children: /* @__PURE__ */ h.jsx("div", { className: x, children: o })
+    }
+  );
+};
+export {
+  y as D,
+  S as v
+};

package/chunks/Chip.fMG8wi5K.js

@@ -0,0 +1,142 @@
+"use client";
+import { j as o } from "./jsx-runtime.C115EyI4.js";
+import { c as g } from "./index.CvOaL64Y.js";
+import { forwardRef as y } from "react";
+import { t as w } from "./translate.isa3FHb8.js";
+import { D as h } from "./Icon.C2o2seDb.js";
+import { g as a } from "./helpers.B1JT5ShS.js";
+import { g as P } from "./AriaLiveRegions.utils.BGSZafnS.js";
+import '../assets/Chip.D10_7Q82.css';const T = "_chip_1hj8y_76", b = "_chip--small_1hj8y_106", d = {
+  chip: T,
+  "chip--small": "_chip--small_1hj8y_106",
+  chipSmall: b
+}, u = (e) => `The "${e}" prop is required. Please add the "${e}" prop to the DSChipGroup component.`, F = ({
+  chips: e,
+  id: i,
+  label: r
+}) => {
+  if (!Array.isArray(e))
+    throw new Error(
+      a("DSChipGroup", u("chips"))
+    );
+  if (!i)
+    throw new Error(
+      a(
+        "DSChipGroup",
+        'A unique "id" prop is required when providing the description or systemFeedback property. Please add an unique "id" prop to the DSChipGroup component.'
+      )
+    );
+  if (!r)
+    throw new Error(
+      a("DSChipGroup", u("label"))
+    );
+}, H = () => {
+  if (!P())
+    throw new Error(
+      a(
+        "DSChipGroup",
+        'The DSAriaLiveRegions component has to be placed at the root of your application, as close to the "body" as possible, e.g. in your "App.tsx" or "layout.tsx".'
+      )
+    );
+}, U = ["medium", "small"], R = {
+  disabled: "disabled",
+  selected: "selected",
+  // {0} is the action (e.g., select/unselect)
+  selectChip: "press space to {0}",
+  unselectAction: "unselect",
+  selectAction: "select",
+  addToSelection: "add this option to selection",
+  removeFromSelection: "remove this option from selection",
+  removeChip: "press Backspace to remove the currently focused value",
+  titleDisabled: "Disabled",
+  titleRemovable: "Remove filter",
+  titleDeactivate: "Deactivate property",
+  titleActivate: "Activate property"
+}, $ = {
+  disabled: "deaktiviert",
+  selected: "ausgewählt",
+  // {0} is the action (e.g., select/unselect)
+  selectChip: "drücke Leertaste, um {0}",
+  unselectAction: "abzuwählen",
+  selectAction: "auszuwählen",
+  addToSelection: "diese Option zur Auswahl hinzuzufügen",
+  removeFromSelection: "diese Option aus der Auswahl zu entfernen",
+  removeChip: "drücke Backspace, um den aktuell fokussierten Wert zu entfernen",
+  titleDisabled: "Deaktiviert",
+  titleRemovable: "Filter entfernen",
+  titleDeactivate: "Eigenschaft deaktivieren",
+  titleActivate: "Eigenschaft aktivieren"
+}, k = {
+  en: R,
+  de: $
+}, E = (e, i, r, t, n, s) => r ? `${i}, ${e("disabled")}` : s ? `${i}, ${e("removeChip")}` : `${i}, ${t ? `${e("selected")}, ` : ""}${e(
+  "selectChip",
+  [
+    e(n === "single" ? t ? "unselectAction" : "selectAction" : t ? "removeFromSelection" : "addToSelection")
+  ]
+)}`, G = (e, i, r, t) => e(i ? "titleDisabled" : t ? "titleRemovable" : r ? "titleDeactivate" : "titleActivate"), x = y(
+  ({
+    id: e,
+    label: i,
+    groupId: r,
+    isRemovable: t,
+    selectionMode: n,
+    disabled: s = !1,
+    iconName: c,
+    isSelected: l,
+    lang: m = "en",
+    size: v,
+    tabIndex: f,
+    translations: S,
+    onClick: D,
+    ...A
+  }, C) => {
+    const p = w(
+      S || k[m]
+    ), _ = g(d.chip, {
+      [d.chipSmall]: v === "small"
+    });
+    return /* @__PURE__ */ o.jsxs(
+      "div",
+      {
+        role: "row",
+        "aria-label": E(
+          p,
+          i,
+          s,
+          l,
+          n,
+          t
+        ),
+        "aria-selected": l && !t,
+        "aria-disabled": s && !t,
+        id: `${r}-chip-${e}`,
+        className: _,
+        tabIndex: f,
+        onClick: D,
+        ref: C,
+        ...A,
+        title: G(p, s, l, t),
+        children: [
+          /* @__PURE__ */ o.jsxs("div", { role: "gridcell", "aria-colindex": 1, style: { display: "contents" }, children: [
+            c && /* @__PURE__ */ o.jsx(h, { name: c, "aria-hidden": "true" }),
+            i
+          ] }),
+          t && /* @__PURE__ */ o.jsx(h, { name: "cross" })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "DSChip";
+export {
+  U as C,
+  R as D,
+  H as a,
+  $ as b,
+  k as c,
+  G as d,
+  x as e,
+  E as g,
+  F as v
+};