@sps-woodland/core 8.50.2 → 8.51.0

package/lib/side-nav/index.js

@@ -0,0 +1,228 @@
+import * as r from "react";
+import { createContext as R } from "react";
+import { Metadata as g, selectChildren as b, Icon as L, modChildren as S, cl as B } from "@sps-woodland/core";
+function H(t, n, e) {
+  return n in t ? Object.defineProperty(t, n, {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[n] = e, t;
+}
+function V(t, n) {
+  var e = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    n && (a = a.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(t, s).enumerable;
+    })), e.push.apply(e, a);
+  }
+  return e;
+}
+function I(t) {
+  for (var n = 1; n < arguments.length; n++) {
+    var e = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? V(Object(e), !0).forEach(function(a) {
+      H(t, a, e[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(e)) : V(Object(e)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(e, a));
+    });
+  }
+  return t;
+}
+var T = (t, n, e) => {
+  for (var a of Object.keys(t)) {
+    var s;
+    if (t[a] !== ((s = n[a]) !== null && s !== void 0 ? s : e[a]))
+      return !1;
+  }
+  return !0;
+}, q = (t) => (n) => {
+  var e = t.defaultClassName, a = I(I({}, t.defaultVariants), n);
+  for (var s in a) {
+    var l, _ = (l = a[s]) !== null && l !== void 0 ? l : t.defaultVariants[s];
+    if (_ != null) {
+      var i = _;
+      typeof i == "boolean" && (i = i === !0 ? "true" : "false");
+      var c = (
+        // @ts-expect-error
+        t.variantClassNames[s][i]
+      );
+      c && (e += " " + c);
+    }
+  }
+  for (var [d, u] of t.compoundVariants)
+    T(d, a, t.defaultVariants) && (e += " " + u);
+  return e;
+}, M = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p0", W = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p1", z = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p2", G = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p3", J = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p4", K = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p5", Q = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p6", j = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p7", U = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8", P = q({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pa", false: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pb" }, inFilter: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pc", false: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pd" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), X = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pf", F = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg";
+function A({
+  children: t,
+  className: n,
+  ...e
+}) {
+  return /* @__PURE__ */ r.createElement("div", { className: W, ...e }, /* @__PURE__ */ r.createElement("div", { className: z }, t));
+}
+g.set(A, {
+  name: "SideNavHeader",
+  props: {}
+});
+const D = R({
+  filterValue: "",
+  activeItem: ""
+});
+function m({
+  children: t,
+  className: n,
+  onSelect: e,
+  as: a,
+  keyId: s,
+  selectableAsParent: l,
+  defaultExpanded: _ = !0,
+  expanded: i,
+  onExpandedChange: c,
+  ...d
+}) {
+  const u = a ?? "a", [h, w] = b(t, [{ type: m }]), [y, N] = r.useState(_), [f, C] = r.useState(!0), p = r.useContext(D), o = r.useRef(null), v = i !== void 0, E = p.filterValue.length > 0 ? !0 : i ?? y, x = (k) => {
+    v || N(k), c?.(k);
+  };
+  return r.useEffect(() => {
+    C(o.current?.innerText.toLowerCase().includes(p.filterValue.toLowerCase()) || !1), p.filterValue.length > 0 && !v && N(!0);
+  }, [p]), /* @__PURE__ */ r.createElement(r.Fragment, null, h.length ? /* @__PURE__ */ r.createElement("ul", { className: U }, /* @__PURE__ */ r.createElement(
+    "li",
+    {
+      ref: o,
+      className: P({
+        selected: l && p.activeItem === s,
+        // Visibility under the filter must not depend on
+        // `selectableAsParent` — otherwise a non-selectable parent (a
+        // pure section header) is hidden (`display:none`) while its
+        // children remain, flattening the tree.
+        inFilter: f
+      }),
+      onClick: () => {
+        e && l ? e(s) : e && !l && x(!E);
+      }
+    },
+    /* @__PURE__ */ r.createElement(u, { className: F, ...d }, /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement(
+      L,
+      {
+        className: X,
+        icon: E ? "chevron-down" : "chevron-right",
+        onClick: () => {
+          x(!E);
+        }
+      }
+    )), w)
+  ), E && h) : /* @__PURE__ */ r.createElement(
+    "li",
+    {
+      ref: o,
+      className: P({
+        selected: p.activeItem === s,
+        inFilter: f
+      })
+    },
+    /* @__PURE__ */ r.createElement(
+      u,
+      {
+        className: F,
+        onClick: () => {
+          e && e(s);
+        },
+        ...d
+      },
+      t
+    )
+  ));
+}
+g.set(m, {
+  name: "SideNavItem",
+  props: {
+    keyId: { type: "string", required: !0 },
+    onSelect: { type: "function" },
+    selectableAsParent: { type: "boolean" },
+    defaultExpanded: { type: "boolean" },
+    expanded: { type: "boolean" },
+    onExpandedChange: { type: "function" },
+    as: { type: "string" }
+  }
+});
+function O({
+  children: t,
+  className: n,
+  title: e,
+  onSelect: a,
+  ...s
+}) {
+  const [l, _] = b(t, [{ type: m }]), i = S(l, (c) => c.type === m ? [
+    {
+      onSelect: a ? (d) => a(d) : () => {
+      }
+    }
+  ] : []);
+  return /* @__PURE__ */ r.createElement("div", { className: K, ...s }, e && /* @__PURE__ */ r.createElement("div", { className: Q }, e), /* @__PURE__ */ r.createElement("ul", { className: j }, i), _);
+}
+g.set(O, {
+  name: "SideNavSection",
+  props: {
+    title: { type: "string" }
+  }
+});
+function Y({
+  children: t,
+  className: n,
+  activeNavItem: e,
+  onChange: a,
+  filterable: s,
+  filterInputPlaceholder: l,
+  ..._
+}) {
+  const [
+    i,
+    c,
+    d
+  ] = b(t, [
+    { type: A },
+    { type: O },
+    { type: m }
+  ]), u = r.useRef(e), [h, w] = r.useState(e), [y, N] = r.useState(""), f = (o) => {
+    w(o), a && a(o);
+  }, C = S(d, (o) => o.type === m ? [
+    {
+      onSelect: (v) => f(v)
+    }
+  ] : []), p = S(
+    c,
+    (o) => o.type === O ? [
+      {
+        onSelect: (v) => f(v)
+      }
+    ] : []
+  );
+  return e !== u.current && (w(e), u.current = e), /* @__PURE__ */ r.createElement(D.Provider, { value: { filterValue: y, activeItem: h } }, /* @__PURE__ */ r.createElement("div", { className: B(M), ..._ }, i, s && /* @__PURE__ */ r.createElement("div", { className: G }, /* @__PURE__ */ r.createElement("div", { className: J }, /* @__PURE__ */ r.createElement("div", { className: "sps-text-input" }, /* @__PURE__ */ r.createElement("div", { className: "sps-form-control" }, /* @__PURE__ */ r.createElement("i", { className: "sps-text-input__icon sps-icon sps-icon-filter" }), /* @__PURE__ */ r.createElement(
+    "input",
+    {
+      type: "text",
+      className: "sps-text-input__input",
+      placeholder: l,
+      onChange: (o) => {
+        N(o.target.value);
+      }
+    }
+  ))))), p, /* @__PURE__ */ r.createElement("ul", { className: j }, C)));
+}
+g.set(Y, {
+  name: "SideNav",
+  props: {
+    activeNavItem: { type: "string", required: !0 },
+    onChange: { type: "(keyId: string) => void" },
+    filterable: { type: "boolean" },
+    filterInputPlaceholder: { type: "string" }
+  }
+});
+export {
+  Y as SideNav,
+  A as SideNavHeader,
+  m as SideNavItem,
+  O as SideNavSection
+};

