@als-tp/als-react-ts-ui 0.3.0 → 0.4.0

package/dist/als-react-ts-ui33.js

@@ -0,0 +1,173 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import n from "./als-react-ts-ui113.js";
+import { useToastManager as A } from "./als-react-ts-ui114.js";
+import { ToastViewport as w } from "./als-react-ts-ui115.js";
+import { ToastRoot as y } from "./als-react-ts-ui116.js";
+import { ToastContent as j } from "./als-react-ts-ui117.js";
+import { ToastTitle as P } from "./als-react-ts-ui118.js";
+import { ToastDescription as g } from "./als-react-ts-ui119.js";
+import { ToastAction as v } from "./als-react-ts-ui120.js";
+import { ToastClose as B } from "./als-react-ts-ui121.js";
+import { createToastManager as x } from "./als-react-ts-ui122.js";
+import { ToastPortal as M } from "./als-react-ts-ui123.js";
+import { ToastProvider as R } from "./als-react-ts-ui124.js";
+const L = ({
+  limit: o = 3,
+  timeout: t = 5e3,
+  toastManager: s,
+  children: r
+}) => /* @__PURE__ */ e(
+  R,
+  {
+    limit: o,
+    timeout: t,
+    toastManager: s,
+    children: r
+  }
+);
+L.displayName = "ALSToast.Provider";
+const S = ({
+  container: o,
+  children: t
+}) => /* @__PURE__ */ e(M, { container: o, children: t });
+S.displayName = "ALSToast.Portal";
+const C = l(
+  ({ className: o, style: t }, s) => {
+    const { toasts: r } = A(), a = [n.viewport, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      w,
+      {
+        ref: s,
+        className: a,
+        style: t,
+        children: r.slice().map((i, c) => /* @__PURE__ */ e(
+          m,
+          {
+            toast: i,
+            style: {
+              "--toast-index": c
+            },
+            children: /* @__PURE__ */ h(p, { children: [
+              i.title && /* @__PURE__ */ e(T, { children: i.title }),
+              i.description && /* @__PURE__ */ e(d, { children: i.description }),
+              i.actionProps && /* @__PURE__ */ e(f, { ...i.actionProps }),
+              /* @__PURE__ */ e(N, {})
+            ] })
+          },
+          i.id
+        ))
+      }
+    );
+  }
+);
+C.displayName = "ALSToast.Viewport";
+const m = l(
+  ({
+    toast: o,
+    swipeDirection: t = ["down", "right"],
+    className: s,
+    style: r,
+    children: a
+  }, i) => {
+    const c = o.type || "default", u = [n.root, n[`root--${c}`], s].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      y,
+      {
+        ref: i,
+        toast: o,
+        swipeDirection: t,
+        className: u,
+        style: r,
+        children: a
+      }
+    );
+  }
+);
+m.displayName = "ALSToast.Root";
+const p = l(
+  ({ className: o, style: t, children: s }, r) => {
+    const a = [n.content, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(j, { ref: r, className: a, style: t, children: s });
+  }
+);
+p.displayName = "ALSToast.Content";
+const T = l(
+  ({ className: o, style: t, children: s }, r) => {
+    const a = [n.title, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(P, { ref: r, className: a, style: t, children: s });
+  }
+);
+T.displayName = "ALSToast.Title";
+const d = l(({ className: o, style: t, children: s }, r) => {
+  const a = [n.description, o].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(
+    g,
+    {
+      ref: r,
+      className: a,
+      style: t,
+      children: s
+    }
+  );
+});
+d.displayName = "ALSToast.Description";
+const f = l(
+  ({ className: o, style: t, children: s, onClick: r }, a) => {
+    const i = [n.action, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(
+      v,
+      {
+        ref: a,
+        className: i,
+        style: t,
+        onClick: r,
+        children: s
+      }
+    );
+  }
+);
+f.displayName = "ALSToast.Action";
+const N = l(
+  ({ className: o, style: t, children: s }, r) => {
+    const a = [n.close, o].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e(B, { ref: r, className: a, style: t, children: s || /* @__PURE__ */ e(k, {}) });
+  }
+);
+N.displayName = "ALSToast.Close";
+const k = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: n.closeIcon,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M12 4L4 12M4 4L12 12",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), O = {
+  Provider: L,
+  Portal: S,
+  Viewport: C,
+  Root: m,
+  Content: p,
+  Title: T,
+  Description: d,
+  Action: f,
+  Close: N,
+  useToastManager: A,
+  createToastManager: x
+};
+export {
+  O as ALSToast
+};

package/dist/als-react-ts-ui330.js

@@ -0,0 +1,44 @@
+import "react";
+import { stringifyAsLabel as l } from "./als-react-ts-ui260.js";
+const f = /* @__PURE__ */ new Map();
+function h(e) {
+  return Array.isArray(e) ? e.map((c) => h(c)).join(",") : e == null ? "" : String(e);
+}
+function m(e = {}) {
+  const c = {
+    usage: "search",
+    sensitivity: "base",
+    ignorePunctuation: !0,
+    ...e
+  }, a = `${h(e.locale)}|${JSON.stringify(c)}`, g = f.get(a);
+  if (g)
+    return g;
+  const o = new Intl.Collator(e.locale, c), u = {
+    contains(i, t, s) {
+      if (!t)
+        return !0;
+      const r = l(i, s);
+      for (let n = 0; n <= r.length - t.length; n += 1)
+        if (o.compare(r.slice(n, n + t.length), t) === 0)
+          return !0;
+      return !1;
+    },
+    startsWith(i, t, s) {
+      if (!t)
+        return !0;
+      const r = l(i, s);
+      return o.compare(r.slice(0, t.length), t) === 0;
+    },
+    endsWith(i, t, s) {
+      if (!t)
+        return !0;
+      const r = l(i, s), n = t.length;
+      return r.length >= n && o.compare(r.slice(r.length - n), t) === 0;
+    }
+  };
+  return f.set(a, u), u;
+}
+const d = m;
+export {
+  d as useCoreFilter
+};

package/dist/als-react-ts-ui331.js

@@ -0,0 +1,41 @@
+import e from "./als-react-ts-ui197.js";
+import * as t from "react";
+const n = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ComboboxRootContext");
+const s = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (s.displayName = "ComboboxFloatingContext");
+const r = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (r.displayName = "ComboboxDerivedItemsContext");
+const i = /* @__PURE__ */ t.createContext("");
+process.env.NODE_ENV !== "production" && (i.displayName = "ComboboxInputValueContext");
+function b() {
+  const o = t.useContext(n);
+  if (!o)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxRootContext is missing. Combobox parts must be placed within <Combobox.Root>." : e(22));
+  return o;
+}
+function C() {
+  const o = t.useContext(s);
+  if (!o)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxFloatingContext is missing. Combobox parts must be placed within <Combobox.Root>." : e(23));
+  return o;
+}
+function m() {
+  const o = t.useContext(r);
+  if (!o)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root>." : e(24));
+  return o;
+}
+function c() {
+  return t.useContext(i);
+}
+export {
+  r as ComboboxDerivedItemsContext,
+  s as ComboboxFloatingContext,
+  i as ComboboxInputValueContext,
+  n as ComboboxRootContext,
+  m as useComboboxDerivedItemsContext,
+  C as useComboboxFloatingContext,
+  c as useComboboxInputValueContext,
+  b as useComboboxRootContext
+};

package/dist/als-react-ts-ui332.js

@@ -0,0 +1,59 @@
+import { compareItemEquality as l } from "./als-react-ts-ui261.js";
+import { createSelector as t } from "./als-react-ts-ui245.js";
+const u = {
+  id: t((e) => e.id),
+  query: t((e) => e.query),
+  items: t((e) => e.items),
+  selectedValue: t((e) => e.selectedValue),
+  open: t((e) => e.open),
+  mounted: t((e) => e.mounted),
+  forceMounted: t((e) => e.forceMounted),
+  inline: t((e) => e.inline),
+  activeIndex: t((e) => e.activeIndex),
+  selectedIndex: t((e) => e.selectedIndex),
+  isActive: t((e, i) => e.activeIndex === i),
+  isSelected: t((e, i) => {
+    const n = e.isItemEqualToValue, o = e.selectedValue;
+    return Array.isArray(o) ? o.some((p) => l(p, i, n)) : l(o, i, n);
+  }),
+  transitionStatus: t((e) => e.transitionStatus),
+  popupProps: t((e) => e.popupProps),
+  inputProps: t((e) => e.inputProps),
+  triggerProps: t((e) => e.triggerProps),
+  getItemProps: t((e) => e.getItemProps),
+  positionerElement: t((e) => e.positionerElement),
+  listElement: t((e) => e.listElement),
+  triggerElement: t((e) => e.triggerElement),
+  inputElement: t((e) => e.inputElement),
+  popupSide: t((e) => e.popupSide),
+  openMethod: t((e) => e.openMethod),
+  inputInsidePopup: t((e) => e.inputInsidePopup),
+  selectionMode: t((e) => e.selectionMode),
+  listRef: t((e) => e.listRef),
+  labelsRef: t((e) => e.labelsRef),
+  popupRef: t((e) => e.popupRef),
+  emptyRef: t((e) => e.emptyRef),
+  inputRef: t((e) => e.inputRef),
+  keyboardActiveRef: t((e) => e.keyboardActiveRef),
+  chipsContainerRef: t((e) => e.chipsContainerRef),
+  clearRef: t((e) => e.clearRef),
+  valuesRef: t((e) => e.valuesRef),
+  allValuesRef: t((e) => e.allValuesRef),
+  name: t((e) => e.name),
+  disabled: t((e) => e.disabled),
+  readOnly: t((e) => e.readOnly),
+  required: t((e) => e.required),
+  grid: t((e) => e.grid),
+  isGrouped: t((e) => e.isGrouped),
+  virtualized: t((e) => e.virtualized),
+  onOpenChangeComplete: t((e) => e.onOpenChangeComplete),
+  openOnInputClick: t((e) => e.openOnInputClick),
+  itemToStringLabel: t((e) => e.itemToStringLabel),
+  isItemEqualToValue: t((e) => e.isItemEqualToValue),
+  modal: t((e) => e.modal),
+  autoHighlight: t((e) => e.autoHighlight),
+  submitOnItemClick: t((e) => e.submitOnItemClick)
+};
+export {
+  u as selectors
+};

package/dist/als-react-ts-ui333.js

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxChipsContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as ComboboxChipsContext,
+  e as useComboboxChipsContext
+};

package/dist/als-react-ts-ui334.js

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui197.js";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxPositionerContext");
+function s(n) {
+  const o = e.useContext(t);
+  if (o === void 0 && !n)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component" : r(21));
+  return o;
+}
+export {
+  t as ComboboxPositionerContext,
+  s as useComboboxPositionerContext
+};

