@opengovsg/oui 0.0.0-snapshot-20250311073924

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/landmark.cjs

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createLucideIcon = require('../createLucideIcon.cjs');
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["line", { x1: "3", x2: "21", y1: "22", y2: "22", key: "j8o0r" }],
+  ["line", { x1: "6", x2: "6", y1: "18", y2: "11", key: "10tf0k" }],
+  ["line", { x1: "10", x2: "10", y1: "18", y2: "11", key: "54lgf6" }],
+  ["line", { x1: "14", x2: "14", y1: "18", y2: "11", key: "380y" }],
+  ["line", { x1: "18", x2: "18", y1: "18", y2: "11", key: "1kevvc" }],
+  ["polygon", { points: "12 2 20 7 4 7", key: "jkujk7" }]
+];
+const Landmark = createLucideIcon.default("Landmark", __iconNode);
+
+exports.__iconNode = __iconNode;
+exports.default = Landmark;

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/lock.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createLucideIcon = require('../createLucideIcon.cjs');
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+];
+const Lock = createLucideIcon.default("Lock", __iconNode);
+
+exports.__iconNode = __iconNode;
+exports.default = Lock;

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createLucideIcon = require('../createLucideIcon.cjs');
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon.default("X", __iconNode);
+
+exports.__iconNode = __iconNode;
+exports.default = X;

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/shared/src/utils.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+/**
+ * @license lucide-react v0.475.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+exports.mergeClasses = mergeClasses;
+exports.toKebabCase = toKebabCase;

package/dist/cjs/ripple/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+'use strict';
+
+var ripple = require('./ripple.cjs');
+var useRipple = require('./use-ripple.cjs');
+
+
+
+exports.Ripple = ripple.Ripple;
+exports.useRipple = useRipple.useRipple;

package/dist/cjs/ripple/ripple.cjs

@@ -0,0 +1,70 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var motion = require('motion');
+var react = require('motion/react');
+var m = require('motion/react-m');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var m__namespace = /*#__PURE__*/_interopNamespaceDefault(m);
+
+function Ripple({
+  ripples = [],
+  style,
+  onClear,
+  color = "currentColor"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: ripples.map((ripple) => {
+    const duration = motion.clamp(
+      0.2,
+      ripple.size > 100 ? 0.75 : 0.5,
+      0.01 * ripple.size
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(react.LazyMotion, { features: react.domAnimation, children: /* @__PURE__ */ jsxRuntime.jsx(react.AnimatePresence, { mode: "popLayout", children: /* @__PURE__ */ jsxRuntime.jsx(
+      m__namespace.span,
+      {
+        animate: { transform: "scale(2)", opacity: 0 },
+        exit: { opacity: 0 },
+        initial: { transform: "scale(0)", opacity: 0.35 },
+        onAnimationComplete: () => {
+          onClear(ripple.key);
+        },
+        style: {
+          position: "absolute",
+          overflow: "hidden",
+          inset: 0,
+          zIndex: 0,
+          pointerEvents: "none",
+          borderRadius: "100%",
+          top: ripple.y,
+          left: ripple.x,
+          width: `${ripple.size}px`,
+          height: `${ripple.size}px`,
+          backgroundColor: color,
+          ...style
+        },
+        transition: { duration }
+      }
+    ) }) }, ripple.key);
+  }) });
+}
+
+exports.Ripple = Ripple;

package/dist/cjs/ripple/use-ripple.cjs

@@ -0,0 +1,29 @@
+"use strict";
+"use client";
+'use strict';
+
+var react = require('react');
+var nanoid = require('nanoid');
+
+const useRipple = () => {
+  const [ripples, setRipples] = react.useState([]);
+  const onPress = react.useCallback((event) => {
+    const trigger = event.target;
+    const size = Math.max(trigger.clientWidth, trigger.clientHeight);
+    setRipples((prevRipples) => [
+      ...prevRipples,
+      {
+        key: nanoid.nanoid(),
+        size,
+        x: event.x - size / 2,
+        y: event.y - size / 2
+      }
+    ]);
+  }, []);
+  const onClear = react.useCallback((key) => {
+    setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));
+  }, []);
+  return { ripples, onPress, onClear };
+};
+
+exports.useRipple = useRipple;

package/dist/cjs/skip-nav-link/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var skipNavLink = require('./skip-nav-link.cjs');
+
+
+
+exports.SkipNavLink = skipNavLink.SkipNavLink;

package/dist/cjs/skip-nav-link/skip-nav-link.cjs