package/lib/side-nav/index.umd.cjs

@@ -0,0 +1 @@
+(function(l,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react"),require("@sps-woodland/core")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core"],h):(l=typeof globalThis<"u"?globalThis:l||self,h(l.SideNav={},l.React,l.core))})(this,(function(l,h,i){"use strict";function A(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const a=A(h);function R(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function x(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),e.push.apply(e,n)}return e}function k(t){for(var r=1;r<arguments.length;r++){var e=arguments[r]!=null?arguments[r]:{};r%2?x(Object(e),!0).forEach(function(n){R(t,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):x(Object(e)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})}return t}var q=(t,r,e)=>{for(var n of Object.keys(t)){var s;if(t[n]!==((s=r[n])!==null&&s!==void 0?s:e[n]))return!1}return!0},H=t=>r=>{var e=t.defaultClassName,n=k(k({},t.defaultVariants),r);for(var s in n){var d,c=(d=n[s])!==null&&d!==void 0?d:t.defaultVariants[s];if(c!=null){var _=c;typeof _=="boolean"&&(_=_===!0?"true":"false");var p=t.variantClassNames[s][_];p&&(e+=" "+p)}}for(var[u,m]of t.compoundVariants)q(u,n,t.defaultVariants)&&(e+=" "+m);return e},L="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p0",B="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p1",z="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p2",W="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p3",G="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p4",J="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p5",K="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p6",P="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p7",Q="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8",I=H({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9",variantClassNames:{selected:{true:"pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pa",false:"pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pb"},inFilter:{true:"pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pc",false:"pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pd"}},defaultVariants:{selected:!1,inFilter:!0},compoundVariants:[]}),U="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pf",V="pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg";function b({children:t,className:r,...e}){return a.createElement("div",{className:B,...e},a.createElement("div",{className:z},t))}i.Metadata.set(b,{name:"SideNavHeader",props:{}});const F=h.createContext({filterValue:"",activeItem:""});function v({children:t,className:r,onSelect:e,as:n,keyId:s,selectableAsParent:d,defaultExpanded:c=!0,expanded:_,onExpandedChange:p,...u}){const m=n??"a",[E,y]=i.selectChildren(t,[{type:v}]),[O,S]=a.useState(c),[w,j]=a.useState(!0),f=a.useContext(F),o=a.useRef(null),N=_!==void 0,C=f.filterValue.length>0?!0:_??O,T=M=>{N||S(M),p?.(M)};return a.useEffect(()=>{j(o.current?.innerText.toLowerCase().includes(f.filterValue.toLowerCase())||!1),f.filterValue.length>0&&!N&&S(!0)},[f]),a.createElement(a.Fragment,null,E.length?a.createElement("ul",{className:Q},a.createElement("li",{ref:o,className:I({selected:d&&f.activeItem===s,inFilter:w}),onClick:()=>{e&&d?e(s):e&&!d&&T(!C)}},a.createElement(m,{className:V,...u},a.createElement("div",null,a.createElement(i.Icon,{className:U,icon:C?"chevron-down":"chevron-right",onClick:()=>{T(!C)}})),y)),C&&E):a.createElement("li",{ref:o,className:I({selected:f.activeItem===s,inFilter:w})},a.createElement(m,{className:V,onClick:()=>{e&&e(s)},...u},t)))}i.Metadata.set(v,{name:"SideNavItem",props:{keyId:{type:"string",required:!0},onSelect:{type:"function"},selectableAsParent:{type:"boolean"},defaultExpanded:{type:"boolean"},expanded:{type:"boolean"},onExpandedChange:{type:"function"},as:{type:"string"}}});function g({children:t,className:r,title:e,onSelect:n,...s}){const[d,c]=i.selectChildren(t,[{type:v}]),_=i.modChildren(d,p=>p.type===v?[{onSelect:n?u=>n(u):()=>{}}]:[]);return a.createElement("div",{className:J,...s},e&&a.createElement("div",{className:K},e),a.createElement("ul",{className:P},_),c)}i.Metadata.set(g,{name:"SideNavSection",props:{title:{type:"string"}}});function D({children:t,className:r,activeNavItem:e,onChange:n,filterable:s,filterInputPlaceholder:d,...c}){const[_,p,u]=i.selectChildren(t,[{type:b},{type:g},{type:v}]),m=a.useRef(e),[E,y]=a.useState(e),[O,S]=a.useState(""),w=o=>{y(o),n&&n(o)},j=i.modChildren(u,o=>o.type===v?[{onSelect:N=>w(N)}]:[]),f=i.modChildren(p,o=>o.type===g?[{onSelect:N=>w(N)}]:[]);return e!==m.current&&(y(e),m.current=e),a.createElement(F.Provider,{value:{filterValue:O,activeItem:E}},a.createElement("div",{className:i.cl(L),...c},_,s&&a.createElement("div",{className:W},a.createElement("div",{className:G},a.createElement("div",{className:"sps-text-input"},a.createElement("div",{className:"sps-form-control"},a.createElement("i",{className:"sps-text-input__icon sps-icon sps-icon-filter"}),a.createElement("input",{type:"text",className:"sps-text-input__input",placeholder:d,onChange:o=>{S(o.target.value)}}))))),f,a.createElement("ul",{className:P},j)))}i.Metadata.set(D,{name:"SideNav",props:{activeNavItem:{type:"string",required:!0},onChange:{type:"(keyId: string) => void"},filterable:{type:"boolean"},filterInputPlaceholder:{type:"string"}}}),l.SideNav=D,l.SideNavHeader=b,l.SideNavItem=v,l.SideNavSection=g,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})}));

package/lib/side-nav/side-nav/SideNav.css.d.ts

@@ -0,0 +1,30 @@
+export declare const sideNavContainer: string;
+export declare const sideNavHeader: string;
+export declare const sideNavTitle: string;
+export declare const sideNavFilterSection: string;
+export declare const sideNavFilterWrapper: string;
+export declare const sideNavSection: string;
+export declare const sideNavSectionTitle: string;
+export declare const sideNavBranch: string;
+export declare const sideNavExpand: string;
+export declare const sideNavLeaf: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    selected: {
+        true: {
+            backgroundColor: string;
+            boxShadow: `inset ${string} 0 ${string}`;
+            color: "#1f282c";
+            fontWeight: number;
+        };
+        false: {};
+    };
+    inFilter: {
+        true: {};
+        false: {
+            display: "none";
+        };
+    };
+}>;
+export declare const sideNavExpandLeaf: string;
+export declare const sideNavExpandIcon: string;
+export declare const sideNavLink: string;
+//# sourceMappingURL=SideNav.css.d.ts.map

package/lib/side-nav/side-nav/SideNav.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.css.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav/SideNav.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,QAY3B,CAAC;AAEH,eAAO,MAAM,aAAa,QAKxB,CAAC;AAEH,eAAO,MAAM,YAAY,QAUvB,CAAC;AAOH,eAAO,MAAM,oBAAoB,QAG/B,CAAC;AAEH,eAAO,MAAM,oBAAoB,QAE/B,CAAC;AAEH,eAAO,MAAM,cAAc,QAGzB,CAAC;AAMH,eAAO,MAAM,mBAAmB,QAK9B,CAAC;AAEH,eAAO,MAAM,aAAa,QAOxB,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EA0BtB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAG5B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAS5B,CAAC;AAEH,eAAO,MAAM,WAAW,QAiBtB,CAAC"}

package/lib/side-nav/side-nav/SideNav.css.js

@@ -0,0 +1,17 @@
+/* empty css                           */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var e = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p0", o = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p1", r = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p2", t = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p3", p = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p4", d = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p5", n = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p6", i = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p7", v = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8", h = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9", variantClassNames: { selected: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pa", false: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pb" }, inFilter: { true: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pc", false: "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pd" } }, defaultVariants: { selected: !1, inFilter: !0 }, compoundVariants: [] }), w = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pf", l = "pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg";
+export {
+  i as sideNavBranch,
+  e as sideNavContainer,
+  v as sideNavExpand,
+  w as sideNavExpandIcon,
+  t as sideNavFilterSection,
+  p as sideNavFilterWrapper,
+  o as sideNavHeader,
+  h as sideNavLeaf,
+  l as sideNavLink,
+  d as sideNavSection,
+  n as sideNavSectionTitle,
+  r as sideNavTitle
+};

package/lib/side-nav/side-nav/SideNav.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function SideNav({ children, className, activeNavItem, onChange, filterable, filterInputPlaceholder, ...rest }: ComponentProps<{
+    activeNavItem: string;
+    onChange?: (keyId: string) => void;
+    filterable?: boolean;
+    filterInputPlaceholder?: string;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=SideNav.d.ts.map

package/lib/side-nav/side-nav/SideNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav/SideNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,oBAAoB,CAAC;AAmB5B,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,UAAU,EACV,sBAAsB,EACtB,GAAG,IAAI,EACR,EAAE,cAAc,CACjB;IACE,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,EACD,cAAc,CACb,GAAG,KAAK,CAAC,YAAY,CA2ErB"}

package/lib/side-nav/side-nav/SideNav.js

@@ -0,0 +1,62 @@
+import * as e from "react";
+import { Metadata as g, selectChildren as I, modChildren as l, cl as _ } from "@sps-woodland/core";
+import { SideNavHeader as A } from "../side-nav-header/SideNavHeader.js";
+import { SideNavItem as c } from "../side-nav-item/SideNavItem.js";
+import { SideNavSection as m } from "../side-nav-section/SideNavSection.js";
+import { sideNavContainer as F, sideNavFilterSection as P, sideNavFilterWrapper as R, sideNavBranch as V } from "./SideNav.css.js";
+import { navContext as b } from "./navContext.js";
+function k({
+  children: d,
+  className: q,
+  activeNavItem: r,
+  onChange: a,
+  filterable: p,
+  filterInputPlaceholder: u,
+  ...v
+}) {
+  const [
+    N,
+    f,
+    S
+  ] = I(d, [
+    { type: A },
+    { type: m },
+    { type: c }
+  ]), n = e.useRef(r), [E, s] = e.useState(r), [h, y] = e.useState(""), o = (t) => {
+    s(t), a && a(t);
+  }, C = l(S, (t) => t.type === c ? [
+    {
+      onSelect: (i) => o(i)
+    }
+  ] : []), x = l(
+    f,
+    (t) => t.type === m ? [
+      {
+        onSelect: (i) => o(i)
+      }
+    ] : []
+  );
+  return r !== n.current && (s(r), n.current = r), /* @__PURE__ */ e.createElement(b.Provider, { value: { filterValue: h, activeItem: E } }, /* @__PURE__ */ e.createElement("div", { className: _(F), ...v }, N, p && /* @__PURE__ */ e.createElement("div", { className: P }, /* @__PURE__ */ e.createElement("div", { className: R }, /* @__PURE__ */ e.createElement("div", { className: "sps-text-input" }, /* @__PURE__ */ e.createElement("div", { className: "sps-form-control" }, /* @__PURE__ */ e.createElement("i", { className: "sps-text-input__icon sps-icon sps-icon-filter" }), /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      type: "text",
+      className: "sps-text-input__input",
+      placeholder: u,
+      onChange: (t) => {
+        y(t.target.value);
+      }
+    }
+  ))))), x, /* @__PURE__ */ e.createElement("ul", { className: V }, C)));
+}
+g.set(k, {
+  name: "SideNav",
+  props: {
+    activeNavItem: { type: "string", required: !0 },
+    onChange: { type: "(keyId: string) => void" },
+    filterable: { type: "boolean" },
+    filterInputPlaceholder: { type: "string" }
+  }
+});
+export {
+  k as SideNav
+};

package/lib/side-nav/side-nav/navContext.d.ts

@@ -0,0 +1,5 @@
+export declare const navContext: import("react").Context<{
+    filterValue: string;
+    activeItem: string;
+}>;
+//# sourceMappingURL=navContext.d.ts.map

package/lib/side-nav/side-nav/navContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navContext.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav/navContext.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;EAGrB,CAAC"}

package/lib/side-nav/side-nav/navContext.js

@@ -0,0 +1,8 @@
+import { createContext as t } from "react";
+const o = t({
+  filterValue: "",
+  activeItem: ""
+});
+export {
+  o as navContext
+};

package/lib/side-nav/side-nav-header/SideNavHeader.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function SideNavHeader({ children, className, ...rest }: ComponentProps<unknown, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=SideNavHeader.d.ts.map

package/lib/side-nav/side-nav-header/SideNavHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavHeader.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav-header/SideNavHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,OAAO,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAM9D"}

package/lib/side-nav/side-nav-header/SideNavHeader.js

@@ -0,0 +1,17 @@
+import * as e from "react";
+import { Metadata as t } from "@sps-woodland/core";
+import { sideNavHeader as m, sideNavTitle as i } from "../side-nav/SideNav.css.js";
+function s({
+  children: a,
+  className: d,
+  ...r
+}) {
+  return /* @__PURE__ */ e.createElement("div", { className: m, ...r }, /* @__PURE__ */ e.createElement("div", { className: i }, a));
+}
+t.set(s, {
+  name: "SideNavHeader",
+  props: {}
+});
+export {
+  s as SideNavHeader
+};

package/lib/side-nav/side-nav-item/SideNavItem.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import type { PolymorphicComponentProps } from "@sps-woodland/core";
+type SideNavItemProps<T extends React.ElementType> = PolymorphicComponentProps<{
+    onSelect?: (key: string) => void;
+    selectableAsParent?: boolean;
+    keyId: string;
+    /**
+     * Initial expanded state for an UNCONTROLLED branch (an item with nested
+     * items). Defaults to `true` to preserve existing behavior; pass `false` to
+     * render it collapsed. Ignored when `expanded` is provided.
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Controlled expanded state. When provided, the branch is controlled: it
+     * renders according to this value and reports user toggles via
+     * `onExpandedChange` (the consumer owns the state). Omit it for the
+     * uncontrolled `defaultExpanded` behavior.
+     */
+    expanded?: boolean;
+    /** Called with the next expanded state when the user toggles a branch. */
+    onExpandedChange?: (expanded: boolean) => void;
+}, T>;
+export declare function SideNavItem<T extends React.ElementType = "a">({ children, className, onSelect, as, keyId, selectableAsParent, defaultExpanded, expanded, onExpandedChange, ...rest }: SideNavItemProps<T>): React.ReactElement;
+export {};
+//# sourceMappingURL=SideNavItem.d.ts.map

package/lib/side-nav/side-nav-item/SideNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavItem.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav-item/SideNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAWpE,KAAK,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,yBAAyB,CAC9E;IACE,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,EACD,CAAC,CACA,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EAC7D,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,kBAAkB,EAClB,eAAsB,EACtB,QAAQ,EACR,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,YAAY,CA+F1C"}

package/lib/side-nav/side-nav-item/SideNavItem.js

@@ -0,0 +1,84 @@
+import * as e from "react";
+import { Metadata as w, selectChildren as R, Icon as S } from "@sps-woodland/core";
+import { sideNavExpand as V, sideNavLeaf as N, sideNavLink as x, sideNavExpandIcon as b } from "../side-nav/SideNav.css.js";
+import { navContext as k } from "../side-nav/navContext.js";
+function h({
+  children: s,
+  className: B,
+  onSelect: n,
+  as: C,
+  keyId: a,
+  selectableAsParent: r,
+  defaultExpanded: g = !0,
+  expanded: o,
+  onExpandedChange: y,
+  ...c
+}) {
+  const m = C ?? "a", [d, I] = R(s, [{ type: h }]), [F, f] = e.useState(g), [u, L] = e.useState(!0), t = e.useContext(k), l = e.useRef(null), p = o !== void 0, i = t.filterValue.length > 0 ? !0 : o ?? F, E = (v) => {
+    p || f(v), y?.(v);
+  };
+  return e.useEffect(() => {
+    L(l.current?.innerText.toLowerCase().includes(t.filterValue.toLowerCase()) || !1), t.filterValue.length > 0 && !p && f(!0);
+  }, [t]), /* @__PURE__ */ e.createElement(e.Fragment, null, d.length ? /* @__PURE__ */ e.createElement("ul", { className: V }, /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: l,
+      className: N({
+        selected: r && t.activeItem === a,
+        // Visibility under the filter must not depend on
+        // `selectableAsParent` — otherwise a non-selectable parent (a
+        // pure section header) is hidden (`display:none`) while its
+        // children remain, flattening the tree.
+        inFilter: u
+      }),
+      onClick: () => {
+        n && r ? n(a) : n && !r && E(!i);
+      }
+    },
+    /* @__PURE__ */ e.createElement(m, { className: x, ...c }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+      S,
+      {
+        className: b,
+        icon: i ? "chevron-down" : "chevron-right",
+        onClick: () => {
+          E(!i);
+        }
+      }
+    )), I)
+  ), i && d) : /* @__PURE__ */ e.createElement(
+    "li",
+    {
+      ref: l,
+      className: N({
+        selected: t.activeItem === a,
+        inFilter: u
+      })
+    },
+    /* @__PURE__ */ e.createElement(
+      m,
+      {
+        className: x,
+        onClick: () => {
+          n && n(a);
+        },
+        ...c
+      },
+      s
+    )
+  ));
+}
+w.set(h, {
+  name: "SideNavItem",
+  props: {
+    keyId: { type: "string", required: !0 },
+    onSelect: { type: "function" },
+    selectableAsParent: { type: "boolean" },
+    defaultExpanded: { type: "boolean" },
+    expanded: { type: "boolean" },
+    onExpandedChange: { type: "function" },
+    as: { type: "string" }
+  }
+});
+export {
+  h as SideNavItem
+};

package/lib/side-nav/side-nav-section/SideNavSection.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { ComponentProps } from "@sps-woodland/core";
+export declare function SideNavSection({ children, className, title, onSelect, ...rest }: ComponentProps<{
+    title?: string;
+    onSelect?: (string: string) => void;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=SideNavSection.d.ts.map

package/lib/side-nav/side-nav-section/SideNavSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNavSection.d.ts","sourceRoot":"","sources":["../../../src/side-nav/side-nav-section/SideNavSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKzD,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,cAAc,CACjB;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,EACD,cAAc,CACb,GAAG,KAAK,CAAC,YAAY,CAkBrB"}

package/lib/side-nav/side-nav-section/SideNavSection.js

@@ -0,0 +1,28 @@
+import * as e from "react";
+import { Metadata as l, selectChildren as p, modChildren as N } from "@sps-woodland/core";
+import { sideNavSection as v, sideNavSectionTitle as h, sideNavBranch as S } from "../side-nav/SideNav.css.js";
+import { SideNavItem as a } from "../side-nav-item/SideNavItem.js";
+function f({
+  children: r,
+  className: C,
+  title: t,
+  onSelect: i,
+  ...m
+}) {
+  const [n, o] = p(r, [{ type: a }]), d = N(n, (s) => s.type === a ? [
+    {
+      onSelect: i ? (c) => i(c) : () => {
+      }
+    }
+  ] : []);
+  return /* @__PURE__ */ e.createElement("div", { className: v, ...m }, t && /* @__PURE__ */ e.createElement("div", { className: h }, t), /* @__PURE__ */ e.createElement("ul", { className: S }, d), o);
+}
+l.set(f, {
+  name: "SideNavSection",
+  props: {
+    title: { type: "string" }
+  }
+});
+export {
+  f as SideNavSection
+};

package/lib/side-nav/style.css

@@ -0,0 +1 @@
+.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p0{word-wrap:break-word;background-clip:border-box;background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.125rem;display:flex;flex-direction:column;min-width:0;position:relative}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p1{background-color:#fff;border-bottom:.0625rem solid #d2d4d4ff;margin-bottom:0;padding:.5rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p2{align-items:center;display:flex;float:left;font-size:.75rem;font-weight:600;line-height:1.5rem;margin-bottom:0;padding-left:.5rem;text-transform:uppercase}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p2>i{font-size:.875rem;margin-right:.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p3{border-bottom:.0625rem solid #d2d4d4ff;padding:.5rem 0}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p4{margin:6px 21px}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p5{margin:0;padding:.5rem 0}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p5+.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p5{border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p6{color:#717779;font-size:1rem;font-weight:400;margin:.25rem 0 .5rem 1rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p7{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8{padding-left:0}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9{display:block;width:100%}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pa{background-color:#e6f2f8;box-shadow:inset .125rem 0 #007db8;color:#1f282c;font-weight:700}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pd{display:none}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pe{display:block;width:100%}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pf{font-size:.625rem;vertical-align:middle;display:inline-block;line-height:1.25rem;margin-top:0;margin-right:.25rem;margin-bottom:0;margin-left:-.875rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{color:#1f282c;cursor:pointer;display:flex;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem .5rem 1.25rem;text-decoration:none}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:2.125rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:3rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:3.875rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p9>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:undefined}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pe>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:2.125rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pe>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:3rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pe>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:3.875rem}.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70p8>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pe>.pkg_sps-woodland_core__version_8_51_0__hash_1wtt70pg{padding-left:undefined}

package/lib/sorting-header/caret/caret.css.d.ts

@@ -0,0 +1,21 @@
+export declare const headerCaret: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    up: {
+        true: {
+            ":after": {
+                borderBottomColor: string;
+                borderTopColor: "transparent";
+                top: string;
+            };
+        };
+    };
+    down: {
+        true: {
+            ":after": {
+                borderTopColor: string;
+                borderBottomColor: "transparent";
+                top: string;
+            };
+        };
+    };
+}>;
+//# sourceMappingURL=caret.css.d.ts.map

package/lib/sorting-header/caret/caret.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caret.css.d.ts","sourceRoot":"","sources":["../../../src/sorting-header/caret/caret.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;EAiCtB,CAAC"}

package/lib/sorting-header/caret/caret.css.js

@@ -0,0 +1,6 @@
+/* empty css                         */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_ax8xqf0", variantClassNames: { up: { true: "pkg_sps-woodland_core__version_8_51_0__hash_ax8xqf1" }, down: { true: "pkg_sps-woodland_core__version_8_51_0__hash_ax8xqf2" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  o as headerCaret
+};

package/lib/sorting-header/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./sorting-header/SortingHeader";
+export * from "./sorting-header-cell/SortingHeaderCell";
+//# sourceMappingURL=index.d.ts.map

package/lib/sorting-header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sorting-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yCAAyC,CAAC"}