quirk-ui 0.1.111 → 0.1.113

package/dist/core.d.ts

@@ -585,7 +585,7 @@ export declare function Heading({ level, as, align, transform, gradient, truncat
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
@@ -665,18 +665,18 @@ export declare function Heading({ level, as, align, transform, gradient, truncat
     onFocusCapture?: default_2.FocusEventHandler<HTMLHeadingElement> | undefined;
     onBlur?: default_2.FocusEventHandler<HTMLHeadingElement> | undefined;
     onBlurCapture?: default_2.FocusEventHandler<HTMLHeadingElement> | undefined;
-    onChange?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onChangeCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onBeforeInput?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onBeforeInputCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInput?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInputCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onReset?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onResetCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onSubmit?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onSubmitCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInvalid?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInvalidCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
+    onChange?: default_2.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onChangeCapture?: default_2.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onBeforeInput?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: default_2.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: default_2.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onLoad?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onLoadCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onError?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
@@ -717,8 +717,6 @@ export declare function Heading({ level, as, align, transform, gradient, truncat
     onProgressCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChange?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChangeCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResize?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResizeCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeked?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeekedCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeking?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;

package/dist/main.d.ts

@@ -797,7 +797,7 @@ export declare function Heading({ level, as, align, transform, gradient, truncat
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    popover?: "" | "auto" | "manual" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
     popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     inert?: boolean | undefined;
@@ -877,18 +877,18 @@ export declare function Heading({ level, as, align, transform, gradient, truncat
     onFocusCapture?: default_2.FocusEventHandler<HTMLHeadingElement> | undefined;
     onBlur?: default_2.FocusEventHandler<HTMLHeadingElement> | undefined;
     onBlurCapture?: default_2.FocusEventHandler<HTMLHeadingElement> | undefined;
-    onChange?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onChangeCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onBeforeInput?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onBeforeInputCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInput?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInputCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onReset?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onResetCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onSubmit?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onSubmitCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInvalid?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
-    onInvalidCapture?: default_2.FormEventHandler<HTMLHeadingElement> | undefined;
+    onChange?: default_2.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onChangeCapture?: default_2.ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
+    onBeforeInput?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: default_2.InputEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: default_2.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: default_2.SubmitEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onLoad?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onLoadCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onError?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
@@ -929,8 +929,6 @@ export declare function Heading({ level, as, align, transform, gradient, truncat
     onProgressCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChange?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onRateChangeCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResize?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
-    onResizeCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeked?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeekedCapture?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;
     onSeeking?: default_2.ReactEventHandler<HTMLHeadingElement> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.111",
+  "version": "0.1.113",
   "type": "module",
   "exports": {
     ".": {
@@ -65,8 +65,8 @@
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.14.0",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.3",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
@@ -88,16 +88,9 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^7.0.0",
     "date-fns": "^4.1.0",
-    "javascript": "link:refractor/lang/javascript",
     "lucide-react": "^0.488.0",
     "react-icons": "^5.5.0",
-    "react-markdown": "^10.1.0",
-    "react-refractor": "^4.0.0",
     "react-router-dom": "^7.5.0",
-    "refractor": "^5.0.0",
-    "remark": "^15.0.1",
-    "remark-gfm": "^4.0.1",
-    "remark-html": "^16.0.1",
     "typed-css-modules": "^0.9.1",
     "uuid": "^11.1.0"
   }

package/dist/NavLink-C643yH7n.cjs

@@ -1 +0,0 @@
-"use strict";require('./NavLink.css');const l=require("react/jsx-runtime"),d=require("react"),p=require("./external-link-DDShu-48.cjs"),k=require("./chevron-down-DfK1XBl3.cjs"),v="_navbar_rle6b_1",f="_sticky_rle6b_15",I="_left_rle6b_31",C="_container_rle6b_32",M="_logo_rle6b_36",w="_nav_rle6b_1",y="_center_rle6b_51",x="_hidden_rle6b_59",T="_visible_rle6b_66",N="_right_rle6b_81",j="_title_rle6b_88",S="_linkWrapper_rle6b_98",W="_parent_rle6b_98",$="_linkItem_rle6b_105",D="_link_rle6b_98",L="_search_rle6b_111",E="_locale_rle6b_112",F="_themeToggle_rle6b_113",q="_sublinkToggle_rle6b_114",R="_standard_rle6b_165",B="_triangle_rle6b_173",z="_twoColumn_rle6b_202",A="_mobileButtons_rle6b_211",G="_menuToggle_rle6b_289",H="_utilityMobile_rle6b_307",J="_utility_rle6b_307",K="_navInner_rle6b_335",Q="_grid_rle6b_346",U="_searchModal_rle6b_369",V="_localeModal_rle6b_370",X="_separator_rle6b_390",Y="_newTabIcon_rle6b_432",Z="_sublinksDescription_rle6b_445",O="_linkContent_rle6b_448",P="_open_rle6b_461",ee="_back_rle6b_485",ne="_sublinks_rle6b_445",le="_show_rle6b_534",re="_primaryColumn_rle6b_583",oe="_secondaryColumn_rle6b_592",te="_spotlightColumn_rle6b_596",se="_sublinksInner_rle6b_600",_e="_sublinksColumn_rle6b_619",ie="_chevron_rle6b_629",ce="_menubar_rle6b_641",ae="_toolbar_rle6b_645",be="_advanced_rle6b_846",ue="_subtitle_rle6b_855",de="_withSpotlight_rle6b_897",me="_withoutSpotlight_rle6b_901",ge="_transparent_rle6b_939",he="_groupDivider_rle6b_1050",pe="_searchWrapper_rle6b_1058",ke="_mobileMenu_rle6b_1065",ve="_mobileMenuSlide_rle6b_1066",fe="_mobileMenuItem_rle6b_1076",Ie="_fadeInFromLeft_rle6b_1080",Ce="_fadeInFromRight_rle6b_1084",Me="_spotlight_rle6b_596",we="_imageWrapper_rle6b_1094",ye="_content_rle6b_1116",xe="_description_rle6b_1131",Te="_actions_rle6b_1135",n={navbar:v,sticky:f,left:I,container:C,logo:M,nav:w,center:y,hidden:x,visible:T,right:N,title:j,linkWrapper:S,parent:W,linkItem:$,link:D,search:L,locale:E,themeToggle:F,sublinkToggle:q,standard:R,triangle:B,twoColumn:z,mobileButtons:A,menuToggle:G,utilityMobile:H,utility:J,navInner:K,grid:Q,searchModal:U,localeModal:V,separator:X,newTabIcon:Y,sublinksDescription:Z,linkContent:O,open:P,back:ee,sublinks:ne,show:le,primaryColumn:re,secondaryColumn:oe,spotlightColumn:te,sublinksInner:se,sublinksColumn:_e,chevron:ie,menubar:ce,toolbar:ae,default:"_default_rle6b_773",advanced:be,subtitle:ue,withSpotlight:de,withoutSpotlight:me,transparent:ge,groupDivider:he,searchWrapper:pe,mobileMenu:ke,mobileMenuSlide:ve,mobileMenuItem:fe,fadeInFromLeft:Ie,fadeInFromRight:Ce,spotlight:Me,imageWrapper:we,content:ye,description:xe,actions:Te};function Ne({link:e,path:r,parentPath:i,openPath:m,togglePath:c,updateTriangleIndicator:g,setOpenPath:t,renderLinks:h,buttonRefs:s}){var b;const _=m===r,o=!!((b=e.sublinks)!=null&&b.length),a=d.useRef(null);return d.useEffect(()=>(s.current.set(r,a.current),()=>{s.current.delete(r)}),[r,s]),l.jsxs("div",{role:"menuitem",className:`${n.linkWrapper} ${i?"":n.parent}`,children:[l.jsx("div",{className:n.linkItem,children:e.href?l.jsxs("a",{href:e.href,className:n.link,target:e.isExternal?"_blank":"_self",rel:e.isExternal?"noopener noreferrer":void 0,onClick:()=>{var u;t(null),(u=e.onClick)==null||u.call(e)},onMouseEnter:()=>{i||t(null)},children:[e.label,e.isExternal&&l.jsx(p.ExternalLink,{className:n.newTabIcon,size:16,"aria-hidden":"true"})]}):l.jsxs("button",{ref:a,"aria-haspopup":o?!0:void 0,"aria-expanded":o?_:void 0,className:`${n.sublinkToggle} ${_?n.open:""}`,onClick:()=>c(r),onMouseEnter:()=>{g(r),t(r)},children:[e.label,o&&l.jsx(k.ChevronDown,{size:18,className:n.chevron,"aria-hidden":"true"})]})}),o&&l.jsx("div",{className:`${n.sublinks} ${_?n.show:""}`,onMouseLeave:()=>c(r),role:"menu","aria-label":`${e.label} submenu`,children:l.jsx("div",{children:l.jsx("div",{className:n.sublinksInner,children:l.jsx("div",{className:n.sublinksColumn,children:h(e.sublinks,r)})})})})]})}exports.NavLink=Ne;exports.styles=n;

package/dist/NavLink-C7jlTfri.js

@@ -1,159 +0,0 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { useRef as h, useEffect as k } from "react";
-import { E as v } from "./external-link-BOPobeQJ.js";
-import { C as f } from "./chevron-down-DSUzBz9F.js";
-import './NavLink.css';const C = "_navbar_rle6b_1", I = "_sticky_rle6b_15", M = "_left_rle6b_31", w = "_container_rle6b_32", y = "_logo_rle6b_36", T = "_nav_rle6b_1", N = "_center_rle6b_51", S = "_hidden_rle6b_59", W = "_visible_rle6b_66", x = "_right_rle6b_81", E = "_title_rle6b_88", D = "_linkWrapper_rle6b_98", $ = "_parent_rle6b_98", F = "_linkItem_rle6b_105", L = "_link_rle6b_98", B = "_search_rle6b_111", R = "_locale_rle6b_112", j = "_themeToggle_rle6b_113", z = "_sublinkToggle_rle6b_114", q = "_standard_rle6b_165", A = "_triangle_rle6b_173", G = "_twoColumn_rle6b_202", H = "_mobileButtons_rle6b_211", J = "_menuToggle_rle6b_289", K = "_utilityMobile_rle6b_307", Q = "_utility_rle6b_307", U = "_navInner_rle6b_335", V = "_grid_rle6b_346", X = "_searchModal_rle6b_369", Y = "_localeModal_rle6b_370", Z = "_separator_rle6b_390", O = "_newTabIcon_rle6b_432", P = "_sublinksDescription_rle6b_445", ee = "_linkContent_rle6b_448", ne = "_open_rle6b_461", le = "_back_rle6b_485", oe = "_sublinks_rle6b_445", re = "_show_rle6b_534", te = "_primaryColumn_rle6b_583", se = "_secondaryColumn_rle6b_592", _e = "_spotlightColumn_rle6b_596", ie = "_sublinksInner_rle6b_600", ae = "_sublinksColumn_rle6b_619", ce = "_chevron_rle6b_629", be = "_menubar_rle6b_641", ue = "_toolbar_rle6b_645", me = "_advanced_rle6b_846", de = "_subtitle_rle6b_855", pe = "_withSpotlight_rle6b_897", ge = "_withoutSpotlight_rle6b_901", he = "_transparent_rle6b_939", ke = "_groupDivider_rle6b_1050", ve = "_searchWrapper_rle6b_1058", fe = "_mobileMenu_rle6b_1065", Ce = "_mobileMenuSlide_rle6b_1066", Ie = "_mobileMenuItem_rle6b_1076", Me = "_fadeInFromLeft_rle6b_1080", we = "_fadeInFromRight_rle6b_1084", ye = "_spotlight_rle6b_596", Te = "_imageWrapper_rle6b_1094", Ne = "_content_rle6b_1116", Se = "_description_rle6b_1131", We = "_actions_rle6b_1135", n = {
-  navbar: C,
-  sticky: I,
-  left: M,
-  container: w,
-  logo: y,
-  nav: T,
-  center: N,
-  hidden: S,
-  visible: W,
-  right: x,
-  title: E,
-  linkWrapper: D,
-  parent: $,
-  linkItem: F,
-  link: L,
-  search: B,
-  locale: R,
-  themeToggle: j,
-  sublinkToggle: z,
-  standard: q,
-  triangle: A,
-  twoColumn: G,
-  mobileButtons: H,
-  menuToggle: J,
-  utilityMobile: K,
-  utility: Q,
-  navInner: U,
-  grid: V,
-  searchModal: X,
-  localeModal: Y,
-  separator: Z,
-  newTabIcon: O,
-  sublinksDescription: P,
-  linkContent: ee,
-  open: ne,
-  back: le,
-  sublinks: oe,
-  show: re,
-  primaryColumn: te,
-  secondaryColumn: se,
-  spotlightColumn: _e,
-  sublinksInner: ie,
-  sublinksColumn: ae,
-  chevron: ce,
-  menubar: be,
-  toolbar: ue,
-  default: "_default_rle6b_773",
-  advanced: me,
-  subtitle: de,
-  withSpotlight: pe,
-  withoutSpotlight: ge,
-  transparent: he,
-  groupDivider: ke,
-  searchWrapper: ve,
-  mobileMenu: fe,
-  mobileMenuSlide: Ce,
-  mobileMenuItem: Ie,
-  fadeInFromLeft: Me,
-  fadeInFromRight: we,
-  spotlight: ye,
-  imageWrapper: Te,
-  content: Ne,
-  description: Se,
-  actions: We
-};
-function Fe({
-  link: e,
-  path: l,
-  parentPath: a,
-  openPath: d,
-  togglePath: c,
-  updateTriangleIndicator: p,
-  setOpenPath: t,
-  renderLinks: g,
-  buttonRefs: s
-}) {
-  var u;
-  const _ = d === l, r = !!((u = e.sublinks) != null && u.length), b = h(null);
-  return k(() => (s.current.set(l, b.current), () => {
-    s.current.delete(l);
-  }), [l, s]), /* @__PURE__ */ i(
-    "div",
-    {
-      role: "menuitem",
-      className: `${n.linkWrapper} ${a ? "" : n.parent}`,
-      children: [
-        /* @__PURE__ */ o("div", { className: n.linkItem, children: e.href ? /* @__PURE__ */ i(
-          "a",
-          {
-            href: e.href,
-            className: n.link,
-            target: e.isExternal ? "_blank" : "_self",
-            rel: e.isExternal ? "noopener noreferrer" : void 0,
-            onClick: () => {
-              var m;
-              t(null), (m = e.onClick) == null || m.call(e);
-            },
-            onMouseEnter: () => {
-              a || t(null);
-            },
-            children: [
-              e.label,
-              e.isExternal && /* @__PURE__ */ o(
-                v,
-                {
-                  className: n.newTabIcon,
-                  size: 16,
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ) : /* @__PURE__ */ i(
-          "button",
-          {
-            ref: b,
-            "aria-haspopup": r ? !0 : void 0,
-            "aria-expanded": r ? _ : void 0,
-            className: `${n.sublinkToggle} ${_ ? n.open : ""}`,
-            onClick: () => c(l),
-            onMouseEnter: () => {
-              p(l), t(l);
-            },
-            children: [
-              e.label,
-              r && /* @__PURE__ */ o(
-                f,
-                {
-                  size: 18,
-                  className: n.chevron,
-                  "aria-hidden": "true"
-                }
-              )
-            ]
-          }
-        ) }),
-        r && /* @__PURE__ */ o(
-          "div",
-          {
-            className: `${n.sublinks} ${_ ? n.show : ""}`,
-            onMouseLeave: () => c(l),
-            role: "menu",
-            "aria-label": `${e.label} submenu`,
-            children: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { className: n.sublinksInner, children: /* @__PURE__ */ o("div", { className: n.sublinksColumn, children: g(e.sublinks, l) }) }) })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Fe as N,
-  n as s
-};