@adgytec/adgytec-web-ui-components 1.1.2 → 1.1.3

package/dist/assets/Popover.css

@@ -1 +1 @@
-._popover_14mpx_1{box-shadow:var(--elevation-2);border-radius:var(--radius);overflow:auto;max-inline-size:min(90vi,50rem);min-inline-size:min(25vi,10rem);transition:transform .25s,opacity .25s;transform:translateZ(0)}._popover_14mpx_1 [data-card=true]{--_card-padding-inline: .5em;--_card-padding-block: .5em;--_card-elevation: none}._popover_14mpx_1[data-placement=bottom]{--_origin: translateY(-.25rem)}._popover_14mpx_1[data-placement=top]{--_origin: translateY(.25rem)}._popover_14mpx_1[data-placement=right]{--_origin: translateX(-.25rem)}._popover_14mpx_1[data-placement=left]{--_origin: translateX(.25rem)}._popover_14mpx_1[data-entering],._popover_14mpx_1[data-exiting]{transform:var(--_origin);opacity:0}
+._popover_1lrhq_1{box-shadow:var(--elevation-2);border-radius:var(--radius);overflow:auto;max-inline-size:min(90vi,var(--_max-inline-size, 50rem));min-inline-size:min(90vi,var(--_min-inline-size, 10rem));transition:transform .25s,opacity .25s;transform:translateZ(0)}._popover_1lrhq_1 [data-card=true]{--_card-padding-inline: .5em;--_card-padding-block: .5em;--_card-elevation: none}._popover_1lrhq_1[data-placement=bottom]{--_origin: translateY(-.25rem)}._popover_1lrhq_1[data-placement=top]{--_origin: translateY(.25rem)}._popover_1lrhq_1[data-placement=right]{--_origin: translateX(-.25rem)}._popover_1lrhq_1[data-placement=left]{--_origin: translateX(.25rem)}._popover_1lrhq_1[data-entering],._popover_1lrhq_1[data-exiting]{transform:var(--_origin);opacity:0}

package/dist/assets/Select.css

@@ -1 +1 @@
-._select_kw554_1{display:grid;gap:var(--form-input-gap)}._selected-value_kw554_6{font-size:var(--form-input-text);font-weight:var(--font-weight-bold)}._selected-value_kw554_6 ._option-description_kw554_10{display:none}._selected-value_kw554_6[data-placeholder]{font-style:italic}._trigger_kw554_19{display:flex;align-items:center;gap:.75rem;justify-content:space-between}._options-list_kw554_26{display:grid;gap:var(--form-gap);border-radius:inherit}._options-item-group_kw554_32{display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;border-radius:inherit;padding-inline:.75rem;padding-block:.5rem;color:var(--_item-color);background-color:var(--_item-background);transition:background-color .25s,color .25s}._options-item-group_kw554_32[data-hovered],._options-item-group_kw554_32[data-focus-visible]{--_item-background: hsl(from var(--_card-background) h s calc(l + 10) );--_item-color: hsl(from var(--_card-color) h s calc(l + 10) )}._options-item-group_kw554_32[data-selected]{--_item-background: hsl(from var(--_card-background) h s calc(l - 10) );--_item-color: hsl(from var(--_card-color) h s calc(l - 10) )}._options-item_kw554_32{font-size:var(--form-input-text);display:grid;gap:.25rem}._options-item_kw554_32 ._option-description_kw554_10{font-size:.875em;font-style:italic}
+._label_16rnl_1{display:block;margin-block-end:var(--form-input-gap)}._selected-value_16rnl_6{font-size:var(--form-input-text);font-weight:var(--font-weight-bold)}._selected-value_16rnl_6 ._option-description_16rnl_10{display:none}._selected-value_16rnl_6[data-placeholder]{font-style:italic}._popover_16rnl_19{--_max-inline-size: var(--trigger-width);--_min-inline-size: 15rem;inline-size:var(--trigger-width)}._trigger_16rnl_26{display:flex;align-items:center;gap:.75rem;justify-content:space-between}._options-list_16rnl_33{display:grid;gap:var(--form-gap);border-radius:inherit}._options-item-group_16rnl_39{display:flex;gap:.5rem;align-items:center;justify-content:space-between;cursor:pointer;border-radius:inherit;padding-inline:.75rem;padding-block:.5rem;color:var(--_item-color);background-color:var(--_item-background);transition:background-color .25s,color .25s}._options-item-group_16rnl_39[data-hovered],._options-item-group_16rnl_39[data-focus-visible]{--_item-background: hsl(from var(--_card-background) h s calc(l + 10) );--_item-color: hsl(from var(--_card-color) h s calc(l + 10) )}._options-item-group_16rnl_39[data-selected]{--_item-background: hsl(from var(--_card-background) h s calc(l - 10) );--_item-color: hsl(from var(--_card-color) h s calc(l - 10) )}._options-item_16rnl_39{font-size:var(--form-input-text);display:grid;gap:.25rem}._options-item_16rnl_39 ._option-description_16rnl_10{font-size:.875em;font-style:italic}

