@orianatech/pire 0.12.0 → 0.13.0

package/dist/index.js

@@ -677,124 +677,6 @@ import {
   Text as Text4,
   FieldError as FieldError3
 } from "react-aria-components";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
-var norm = (o) => typeof o === "string" ? { value: o, label: o, isDisabled: false } : o;
-function Select({
-  label,
-  value,
-  defaultValue,
-  onChange,
-  options = [],
-  placeholder = "Select\u2026",
-  description,
-  errorMessage,
-  size = "md",
-  fullWidth = true,
-  className,
-  style,
-  ...rest
-}) {
-  const items = options.map(norm);
-  return /* @__PURE__ */ jsxs12(
-    AriaSelect,
-    {
-      className: cx("pire-field", className),
-      style,
-      selectedKey: value,
-      defaultSelectedKey: defaultValue,
-      onSelectionChange: (k) => onChange?.(String(k)),
-      placeholder,
-      validationBehavior: "aria",
-      ...rest,
-      children: [
-        label ? /* @__PURE__ */ jsxs12(Label3, { className: "pire-field-label", children: [
-          label,
-          rest.isRequired ? /* @__PURE__ */ jsx17("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
-        ] }) : null,
-        /* @__PURE__ */ jsxs12(
-          AriaButton4,
-          {
-            className: "pire-control",
-            "data-size": size,
-            "data-full-width": String(fullWidth),
-            "data-invalid": rest.isInvalid ? "true" : void 0,
-            children: [
-              /* @__PURE__ */ jsx17(SelectValue, { className: "pire-select-value" }),
-              /* @__PURE__ */ jsx17(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
-            ]
-          }
-        ),
-        description ? /* @__PURE__ */ jsx17(Text4, { slot: "description", className: "pire-field-hint", children: description }) : null,
-        /* @__PURE__ */ jsx17(FieldError3, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ jsx17(Popover, { className: "pire-popover", children: /* @__PURE__ */ jsx17(ListBox, { className: "pire-listbox", items, children: (item) => /* @__PURE__ */ jsx17(ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label }) }) })
-      ]
-    }
-  );
-}
-
-// src/components/forms/Checkbox.tsx
-import { Checkbox as AriaCheckbox } from "react-aria-components";
-import { Fragment, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
-function Checkbox({ label, hint, children, className, ...rest }) {
-  return /* @__PURE__ */ jsx18(AriaCheckbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs13(Fragment, { children: [
-    /* @__PURE__ */ jsx18("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx18(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ jsx18(Icon, { name: "check", size: 12 }) : null }),
-    /* @__PURE__ */ jsxs13("span", { children: [
-      label ?? children,
-      hint ? /* @__PURE__ */ jsx18("span", { className: "pire-choice-hint", children: hint }) : null
-    ] })
-  ] }) });
-}
-
-// src/components/forms/Radio.tsx
-import {
-  RadioGroup as AriaRadioGroup,
-  Radio as AriaRadio,
-  Label as Label4,
-  Text as Text5,
-  FieldError as FieldError4
-} from "react-aria-components";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-function RadioGroup({ label, description, errorMessage, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs14(AriaRadioGroup, { className: cx("pire-field", className), validationBehavior: "aria", ...rest, children: [
-    label ? /* @__PURE__ */ jsx19(Label4, { className: "pire-field-label", children: label }) : null,
-    /* @__PURE__ */ jsx19("div", { className: "pire-radiogroup", children }),
-    description ? /* @__PURE__ */ jsx19(Text5, { slot: "description", className: "pire-field-hint", children: description }) : null,
-    /* @__PURE__ */ jsx19(FieldError4, { className: "pire-field-error", children: errorMessage })
-  ] });
-}
-function Radio({ label, hint, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs14(AriaRadio, { className: cx("pire-choice", className), ...rest, children: [
-    /* @__PURE__ */ jsx19("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsxs14("span", { children: [
-      label ?? children,
-      hint ? /* @__PURE__ */ jsx19("span", { className: "pire-choice-hint", children: hint }) : null
-    ] })
-  ] });
-}
-
-// src/components/forms/Switch.tsx
-import { Switch as AriaSwitch } from "react-aria-components";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
-function Switch({ label, children, className, ...rest }) {
-  return /* @__PURE__ */ jsxs15(AriaSwitch, { className: cx("pire-choice", className), ...rest, children: [
-    /* @__PURE__ */ jsx20("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx20("span", { className: "pire-switch-thumb" }) }),
-    /* @__PURE__ */ jsx20("span", { children: label ?? children })
-  ] });
-}
-
-// src/components/forms/ComboBox.tsx
-import {
-  ComboBox as AriaComboBox,
-  Label as Label5,
-  Input as AriaInput2,
-  Button as AriaButton5,
-  Group as Group3,
-  Popover as Popover2,
-  ListBox as ListBox2,
-  ListBoxItem as ListBoxItem2,
-  Text as Text6,
-  FieldError as FieldError5
-} from "react-aria-components";
 
 // src/i18n/PireIntlProvider.tsx
 import * as React6 from "react";
@@ -812,6 +694,7 @@ var enMessages = {
   inlineMessageDismiss: "Dismiss message",
   toastDismiss: "Dismiss",
   toastRegionLabel: "Notifications",
+  selectEmpty: "No options available",
   comboBoxShowSuggestions: "Show suggestions",
   comboBoxLoading: "Searching\u2026",
   datePickerOpenCalendar: "Open calendar",
@@ -852,6 +735,7 @@ var esMessages = {
   inlineMessageDismiss: "Descartar mensaje",
   toastDismiss: "Descartar",
   toastRegionLabel: "Notificaciones",
+  selectEmpty: "Sin opciones disponibles",
   comboBoxShowSuggestions: "Mostrar sugerencias",
   comboBoxLoading: "Buscando\u2026",
   datePickerOpenCalendar: "Abrir calendario",
@@ -882,14 +766,14 @@ var esMessages = {
 };
 
 // src/i18n/PireIntlProvider.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var MessagesContext = React6.createContext(enMessages);
 function PireIntlProvider({ messages, children }) {
   const value = React6.useMemo(
     () => messages ? { ...enMessages, ...messages } : enMessages,
     [messages]
   );
-  return /* @__PURE__ */ jsx21(MessagesContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx17(MessagesContext.Provider, { value, children });
 }
 function usePireMessages() {
   return React6.useContext(MessagesContext);
@@ -899,7 +783,136 @@ function useMessage(key, override) {
   return override ?? messages[key];
 }
 
+// src/components/forms/Select.tsx
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+var norm = (o) => typeof o === "string" ? { value: o, label: o, isDisabled: false } : o;
+function Select({
+  label,
+  value,
+  defaultValue,
+  onChange,
+  options = [],
+  placeholder = "Select\u2026",
+  description,
+  errorMessage,
+  emptyLabel,
+  size = "md",
+  fullWidth = true,
+  className,
+  style,
+  ...rest
+}) {
+  const msg = usePireMessages();
+  const items = options.map(norm);
+  return /* @__PURE__ */ jsxs12(
+    AriaSelect,
+    {
+      className: cx("pire-field", className),
+      style,
+      selectedKey: value,
+      defaultSelectedKey: defaultValue,
+      onSelectionChange: (k) => onChange?.(String(k)),
+      allowsEmptyCollection: true,
+      placeholder,
+      validationBehavior: "aria",
+      ...rest,
+      children: [
+        label ? /* @__PURE__ */ jsxs12(Label3, { className: "pire-field-label", children: [
+          label,
+          rest.isRequired ? /* @__PURE__ */ jsx18("span", { className: "pire-field-req", "aria-hidden": "true", children: "*" }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsxs12(
+          AriaButton4,
+          {
+            className: "pire-control",
+            "data-size": size,
+            "data-full-width": String(fullWidth),
+            "data-invalid": rest.isInvalid ? "true" : void 0,
+            children: [
+              /* @__PURE__ */ jsx18(SelectValue, { className: "pire-select-value" }),
+              /* @__PURE__ */ jsx18(Icon, { name: "chevron-down", size: 16, className: "pire-leading-icon" })
+            ]
+          }
+        ),
+        description ? /* @__PURE__ */ jsx18(Text4, { slot: "description", className: "pire-field-hint", children: description }) : null,
+        /* @__PURE__ */ jsx18(FieldError3, { className: "pire-field-error", children: errorMessage }),
+        /* @__PURE__ */ jsx18(Popover, { className: "pire-popover", children: /* @__PURE__ */ jsx18(
+          ListBox,
+          {
+            className: "pire-listbox",
+            items,
+            renderEmptyState: () => /* @__PURE__ */ jsx18("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: emptyLabel ?? msg.selectEmpty }),
+            children: (item) => /* @__PURE__ */ jsx18(ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: item.label })
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/components/forms/Checkbox.tsx
+import { Checkbox as AriaCheckbox } from "react-aria-components";
+import { Fragment, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+function Checkbox({ label, hint, children, className, ...rest }) {
+  return /* @__PURE__ */ jsx19(AriaCheckbox, { className: cx("pire-choice", className), ...rest, children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs13(Fragment, { children: [
+    /* @__PURE__ */ jsx19("span", { className: "pire-choice-box", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx19(Icon, { name: "minus", size: 12 }) : isSelected ? /* @__PURE__ */ jsx19(Icon, { name: "check", size: 12 }) : null }),
+    /* @__PURE__ */ jsxs13("span", { children: [
+      label ?? children,
+      hint ? /* @__PURE__ */ jsx19("span", { className: "pire-choice-hint", children: hint }) : null
+    ] })
+  ] }) });
+}
+
+// src/components/forms/Radio.tsx
+import {
+  RadioGroup as AriaRadioGroup,
+  Radio as AriaRadio,
+  Label as Label4,
+  Text as Text5,
+  FieldError as FieldError4
+} from "react-aria-components";
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+function RadioGroup({ label, description, errorMessage, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs14(AriaRadioGroup, { className: cx("pire-field", className), validationBehavior: "aria", ...rest, children: [
+    label ? /* @__PURE__ */ jsx20(Label4, { className: "pire-field-label", children: label }) : null,
+    /* @__PURE__ */ jsx20("div", { className: "pire-radiogroup", children }),
+    description ? /* @__PURE__ */ jsx20(Text5, { slot: "description", className: "pire-field-hint", children: description }) : null,
+    /* @__PURE__ */ jsx20(FieldError4, { className: "pire-field-error", children: errorMessage })
+  ] });
+}
+function Radio({ label, hint, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs14(AriaRadio, { className: cx("pire-choice", className), ...rest, children: [
+    /* @__PURE__ */ jsx20("span", { className: "pire-choice-box", "data-radio": "true", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs14("span", { children: [
+      label ?? children,
+      hint ? /* @__PURE__ */ jsx20("span", { className: "pire-choice-hint", children: hint }) : null
+    ] })
+  ] });
+}
+
+// src/components/forms/Switch.tsx
+import { Switch as AriaSwitch } from "react-aria-components";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function Switch({ label, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs15(AriaSwitch, { className: cx("pire-choice", className), ...rest, children: [
+    /* @__PURE__ */ jsx21("span", { className: "pire-switch-track", "aria-hidden": "true", children: /* @__PURE__ */ jsx21("span", { className: "pire-switch-thumb" }) }),
+    /* @__PURE__ */ jsx21("span", { children: label ?? children })
+  ] });
+}
+
 // src/components/forms/ComboBox.tsx
+import {
+  ComboBox as AriaComboBox,
+  Label as Label5,
+  Input as AriaInput2,
+  Button as AriaButton5,
+  Group as Group3,
+  Popover as Popover2,
+  ListBox as ListBox2,
+  ListBoxItem as ListBoxItem2,
+  Text as Text6,
+  FieldError as FieldError5
+} from "react-aria-components";
 import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var norm2 = (o) => typeof o === "string" ? { value: o, label: o } : o;
 function ComboBox({
@@ -908,6 +921,7 @@ function ComboBox({
   defaultValue,
   onChange,
   onInputChange,
+  inputValue,
   options = [],
   description,
   errorMessage,
@@ -937,6 +951,7 @@ function ComboBox({
         if (isLoading) return;
         onChange?.(k == null ? null : String(k));
       },
+      inputValue,
       onInputChange,
       ...collection,
       allowsEmptyCollection: isFilteredExternally || isLoading,
@@ -1436,7 +1451,7 @@ function Dialog({
           ] }),
           showClose ? /* @__PURE__ */ jsx27(IconButton, { icon: "x", label: msg.dialogClose, size: "sm", onPress: close }) : null
         ] }) : null,
-        /* @__PURE__ */ jsx27("div", { className: "pire-dialog-body", children }),
+        children ? /* @__PURE__ */ jsx27("div", { className: "pire-dialog-body", children }) : null,
         footer ? /* @__PURE__ */ jsx27("footer", { className: "pire-dialog-foot", children: footer }) : null
       ] }) })
     }
@@ -2957,13 +2972,18 @@ function colorForSegment(index) {
 // src/components/data/LinkList.tsx
 import { Button as AriaButton12 } from "react-aria-components";
 import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
-function LinkList({ items, onSelect, className, ...rest }) {
-  return /* @__PURE__ */ jsx51("div", { className: cx("pire-linklist", className), role: "list", ...rest, children: items.map((item) => /* @__PURE__ */ jsx51("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ jsxs44(AriaButton12, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
-    item.icon ? /* @__PURE__ */ jsx51(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
-    item.key ? /* @__PURE__ */ jsx51("span", { className: "pire-linklist-key", children: item.key }) : null,
-    item.text ? /* @__PURE__ */ jsx51("span", { className: "pire-linklist-text", children: item.text }) : null,
-    item.trailing
-  ] }) }, item.id)) });
+function LinkList({ items, onSelect, emphasis = "key", className, ...rest }) {
+  return /* @__PURE__ */ jsx51("div", { className: cx("pire-linklist", className), role: "list", "data-emphasis": emphasis, ...rest, children: items.map((item) => {
+    const keySlot = item.key ? /* @__PURE__ */ jsx51("span", { className: "pire-linklist-key", children: item.key }) : null;
+    const textSlot = item.text ? /* @__PURE__ */ jsx51("span", { className: "pire-linklist-text", children: item.text }) : null;
+    const [first, second] = emphasis === "text" ? [textSlot, keySlot] : [keySlot, textSlot];
+    return /* @__PURE__ */ jsx51("div", { role: "listitem", className: "pire-linklist-row", children: /* @__PURE__ */ jsxs44(AriaButton12, { className: "pire-linklist-item", onPress: () => onSelect?.(item.id), children: [
+      item.icon ? /* @__PURE__ */ jsx51(Icon, { name: item.icon, size: 16, style: { color: "var(--text-secondary)" } }) : null,
+      first,
+      second,
+      item.trailing
+    ] }) }, item.id);
+  }) });
 }
 
 // src/components/layout/PageBand.tsx