@midas-ds/components 1.0.3 → 1.1.0

package/index91.js

@@ -1,17 +1,9 @@
-import { j as o, b as i, c as r, d as t, l as e, h as n, a as b, k as d, e as l, f, i as C, m as h, g as m, s as c } from "./tokens-CjXmpXTi.js";
+import "react/jsx-runtime";
+import { T as i, a as T } from "./Tag-DWt0koFj.js";
+import "./index66.js";
+import "./clsx-OuTLNxxd.js";
+import "./x-JK7i-TQC.js";
 export {
-  o as accessibility,
-  i as baseColors,
-  r as borderRadius,
-  t as borderWidths,
-  e as boxShadow,
-  n as breakpoints,
-  b as buttonColors,
-  d as font,
-  l as fontSizes,
-  f as fontWeights,
-  C as inputColor,
-  h as midasColors,
-  m as midasTransitions,
-  c as signalColors
+  i as Tag,
+  T as TagGroup
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "type": "module",

package/useControlledState-Kv9K2AYu.js

@@ -0,0 +1,30 @@
+import { useState as $, useRef as C, useEffect as V, useCallback as h } from "react";
+function R(o, d, l) {
+  let [p, s] = $(o || d), i = C(o !== void 0), e = o !== void 0;
+  V(() => {
+    let t = i.current;
+    t !== e && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
+  }, [
+    e
+  ]);
+  let n = e ? o : p, b = h((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(n, r) || l(r, ...c)), e || (n = r);
+    };
+    typeof t == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
+      let a = t(e ? n : c, ...m);
+      return f(a, ...u), e ? c : a;
+    })) : (e || s(t), f(t, ...u));
+  }, [
+    e,
+    n,
+    l
+  ]);
+  return [
+    n,
+    b
+  ];
+}
+export {
+  R as $
+};

package/{useDescription-BPs7eRff.js → useDescription-B7stiK3j.js}

@@ -1,4 +1,4 @@
-import { k as o } from "./useFocusRing-BKGhL91C.js";
+import { l as o } from "./useFocusRing-9PXyKy2A.js";
 import { useState as l } from "react";
 let $ = 0;
 const d = /* @__PURE__ */ new Map();

package/useEvent-Xk5kn5Ns.js