package/dist/chunks/Popover

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Popover as p } from "react-aria-components";
 import e from "clsx";
-import '../assets/Popover.css';const s = "_popover_14mpx_1", m = {
+import '../assets/Popover.css';const s = "_popover_1lrhq_1", t = {
   popover: s
 }, c = (o) => /* @__PURE__ */ r(
   p,
   {
     ...o,
-    className: e(m.popover, o.className)
+    className: e(t.popover, o.className)
   }
 );
 export {

package/dist/chunks/Select

@@ -1,113 +1,115 @@
-import { jsxs as o, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { jsxs as l, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { F as d } from "./FilledButton";
-import { Select as N, SelectValue as p, ListBox as y, Text as u, ListBoxItem as C } from "react-aria-components";
-import { P as F } from "./Popover";
-import { ChevronsUpDown as S, Check as T } from "lucide-react";
-import { O as V } from "./OutlinedButton";
-import { T as L } from "./TextButton";
-import { T as D } from "./Tooltip";
-import { L as j, F as I } from "./FieldError";
-import { B as O } from "./BaseCard";
-import { clsx as i } from "clsx";
-import '../assets/Select.css';const P = "_select_kw554_1", E = "_trigger_kw554_19", s = {
-  select: P,
-  "selected-value": "_selected-value_kw554_6",
-  "option-description": "_option-description_kw554_10",
-  trigger: E,
-  "options-list": "_options-list_kw554_26",
-  "options-item-group": "_options-item-group_kw554_32",
-  "options-item": "_options-item_kw554_32"
-}, R = ({
-  options: _,
+import { Select as C, SelectValue as p, ListBox as F, Text as _, ListBoxItem as S } from "react-aria-components";
+import { P as T } from "./Popover";
+import { ChevronsUpDown as V, Check as L } from "lucide-react";
+import { O as D } from "./OutlinedButton";
+import { T as j } from "./TextButton";
+import { T as w } from "./Tooltip";
+import { L as I, F as O } from "./FieldError";
+import { B as P } from "./BaseCard";
+import { clsx as t } from "clsx";
+import '../assets/Select.css';const E = "_label_16rnl_1", U = "_popover_16rnl_19", $ = "_trigger_16rnl_26", i = {
+  label: E,
+  "selected-value": "_selected-value_16rnl_6",
+  "option-description": "_option-description_16rnl_10",
+  popover: U,
+  trigger: $,
+  "options-list": "_options-list_16rnl_33",
+  "options-item-group": "_options-item-group_16rnl_39",
+  "options-item": "_options-item_16rnl_39"
+}, X = ({
+  options: u,
   cardBackground: h = "gradient",
   triggerTheme: a = "inverse-surface",
-  label: c,
-  name: f,
-  disabled: g,
-  isRequired: k,
+  label: n,
+  ariaLabel: f,
+  name: g,
+  disabled: b,
+  isRequired: v,
   triggerVariant: x = "filled",
-  description: w,
-  placeholder: n,
-  selectedKey: v,
-  onSelectionChange: b
+  description: N,
+  placeholder: c,
+  selectedKey: k,
+  onSelectionChange: B
 }) => {
-  let r;
+  let s;
   switch (x) {
     case "filled":
-      r = d;
+      s = d;
       break;
     case "outlined":
-      r = V;
+      s = D;
       break;
     case "text":
-      r = L;
+      s = j;
       break;
     default:
-      r = d;
+      s = d;
   }
-  return /* @__PURE__ */ o(
-    N,
+  return /* @__PURE__ */ l(
+    C,
     {
-      className: i(s.select),
-      isDisabled: g,
-      isRequired: k,
-      name: f,
-      value: v,
-      onChange: b,
+      isDisabled: b,
+      isRequired: v,
+      name: g,
+      value: k,
+      onChange: B,
+      "aria-label": f,
       children: [
-        c && /* @__PURE__ */ e(j, { children: c }),
-        /* @__PURE__ */ e(D, { description: w, theme: a, children: /* @__PURE__ */ e(r, { theme: a, children: /* @__PURE__ */ o("span", { className: i(s.trigger), children: [
-          n ? /* @__PURE__ */ e(
+        n && /* @__PURE__ */ e(I, { className: t(i.label), children: n }),
+        /* @__PURE__ */ e(w, { description: N, theme: a, children: /* @__PURE__ */ e(s, { theme: a, children: /* @__PURE__ */ l("span", { className: t(i.trigger), children: [
+          c ? /* @__PURE__ */ e(
             p,
             {
-              className: i(s["selected-value"]),
-              children: ({ defaultChildren: t, isPlaceholder: l }) => l ? n : t
+              className: t(i["selected-value"]),
+              children: ({ defaultChildren: r, isPlaceholder: o }) => o ? c : r
             }
           ) : /* @__PURE__ */ e(p, {}),
-          /* @__PURE__ */ e(S, {})
+          /* @__PURE__ */ e(V, {})
         ] }) }) }),
-        /* @__PURE__ */ e(I, {}),
-        /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(O, { background: h, children: /* @__PURE__ */ e(
-          y,
+        /* @__PURE__ */ e(O, {}),
+        /* @__PURE__ */ e(T, { className: t(i.popover), children: /* @__PURE__ */ e(P, { background: h, children: /* @__PURE__ */ e(
+          F,
           {
-            className: i(s["options-list"]),
-            items: _,
-            children: (t) => {
-              const l = /* @__PURE__ */ o(m, { children: [
-                /* @__PURE__ */ e(u, { children: t.displayValue }),
-                t.description && /* @__PURE__ */ e(
-                  u,
+            className: t(i["options-list"]),
+            items: u,
+            children: (r) => {
+              const o = /* @__PURE__ */ l(m, { children: [
+                /* @__PURE__ */ e(_, { children: r.displayValue }),
+                r.description && /* @__PURE__ */ e(
+                  _,
                   {
-                    className: i(
-                      s["option-description"]
+                    className: t(
+                      i["option-description"]
                     ),
-                    children: t.description
+                    children: r.description
                   }
                 )
               ] });
               return /* @__PURE__ */ e(
-                C,
+                S,
                 {
-                  className: i(
-                    s["options-item-group"]
+                  className: t(
+                    i["options-item-group"]
                   ),
-                  id: t.key,
-                  textValue: t.displayValue,
-                  isDisabled: t.disabled,
-                  children: ({ isSelected: B }) => /* @__PURE__ */ o(m, { children: [
+                  id: r.key,
+                  textValue: r.displayValue,
+                  isDisabled: r.disabled,
+                  children: ({ isSelected: y }) => /* @__PURE__ */ l(m, { children: [
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: i(
-                          s["options-item"]
+                        className: t(
+                          i["options-item"]
                         ),
-                        children: l
+                        children: o
                       }
                     ),
-                    B && /* @__PURE__ */ e(T, {})
+                    y && /* @__PURE__ */ e(L, {})
                   ] })
                 },
-                t.key
+                r.key
               );
             }
           }
@@ -117,5 +119,5 @@ import '../assets/Select.css';const P = "_select_kw554_1", E = "_trigger_kw554_1
   );
 };
 export {
-  R as S
+  X as S
 };

package/dist/components/Select/Select.d.ts

@@ -1,2 +1,2 @@
 import { SelectProps } from './types';
-export declare const Select: ({ options, cardBackground, triggerTheme, label, name, disabled, isRequired, triggerVariant, description, placeholder, selectedKey, onSelectionChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ options, cardBackground, triggerTheme, label, ariaLabel, name, disabled, isRequired, triggerVariant, description, placeholder, selectedKey, onSelectionChange, }: SelectProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -8,12 +8,18 @@ export type SelectOptions = {
     description?: string;
     disabled?: boolean;
 };
-export interface SelectProps {
+type AccessibleName = {
+    label: string;
+    ariaLabel?: never;
+} | {
+    label?: never;
+    ariaLabel: string;
+};
+export type SelectProps = AccessibleName & {
     options: SelectOptions[];
     cardBackground?: CardBackground;
     triggerTheme?: ColorTheme;
     isRequired?: boolean;
-    label?: string;
     name?: string;
     disabled?: boolean;
     placeholder?: string;
@@ -21,4 +27,5 @@ export interface SelectProps {
     triggerVariant?: ButtonVariant;
     selectedKey?: Key;
     onSelectionChange?: (key: Key | null) => void;
-}
+};
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@adgytec/adgytec-web-ui-components",
     "private": false,
-    "version": "1.1.2",
+    "version": "1.1.3",
     "type": "module",
     "sideEffects": [
         "**/*.css"