@@ -0,0 +1,18 @@
+"use strict";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ouiTheme = require('@opengovsg/oui-theme');
+
+const SkipNavLink = ({ className, id, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      className: ouiTheme.skipNavLinkStyles({ className }),
+      ...props,
+      href: `#${id}`
+    }
+  );
+};
+
+exports.SkipNavLink = SkipNavLink;

package/dist/cjs/spinner/index.cjs

@@ -0,0 +1,10 @@
+"use strict";
+'use strict';
+
+var spinner = require('./spinner.cjs');
+var useSpinner = require('./use-spinner.cjs');
+
+
+
+exports.Spinner = spinner.Spinner;
+exports.useSpinner = useSpinner.useSpinner;

package/dist/cjs/spinner/spinner.cjs

@@ -0,0 +1,17 @@
+"use strict";
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('../system/utils.cjs');
+var useSpinner = require('./use-spinner.cjs');
+
+const Spinner = utils.forwardRef((props, ref) => {
+  const { slots, classNames, getSpinnerProps } = useSpinner.useSpinner(props);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...getSpinnerProps(), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: slots.wrapper({ class: classNames?.wrapper }), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("i", { className: slots.circle1({ class: classNames?.circle1 }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("i", { className: slots.circle2({ class: classNames?.circle2 }) })
+  ] }) });
+});
+
+exports.Spinner = Spinner;

package/dist/cjs/spinner/use-spinner.cjs

@@ -0,0 +1,38 @@
+"use strict";
+"use client";
+'use strict';
+
+var react = require('react');
+var ouiTheme = require('@opengovsg/oui-theme');
+var useDeepCompare = require('use-deep-compare');
+var utils = require('../system/utils.cjs');
+
+const useSpinner = (originalProps) => {
+  const [props, variantProps] = utils.mapPropsVariants(
+    originalProps,
+    ouiTheme.spinnerStyles.variantKeys
+  );
+  const { className, classNames, ...otherProps } = props;
+  const slots = useDeepCompare.useDeepCompareMemo(
+    () => ouiTheme.spinnerStyles({ ...variantProps }),
+    [variantProps]
+  );
+  const baseStyles = ouiTheme.cn(classNames?.base, className);
+  const ariaLabel = react.useMemo(() => {
+    return !otherProps["aria-label"] ? "Loading" : "";
+  }, [otherProps["aria-label"]]);
+  const getSpinnerProps = react.useCallback(
+    () => ({
+      "aria-label": ariaLabel,
+      role: "progressbar",
+      className: slots.base({
+        class: baseStyles
+      }),
+      ...otherProps
+    }),
+    [ariaLabel, slots, baseStyles, otherProps]
+  );
+  return { slots, classNames, getSpinnerProps };
+};
+
+exports.useSpinner = useSpinner;

package/dist/cjs/system/react-utils/context.cjs

@@ -0,0 +1,31 @@
+"use strict";
+'use strict';
+
+var react = require('react');
+
+function createContext(options = {}) {
+  const {
+    strict = true,
+    errorMessage = "useContext: `context` is undefined. Seems you forgot to wrap component within the Provider",
+    name
+  } = options;
+  const Context = react.createContext(void 0);
+  Context.displayName = name;
+  function useContext() {
+    const context = react.useContext(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage);
+      error.name = "ContextError";
+      Error.captureStackTrace?.(error, useContext);
+      throw error;
+    }
+    return context;
+  }
+  return [
+    Context.Provider,
+    useContext,
+    Context
+  ];
+}
+
+exports.createContext = createContext;

package/dist/cjs/system/react-utils/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var context = require('./context.cjs');
+
+
+
+exports.createContext = context.createContext;

package/dist/cjs/system/types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+'use strict';
+

package/dist/cjs/system/utils.cjs