@@ -0,0 +1,21 @@
+import { m as l } from "./useFocusRing-9PXyKy2A.js";
+import { useEffect as m } from "react";
+function i(e, t, f, r) {
+  let a = l(f), c = f == null;
+  m(() => {
+    if (c || !e.current) return;
+    let n = e.current;
+    return n.addEventListener(t, a, r), () => {
+      n.removeEventListener(t, a, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    c,
+    a
+  ]);
+}
+export {
+  i as $
+};

package/{useField-Dz62UHCP.js → useField-DMzJIIN4.js}

@@ -1,8 +1,8 @@
-import { a as n, l as s, B as f, e as c } from "./useFocusRing-BKGhL91C.js";
-import { $ } from "./Hidden-DngIphiL.js";
+import { a as n, k as s, C as f, e as $ } from "./useFocusRing-9PXyKy2A.js";
+import { $ as c } from "./Hidden-CVlUgUJM.js";
 import p, { createContext as m } from "react";
-import { a as y } from "./useControlledState-DrAoodI6.js";
-const u = /* @__PURE__ */ m({}), g = /* @__PURE__ */ $(function(e, l) {
+import { $ as y } from "./useLabels-9zaZ9oa0.js";
+const u = /* @__PURE__ */ m({}), g = /* @__PURE__ */ c(function(e, l) {
   [e, l] = n(e, l, u);
   let { elementType: a = "label", ...r } = e;
   return /* @__PURE__ */ p.createElement(a, {
@@ -41,7 +41,7 @@ function E(t) {
     a,
     r
   ]);
-  return o = c(o, {
+  return o = $(o, {
     "aria-describedby": [
       i,
       // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268

package/{useFilter-ViwzkzZe.js → useFilter-Bt9dbV1U.js}

@@ -1,4 +1,4 @@
-import { $ as p } from "./ListKeyboardDelegate-BH-K5hyq.js";
+import { $ as p } from "./ListKeyboardDelegate-gCXy-Xnn.js";
 import { useCallback as o, useMemo as $ } from "react";
 function F(h) {
   let l = p({

package/{useFocusRing-BKGhL91C.js → useFocusRing-9PXyKy2A.js}

@@ -1248,16 +1248,16 @@ function En(e = {}) {
 }
 export {
   ln as $,
-  dn as A,
-  on as B,
-  zt as C,
-  Ke as D,
-  J as E,
-  xt as F,
-  We as G,
-  et as H,
-  vt as I,
-  V as J,
+  bn as A,
+  dn as B,
+  on as C,
+  zt as D,
+  Ke as E,
+  vt as F,
+  J as G,
+  xt as H,
+  We as I,
+  et as J,
   yn as K,
   kt as L,
   un as M,
@@ -1278,20 +1278,20 @@ export {
   je as h,
   Ft as i,
   Ht as j,
-  Y as k,
-  gt as l,
-  vn as m,
-  sn as n,
-  Ue as o,
-  cn as p,
-  Kt as q,
-  K as r,
-  P as s,
-  Tn as t,
-  Ne as u,
-  Lt as v,
-  Jt as w,
-  Ot as x,
-  gn as y,
-  bn as z
+  gt as k,
+  Y as l,
+  V as m,
+  vn as n,
+  sn as o,
+  Ue as p,
+  cn as q,
+  Kt as r,
+  K as s,
+  P as t,
+  Tn as u,
+  Ne as v,
+  Lt as w,
+  Jt as x,
+  Ot as y,
+  gn as z
 };

package/{useFocusable-CRSmYEQc.js → useFocusable-CcEBZe40.js}

@@ -1,4 +1,4 @@
-import { C as d, e as n, t as i, j as b } from "./useFocusRing-BKGhL91C.js";
+import { D as d, e as n, u as i, j as b } from "./useFocusRing-9PXyKy2A.js";
 import l, { useRef as $, useEffect as p, useContext as P } from "react";
 function u(e) {
   if (!e) return;

package/{useGridSelectionCheckbox-CVEvUCJL.js → useGridSelectionCheckbox-DYgEnElE.js}

@@ -1,6 +1,6 @@
-import { $ as s } from "./useHighlightSelectionDescription-CD74uzLh.js";
-import { l as f } from "./useFocusRing-BKGhL91C.js";
-import { $ } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
+import { $ as s } from "./useHighlightSelectionDescription-WYAbP4No.js";
+import { k as f } from "./useFocusRing-9PXyKy2A.js";
+import { $ } from "./useLocalizedStringFormatter-BlCbn-hX.js";
 function d(e) {
   return e && e.__esModule ? e.default : e;
 }

package/{useHasTabbableChild-C8y4fwiY.js → useHasTabbableChild-D6DwR81L.js}

@@ -1,16 +1,16 @@
-import { $ as l } from "./FocusScope-C8i7CH6y.js";
-import { k as n } from "./useFocusRing-BKGhL91C.js";
+import { $ as i } from "./FocusScope-B7CkxXNC.js";
+import { l as n } from "./useFocusRing-9PXyKy2A.js";
 import { useState as s } from "react";
 function $(e, t) {
-  let a = t == null ? void 0 : t.isDisabled, [b, u] = s(!1);
+  let a = t == null ? void 0 : t.isDisabled, [b, l] = s(!1);
   return n(() => {
     if (e != null && e.current && !a) {
       let r = () => {
         if (e.current) {
-          let i = l(e.current, {
+          let u = i(e.current, {
             tabbable: !0
           });
-          u(!!i.nextNode());
+          l(!!u.nextNode());
         }
       };
       r();

package/{useHighlightSelectionDescription-CD74uzLh.js → useHighlightSelectionDescription-WYAbP4No.js}

@@ -1,9 +1,9 @@
-import { b as J } from "./Button-B4vMZbC6.js";
-import { $ as B } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
+import { b as J } from "./Button-DL6nqUco.js";
+import { $ as B } from "./useLocalizedStringFormatter-BlCbn-hX.js";
 import { useRef as q, useMemo as Q } from "react";
 import { $ as X } from "./useUpdateEffect-Dtz-i14F.js";
-import { $ as Y } from "./useDescription-BPs7eRff.js";
-import { P as ee } from "./useFocusRing-BKGhL91C.js";
+import { $ as Y } from "./useDescription-B7stiK3j.js";
+import { P as ee } from "./useFocusRing-9PXyKy2A.js";
 var D = {};
 D = {
   deselectedItem: (e) => `${e.item} غير المحدد`,

package/useLabels-9zaZ9oa0.js

@@ -0,0 +1,17 @@
+import { k as t } from "./useFocusRing-9PXyKy2A.js";
+function s(r, a) {
+  let { id: i, "aria-label": l, "aria-labelledby": e } = r;
+  return i = t(i), e && l ? e = [
+    .../* @__PURE__ */ new Set([
+      i,
+      ...e.trim().split(/\s+/)
+    ])
+  ].join(" ") : e && (e = e.trim().split(/\s+/).join(" ")), !l && !e && a && (l = a), {
+    id: i,
+    "aria-label": l,
+    "aria-labelledby": e
+  };
+}
+export {
+  s as $
+};

package/{useListState-DKnP5TB5.js → useListState-BfTeKTk5.js}

@@ -1,4 +1,4 @@
-import { $ as C, a as T, b as V } from "./SelectionManager-8o40f7mx.js";
+import { $ as C, a as T, b as V } from "./SelectionManager-BfXUE1qg.js";
 import { useMemo as m, useCallback as W, useRef as z, useEffect as F } from "react";
 class D {
   *[Symbol.iterator]() {

package/{useLocalizedStringFormatter-DsZ-ZWSk.js → useLocalizedStringFormatter-BlCbn-hX.js}

@@ -1,4 +1,4 @@
-import { $ } from "./context-Bnqknrce.js";
+import { $ } from "./context-BpJLnOuu.js";
 import { useMemo as b } from "react";
 const g = Symbol.for("react-aria.i18n.locale"), h = Symbol.for("react-aria.i18n.strings");
 let i;

package/{useSingleSelectListState-BHTLh8Ob.js → useSingleSelectListState-DPkaL0la.js}

@@ -1,5 +1,5 @@
-import { $ as r } from "./useListState-DKnP5TB5.js";
-import { $ as y } from "./useControlledState-DrAoodI6.js";
+import { $ as r } from "./useListState-BfTeKTk5.js";
+import { $ as y } from "./useControlledState-Kv9K2AYu.js";
 import { useMemo as K } from "react";
 function S(l) {
   var t;

package/Text-CQPW6xs7.js

@@ -1,15 +0,0 @@
-import { a as c } from "./useFocusRing-BKGhL91C.js";
-import o, { forwardRef as f, createContext as n } from "react";
-const $ = /* @__PURE__ */ n({}), s = /* @__PURE__ */ f(function(e, t) {
-  [e, t] = c(e, t, $);
-  let { elementType: a = "span", ...r } = e;
-  return /* @__PURE__ */ o.createElement(a, {
-    className: "react-aria-Text",
-    ...r,
-    ref: t
-  });
-});
-export {
-  $,
-  s as a
-};

package/accordion/AccordionContent.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import * as RadixAccordion from '@radix-ui/react-accordion';
-export declare const AccordionContent: React.ForwardRefExoticComponent<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>>;

package/accordion/AccordionTagContext.d.ts

@@ -1,3 +0,0 @@
-export type TextElementTag = keyof Pick<JSX.IntrinsicElements, 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'strong' | 'em'>;
-export declare const AccordionTagContext: import('react').Context<"p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em">;
-export declare const useAccordionTag: () => "p" | "span" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "strong" | "em";

package/accordion/AccordionTrigger.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import * as RadixAccordion from '@radix-ui/react-accordion';
-export declare const AccordionTrigger: React.ForwardRefExoticComponent<RadixAccordion.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;