@ogcio/design-system-react 1.23.0 → 1.25.0

package/dist/browser-support/index.d.ts

@@ -0,0 +1 @@
+export * from './browser-support.js';

package/dist/browser-support/index.js

@@ -0,0 +1,4 @@
+import { BrowserSupport as p } from "./browser-support.js";
+export {
+  p as BrowserSupport
+};

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/cn.js

@@ -1,19 +1,7 @@
-function i(r) {
-  var f, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (f = 0; f < o; f++) r[f] && (n = i(r[f])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function u() {
-  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = i(r)) && (t && (t += " "), t += f);
-  return t;
-}
-function a(...r) {
-  return u(r);
+import { c } from "./clsx-OuTLNxxd.js";
+function o(...r) {
+  return c(r);
 }
 export {
-  a as cn
+  o as cn
 };

package/dist/constants.d.ts

@@ -0,0 +1,43 @@
+export declare const DS_HOST = "https://ds.services.gov.ie";
+export declare const BROWSER_POLICY: {
+    readonly desktop: {
+        readonly chrome: ">=109";
+        readonly firefox: ">=128";
+        readonly safari: ">=18";
+        readonly edge: ">=136";
+        readonly chromium: ">=109";
+        readonly opera: ">=109";
+        readonly vivaldi: ">=109";
+        readonly yandex: ">=109";
+        readonly uc: ">=109";
+        readonly qq: ">=109";
+    };
+    readonly mobile: {
+        readonly chrome: ">=138";
+        readonly firefox: ">=140";
+        readonly safari: ">=18";
+        readonly 'mobile safari': ">=18";
+        readonly samsung_internet: ">=27";
+        readonly edge: ">=138";
+        readonly chromium: ">=138";
+        readonly opera: ">=138";
+        readonly vivaldi: ">=138";
+        readonly yandex: ">=138";
+        readonly uc: ">=138";
+        readonly qq: ">=138";
+    };
+    readonly tablet: {
+        readonly chrome: ">=138";
+        readonly firefox: ">=140";
+        readonly safari: ">=18";
+        readonly 'mobile safari': ">=18";
+        readonly samsung_internet: ">=27";
+        readonly edge: ">=138";
+        readonly chromium: ">=138";
+        readonly opera: ">=138";
+        readonly vivaldi: ">=138";
+        readonly yandex: ">=138";
+        readonly uc: ">=138";
+        readonly qq: ">=138";
+    };
+};

package/dist/constants.js

@@ -0,0 +1,46 @@
+const e = "https://ds.services.gov.ie", i = {
+  desktop: {
+    chrome: ">=109",
+    firefox: ">=128",
+    safari: ">=18",
+    edge: ">=136",
+    chromium: ">=109",
+    opera: ">=109",
+    vivaldi: ">=109",
+    yandex: ">=109",
+    uc: ">=109",
+    qq: ">=109"
+  },
+  mobile: {
+    chrome: ">=138",
+    firefox: ">=140",
+    safari: ">=18",
+    "mobile safari": ">=18",
+    samsung_internet: ">=27",
+    edge: ">=138",
+    chromium: ">=138",
+    opera: ">=138",
+    vivaldi: ">=138",
+    yandex: ">=138",
+    uc: ">=138",
+    qq: ">=138"
+  },
+  tablet: {
+    chrome: ">=138",
+    firefox: ">=140",
+    safari: ">=18",
+    "mobile safari": ">=18",
+    samsung_internet: ">=27",
+    edge: ">=138",
+    chromium: ">=138",
+    opera: ">=138",
+    vivaldi: ">=138",
+    yandex: ">=138",
+    uc: ">=138",
+    qq: ">=138"
+  }
+};
+export {
+  i as BROWSER_POLICY,
+  e as DS_HOST
+};

package/dist/icon/icon.d.ts

@@ -1,7 +1,8 @@
+import { ComponentPropsWithoutRef, MouseEventHandler } from 'react';
 import { iconIds } from './icons.js';
 export type IconId = (typeof iconIds)[number];
 export type IconSize = 'sm' | 'md' | 'lg' | 'xl';
-export type IconProps = React.HTMLAttributes<HTMLSpanElement> & {
+export type IconProps = {
     icon: IconId;
     size?: IconSize;
     filled?: boolean;
@@ -10,6 +11,17 @@ export type IconProps = React.HTMLAttributes<HTMLSpanElement> & {
     ariaLabel?: string;
     inline?: boolean;
     className?: string;
-    onClick?: React.MouseEventHandler<HTMLSpanElement>;
-};
-export declare function Icon({ icon, size, filled, disabled, ariaHidden, ariaLabel, inline, className, onClick, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+} & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
+export declare const Icon: import('react').ForwardRefExoticComponent<{
+    icon: IconId;
+    size?: IconSize;
+    filled?: boolean;
+    disabled?: boolean;
+    ariaHidden?: boolean;
+    ariaLabel?: string;
+    inline?: boolean;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+} & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/dist/icon/icon.js

@@ -1,173 +1,86 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
-import { cn as i } from "../cn.js";
-import b from "./svgs/bluesky.js";
-import u from "./svgs/facebook.js";
-import y from "./svgs/instagram.js";
-import z from "./svgs/linkedin.js";
-import N from "./svgs/placeholder.js";
-import h from "./svgs/threads.js";
-import x from "./svgs/tiktok.js";
-import _ from "./svgs/x.js";
-import n from "./svgs/youtube.js";
-function j({
-  icon: t,
-  size: g = "md",
-  filled: c,
-  disabled: s,
-  ariaHidden: l,
-  ariaLabel: a,
-  inline: r = !1,
-  className: k = "",
-  onClick: m,
-  ...f
-}) {
-  let o = "24px";
-  switch (g) {
-    case "sm": {
-      o = "16px";
-      break;
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { cn as m } from "../cn.js";
+import _ from "./svgs/bluesky.js";
+import x from "./svgs/facebook.js";
+import h from "./svgs/instagram.js";
+import I from "./svgs/linkedin.js";
+import S from "./svgs/placeholder.js";
+import R from "./svgs/threads.js";
+import z from "./svgs/tiktok.js";
+import T from "./svgs/x.js";
+import v from "./svgs/youtube.js";
+const d = {
+  sm: "16px",
+  md: "24px",
+  lg: "32px",
+  xl: "48px"
+}, w = {
+  social_bluesky: { Component: _, disabledClass: "gi-stroke-gray-700" },
+  social_facebook: { Component: x, disabledClass: "gi-stroke-gray-700" },
+  social_instagram: {
+    Component: h,
+    disabledClass: "gi-stroke-gray-700"
+  },
+  social_linkedin: { Component: I, disabledClass: "gi-stroke-gray-700" },
+  social_threads: { Component: R, disabledClass: "gi-stroke-gray-700" },
+  social_tiktok: { Component: z, disabledClass: "gi-stroke-gray-700" },
+  social_x: { Component: T, disabledClass: "gi-stroke-gray-700" },
+  social_youtube: { Component: v, disabledClass: "gi-stroke-gray-700" },
+  placeholder: { Component: S, disabledClass: "gi-fill-gray-700" }
+}, M = u(
+  ({
+    icon: i,
+    size: g = "md",
+    filled: c,
+    disabled: e,
+    ariaHidden: k,
+    ariaLabel: a,
+    inline: o,
+    className: r,
+    onClick: C,
+    ...s
+  }, p) => {
+    const t = d[g] ?? d.md, l = w[String(i)];
+    if (l) {
+      const { Component: f, disabledClass: b } = l, y = m(
+        { "gi-block": !o, "gi-inline-block": o },
+        e && b,
+        r
+      );
+      return /* @__PURE__ */ n(f, { size: t, className: y });
     }
-    case "lg": {
-      o = "32px";
-      break;
-    }
-    case "xl": {
-      o = "48px";
-      break;
-    }
-  }
-  if (t === "social_bluesky")
-    return /* @__PURE__ */ e(
-      b,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "social_facebook")
-    return /* @__PURE__ */ e(
-      u,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "social_instagram")
-    return /* @__PURE__ */ e(
-      y,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "social_linkedin")
-    return /* @__PURE__ */ e(
-      z,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "social_threads")
-    return /* @__PURE__ */ e(
-      h,
+    return /* @__PURE__ */ n(
+      "span",
       {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
+        "aria-hidden": k,
+        "aria-label": a,
+        "data-testid": "govie-icon",
+        ...s,
+        ref: p,
+        onClick: C,
+        role: a ? "img" : "presentation",
+        className: m(
+          {
+            "gi-block": !o,
+            "gi-inline-block": o,
+            "gi-text-gray-700": e
+          },
+          "material-symbols-outlined",
+          r
+        ),
+        style: {
+          fontSize: t,
+          fontVariationSettings: `'FILL' ${c ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' ${t}`,
+          ...s == null ? void 0 : s.style
+        },
+        children: i
       }
     );
-  if (t === "social_tiktok")
-    return /* @__PURE__ */ e(
-      x,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "social_x")
-    return /* @__PURE__ */ e(
-      _,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "social_youtube")
-    return /* @__PURE__ */ e(
-      n,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-stroke-gray-700": s
-        })
-      }
-    );
-  if (t === "placeholder")
-    return /* @__PURE__ */ e(
-      N,
-      {
-        size: o,
-        className: i({
-          "gi-block": !r,
-          "gi-inline-block": r,
-          "gi-fill-gray-700": s
-        })
-      }
-    );
-  const p = c ? "'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' " + o : "'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' " + o;
-  return /* @__PURE__ */ e(
-    "span",
-    {
-      "data-testid": "govie-icon",
-      ...f,
-      onClick: m,
-      "aria-hidden": l || void 0,
-      "aria-label": a,
-      role: a ? "img" : "presentation",
-      className: i(
-        { "gi-block": !r, "gi-text-gray-700": s },
-        "material-symbols-outlined",
-        k
-      ),
-      style: {
-        fontSize: o,
-        fontVariationSettings: p
-      },
-      children: t
-    }
-  );
-}
+  }
+);
 export {
-  j as Icon
+  M as Icon,
+  M as default
 };

package/dist/index.d.ts

@@ -80,8 +80,7 @@ export { SectionBreak, type SectionBreakProps, } from './section-break/section-b
 export { Select, SelectGroupItem, SelectItem, SelectTableCell, } from './select/select.js';
 export { SelectNext, SelectGroupItemNext, SelectItemNext, } from './select/select-next.js';
 export type { SelectGroupItemProps, SelectMenuOptionProps, SelectMenuProps, SelectNextGroupProps, SelectNextOptionProps, SelectNextProps, } from './select/types.js';
-export { SideNav, SideNavItem } from './side-nav/side-nav.js';
-export type { SideNavItemProps, SideNavProps } from './side-nav/types.js';
+export * from './side-nav/index.js';
 export { Spinner, type SpinnerProps } from './spinner/spinner.js';
 export { Stack } from './stack/stack.js';
 export { type StackProps } from './stack/types.js';
@@ -102,10 +101,11 @@ export { TabPanel } from './tabs/tab-panel.js';
 export { Tabs } from './tabs/tabs.js';
 export type { TabItemProps, TabsProps, TabPanelProps } from './tabs/types.js';
 export * from './data-table/index.js';
-export { Tag, TagTypeEnum, type TagProps, type TagType } from './tag/tag.js';
+export { Tag, TagTypeEnum, type TagProps, type TagType, type TagSize, } from './tag/tag.js';
 export { TextInput, type TextInputProps } from './text-input/text-input.js';
 export { TextArea, type TextAreaProps } from './textarea/textarea.js';
 export { toaster, ToastProvider } from './toast/toast.js';
 export type { ToastHorizontalPosition, ToastPosition, ToastProps, ToastVariant, ToastVerticalPosition, } from './toast/types.js';
 export { Tooltip, type TooltipProps } from './tooltip/tooltip.js';
 export { useToggleMap } from './hooks/use-toggle-map.js';
+export * from './browser-support/index.js';