package/dist/als-react-ts-ui335.js

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui197.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxPortalContext");
+function s() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Portal> is missing." : r(20));
+  return o;
+}
+export {
+  e as ComboboxPortalContext,
+  s as useComboboxPortalContext
+};

package/dist/als-react-ts-ui336.js

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui197.js";
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxGroupContext");
+function s() {
+  const o = t.useContext(e);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxGroupContext is missing. ComboboxGroup parts must be placed within <Combobox.Group>." : r(18));
+  return o;
+}
+export {
+  e as ComboboxGroupContext,
+  s as useComboboxGroupContext
+};

package/dist/als-react-ts-ui337.js

@@ -0,0 +1,23 @@
+import * as o from "react";
+import { jsx as i } from "react/jsx-runtime";
+const e = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (e.displayName = "GroupCollectionContext");
+function u() {
+  return o.useContext(e);
+}
+function s(n) {
+  const {
+    children: r,
+    items: t
+  } = n, c = o.useMemo(() => ({
+    items: t
+  }), [t]);
+  return /* @__PURE__ */ i(e.Provider, {
+    value: c,
+    children: r
+  });
+}
+export {
+  s as GroupCollectionProvider,
+  u as useGroupCollectionContext
+};

package/dist/als-react-ts-ui338.js