@@ -0,0 +1,101 @@
+"use strict";
+'use strict';
+
+var react = require('react');
+
+function forwardRef(component) {
+  return react.forwardRef(component);
+}
+function forwardRefGeneric(render) {
+  return forwardRef(render);
+}
+const mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
+  if (!variantKeys) {
+    return [props, {}];
+  }
+  const picked = variantKeys.reduce((acc, key) => {
+    if (key in props) {
+      return { ...acc, [key]: props[key] };
+    }
+    return acc;
+  }, {});
+  if (removeVariantProps) {
+    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
+    return [omitted, picked];
+  }
+  return [props, picked];
+};
+function useRenderProps(props) {
+  const {
+    className,
+    style,
+    children,
+    defaultClassName = void 0,
+    defaultChildren = void 0,
+    defaultStyle,
+    values
+  } = props;
+  return react.useMemo(() => {
+    let computedClassName;
+    let computedStyle;
+    let computedChildren;
+    if (typeof className === "function") {
+      computedClassName = className({ ...values, defaultClassName });
+    } else {
+      computedClassName = className;
+    }
+    if (typeof style === "function") {
+      computedStyle = style({ ...values, defaultStyle: defaultStyle || {} });
+    } else {
+      computedStyle = style;
+    }
+    if (typeof children === "function") {
+      computedChildren = children({ ...values, defaultChildren });
+    } else if (children == null) {
+      computedChildren = defaultChildren;
+    } else {
+      computedChildren = children;
+    }
+    return {
+      className: computedClassName ?? defaultClassName,
+      style: computedStyle || defaultStyle ? { ...defaultStyle, ...computedStyle } : void 0,
+      children: computedChildren ?? defaultChildren,
+      "data-rac": ""
+    };
+  }, [
+    className,
+    style,
+    children,
+    defaultClassName,
+    defaultChildren,
+    defaultStyle,
+    values
+  ]);
+}
+function removeDataAttributes(props) {
+  const prefix = /^(data-.*)$/;
+  const filteredProps = {};
+  for (const prop in props) {
+    if (!prefix.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+}
+function pickAriaAttributes(props) {
+  const prefix = /^(aria-.*)$/;
+  const filteredProps = {};
+  for (const prop in props) {
+    if (prefix.test(prop)) {
+      filteredProps[prop] = props[prop];
+    }
+  }
+  return filteredProps;
+}
+
+exports.forwardRef = forwardRef;
+exports.forwardRefGeneric = forwardRefGeneric;
+exports.mapPropsVariants = mapPropsVariants;
+exports.pickAriaAttributes = pickAriaAttributes;
+exports.removeDataAttributes = removeDataAttributes;
+exports.useRenderProps = useRenderProps;

package/dist/cjs/tag-field/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+'use strict';
+
+var tagField = require('./tag-field.cjs');
+
+
+
+exports.TagField = tagField.TagField;

package/dist/cjs/tag-field/tag-field-list.cjs

@@ -0,0 +1,73 @@
+"use strict";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ouiTheme = require('@opengovsg/oui-theme');
+var reactAriaComponents = require('react-aria-components');
+var utils = require('../system/utils.cjs');
+var tagFieldStateContext = require('./tag-field-state-context.cjs');
+
+const TagFieldListContext = react.createContext(null);
+const TagFieldListItemInner = ({ item, isHighlighted, classNames, ...itemProps }, ref) => {
+  const { itemToText, size } = react.useContext(tagFieldStateContext.TagFieldStateContext);
+  const styles = ouiTheme.tagFieldItemStyles({ size });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      ref,
+      ...itemProps,
+      className: styles.container({ className: classNames?.container }),
+      "data-rac": true,
+      "data-hovered": ouiTheme.dataAttr(isHighlighted),
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.label({ className: classNames?.label }), children: itemToText(item) })
+    }
+  );
+};
+const TagFieldListItem = utils.forwardRefGeneric(TagFieldListItemInner);
+const TagFieldListInner = (props, ref) => {
+  [props, ref] = reactAriaComponents.useContextProps(props, ref, TagFieldListContext);
+  const { items, getItemProps, highlightedIndex } = react.useContext(tagFieldStateContext.TagFieldStateContext);
+  const { slot, rowVirtualizer, itemClassNames, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { slot: slot ?? void 0, ref, ...rest, children: props.children !== void 0 && typeof props.children !== "function" ? props.children : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        "aria-hidden": true,
+        style: { height: rowVirtualizer?.getTotalSize() }
+      },
+      "total-size"
+    ),
+    rowVirtualizer?.getVirtualItems().map((virtualRow) => {
+      const item = items[virtualRow.index];
+      const itemProps = getItemProps({
+        item,
+        index: virtualRow.index,
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: virtualRow.size,
+          transform: `translateY(${virtualRow.start}px)`
+        }
+      });
+      const childProps = {
+        item,
+        isHighlighted: highlightedIndex === virtualRow.index,
+        key: virtualRow.key,
+        ...itemProps,
+        classNames: itemClassNames
+      };
+      if (typeof props.children === "function") {
+        return props.children(childProps);
+      }
+      return /* @__PURE__ */ react.createElement(TagFieldListItem, { ...childProps, key: childProps.key });
+    })
+  ] }) });
+};
+const TagFieldList = utils.forwardRefGeneric(TagFieldListInner);
+
+exports.TagFieldList = TagFieldList;
+exports.TagFieldListContext = TagFieldListContext;
+exports.TagFieldListItem = TagFieldListItem;