@@ -0,0 +1,6 @@
+import * as o from "react";
+const e = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxItemContext");
+export {
+  e as ComboboxItemContext
+};

package/dist/als-react-ts-ui339.js

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(!1);
+process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxRowContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as ComboboxRowContext,
+  e as useComboboxRowContext
+};

package/dist/als-react-ts-ui34.js

@@ -0,0 +1,9 @@
+import { jsx as o } from "react/jsx-runtime";
+import r from "./als-react-ts-ui125.js";
+function m(t) {
+  return /* @__PURE__ */ o("div", { className: r.root });
+}
+export {
+  m as ALSToggle,
+  m as default
+};

package/dist/als-react-ts-ui340.js

@@ -0,0 +1,19 @@
+const c = /* @__PURE__ */ new Map();
+function f(t, r) {
+  const n = JSON.stringify({
+    locale: t,
+    options: r
+  }), e = c.get(n);
+  if (e)
+    return e;
+  const o = new Intl.NumberFormat(t, r);
+  return c.set(n, o), o;
+}
+function m(t, r, n) {
+  return t == null ? "" : f(r, n).format(t);
+}
+export {
+  c as cache,
+  m as formatNumber,
+  f as getFormatter
+};

package/dist/als-react-ts-ui341.js

@@ -0,0 +1,14 @@
+import r from "./als-react-ts-ui197.js";
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ProgressRootContext");
+function n() {
+  const o = e.useContext(t);
+  if (o === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ProgressRootContext is missing. Progress parts must be placed within <Progress.Root>." : r(51));
+  return o;
+}
+export {
+  t as ProgressRootContext,
+  n as useProgressRootContext
+};

package/dist/als-react-ts-ui342.js

@@ -0,0 +1,15 @@
+import { ProgressRootDataAttributes as r } from "./als-react-ts-ui349.js";
+const i = {
+  status(t) {
+    return t === "progressing" ? {
+      [r.progressing]: ""
+    } : t === "complete" ? {
+      [r.complete]: ""
+    } : t === "indeterminate" ? {
+      [r.indeterminate]: ""
+    } : null;
+  }
+};
+export {
+  i as progressStateAttributesMapping
+};

package/dist/als-react-ts-ui343.js

@@ -0,0 +1,6 @@
+function n(r, e, t) {
+  return (r - e) * 100 / (t - e);
+}
+export {
+  n as valueToPercent
+};