@techzyapp/ui-library 1.0.30 → 1.0.32

package/dist/DescriptionList-U5z2Faf4.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),R=require("react"),S=require("clsx"),G=require("./breakpoints-Dpnh6BbG.cjs"),J=require("./useMediaQuery-CHMrI6Dy.cjs"),K=require("./names-BJnFU_5m.cjs"),V=require("./Icon-BVULqOJD.cjs"),X=require("./CopyButton-SFwjKod9.cjs"),Y=require("./IconButton-BNa0yLcv.cjs"),k=require("./Skeleton-DK0lAjS9.cjs"),q=require("./Typography-B6ASPrzT.cjs"),Z=require("./ConfigProvider-ByLHqXpv.cjs"),W="_root_1hhb1_4",ee="_sm_1hhb1_14",se="_md_1hhb1_22",te="_lg_1hhb1_30",ae="_header_1hhb1_40",le="_headerMain_1hhb1_49",ne="_headerIcon_1hhb1_56",oe="_headerText_1hhb1_59",re="_title_1hhb1_65",ce="_actions_1hhb1_68",de="_grid_1hhb1_80",he="_item_1hhb1_87",ie="_dividers_1hhb1_95",_e="_lastRow_1hhb1_99",ue="_label_1hhb1_103",pe="_labelIcon_1hhb1_111",be="_value_1hhb1_116",me="_valueMedium_1hhb1_125",ve="_valueBold_1hhb1_128",xe="_valueText_1hhb1_131",ye="_placeholder_1hhb1_135",je="_copy_1hhb1_148",Ne="_copyButton_1hhb1_156",fe="_horizontal_1hhb1_172",ge="_stacked_1hhb1_170",Ie="_bordered_1hhb1_184",we="_lastRowStart_1hhb1_213",e={root:W,sm:ee,md:se,lg:te,header:ae,headerMain:le,headerIcon:ne,headerText:oe,title:re,actions:ce,grid:de,item:he,dividers:ie,lastRow:_e,label:ue,labelIcon:pe,value:be,valueMedium:me,valueBold:ve,valueText:xe,placeholder:ye,copy:je,copyButton:Ne,horizontal:fe,stacked:ge,bordered:Ie,lastRowStart:we},Te=new Set(K.ICON_NAMES),Me={xs:1,sm:2,lg:3},Re=t=>t==null||t===""||t===!1,Se=t=>{if(typeof t.copyable=="string")return t.copyable;if(typeof t.value=="string"||typeof t.value=="number")return String(t.value)},ke=(t,n)=>{let r=0,l=0;return t.map(h=>{const o=Math.min(h.span??1,n);l+o>n&&(r+=1,l=0);const u={item:h,span:o,row:r,col:l};return l+=o,l>=n&&(r+=1,l=0),u})},B=(t,n="sm")=>typeof t=="string"&&Te.has(t)?s.jsx(V.Icon,{name:t,size:n}):t,qe=R.forwardRef(function({items:n,columns:r=Me,layout:l="vertical",size:h="md",valueWeight:o="regular",bordered:u=!1,dividers:C=!0,labelWidth:p=160,stackBelow:x="xxs",loading:c=!1,emptyText:L="—",title:d,icon:b,color:z="accent",subtitle:i,actions:m,className:E,style:A,...D},O){const y=Z.useT(),j=`${R.useId()}-title`,N=J.useBreakpointMatches(),f=G.resolveResponsive(r,N)??1,$=l==="horizontal"&&x!==!1&&N[x],g=n.filter(a=>!a.hidden),_=ke(g,f),I=_.length?_[_.length-1].row:0,U=typeof c=="number"?c:g.length||6,F=d!=null||i!=null||m!=null||b!=null,H={"--dl-cols":f,"--dl-label-w":typeof p=="number"?`${p}px`:p};return s.jsxs("div",{ref:O,className:S.clsx(e.root,e[h],e[l],o!=="regular"&&e[`value${o==="bold"?"Bold":"Medium"}`],u&&e.bordered,C&&e.dividers,$&&e.stacked,E),style:{...H,...A},...D,children:[F&&s.jsxs("div",{className:e.header,children:[s.jsxs("div",{className:e.headerMain,children:[b!=null&&s.jsx(Y.IconButton,{variant:"filled",size:"sm",color:z,nonClickable:!0,"aria-hidden":!0,className:e.headerIcon,children:B(b,"md")}),(d!=null||i!=null)&&s.jsxs("div",{className:e.headerText,children:[d!=null&&s.jsx(q.Typography,{as:"h3",id:j,variant:"subtitle",className:e.title,children:d}),i!=null&&s.jsx(q.Typography,{as:"p",variant:"bodySmall",color:"muted",children:i})]})]}),m!=null&&s.jsx("div",{className:e.actions,children:m})]}),s.jsx("dl",{className:e.grid,"aria-labelledby":d!=null?j:void 0,"aria-busy":c?!0:void 0,"aria-label":c?y("descriptionList.loading"):void 0,children:c?Array.from({length:U},(a,v)=>s.jsxs("div",{className:e.item,"aria-hidden":"true",children:[s.jsx("dt",{className:e.label,children:s.jsx(k.Skeleton,{width:"40%",height:"0.9em"})}),s.jsx("dd",{className:e.value,children:s.jsx(k.Skeleton,{width:"70%",height:"1.1em"})})]},v)):_.map(({item:a,span:v,row:w,col:P},Q)=>{const T=Re(a.value),M=!T&&a.copyable?Se(a):void 0;return s.jsxs("div",{className:S.clsx(e.item,w===I&&e.lastRow,w===I&&P===0&&e.lastRowStart),style:{"--dl-span":v},children:[s.jsxs("dt",{className:e.label,children:[a.icon!=null&&s.jsx("span",{className:e.labelIcon,"aria-hidden":"true",children:B(a.icon)}),a.label]}),s.jsxs("dd",{className:e.value,children:[s.jsx("span",{className:e.valueText,children:T?s.jsx("span",{className:e.placeholder,"aria-label":y("descriptionList.empty"),children:L}):a.value}),M!=null&&s.jsx("span",{className:e.copy,children:s.jsx(X.CopyButton,{value:M,size:"sm",variant:"text",className:e.copyButton})})]})]},a.key??Q)})})]})});exports.DescriptionList=qe;
-//# sourceMappingURL=DescriptionList-U5z2Faf4.cjs.map

package/dist/FloatingPanel-BIC4WrFa.cjs

@@ -1,2 +0,0 @@
-"use strict";const g=require("react/jsx-runtime"),u=require("react"),A=require("react-dom"),B=require("clsx"),K=require("./useLockBodyScroll-CIXHZo-Q.cjs"),l=8,F=6;function O({open:a,triggerRef:s,align:x="start",onClose:v}){const c=u.useRef(null),[M,h]=u.useState(null),[k,E]=u.useState(!1);K.useLockBodyScroll(a);const d=u.useCallback(()=>{const r=s.current,n=c.current;if(!r||!n)return;const e=r.getBoundingClientRect(),f=n.offsetHeight,m=window.innerHeight,b=window.innerWidth,o=m-e.bottom-F-l,w=e.top-F-l;let t="bottom";f>o&&w>o&&(t="top");const p=Math.max(0,t==="bottom"?o:w),L=Math.min(f,p);let y=t==="bottom"?e.bottom+F:e.top-F-L;y=Math.min(Math.max(y,l),Math.max(l,m-l-L));const P=n.offsetWidth,i=x==="end"?e.right-P:e.left,q=Math.min(Math.max(i,l),Math.max(l,b-l-P));h({top:y,left:q,width:e.width,side:t,maxHeight:p})},[s,x]);return u.useLayoutEffect(()=>{if(!a){E(!1);return}d()},[a,d]),u.useEffect(()=>{if(!a)return;const r=requestAnimationFrame(()=>E(!0)),n=()=>d();window.addEventListener("resize",n),window.addEventListener("scroll",n,!0);let e;return typeof ResizeObserver<"u"&&(e=new ResizeObserver(n),c.current&&e.observe(c.current),s.current&&e.observe(s.current)),()=>{cancelAnimationFrame(r),window.removeEventListener("resize",n),window.removeEventListener("scroll",n,!0),e==null||e.disconnect()}},[a,d,s]),u.useEffect(()=>{if(!a)return;const r=e=>{var m,b,o;const f=e.target;(m=s.current)!=null&&m.contains(f)||(b=c.current)!=null&&b.contains(f)||v(!!((o=c.current)!=null&&o.contains(document.activeElement)))},n=e=>{e.key==="Escape"&&v(!0)};return document.addEventListener("pointerdown",r,!0),document.addEventListener("keydown",n),()=>{document.removeEventListener("pointerdown",r,!0),document.removeEventListener("keydown",n)}},[a,v,s]),{popoverRef:c,position:M,visible:k,reposition:d}}const W="_panel_1cr9q_5",z={panel:W},_='a[href]:not([tabindex="-1"]), button:not([tabindex="-1"]):not(:disabled), input:not([tabindex="-1"]):not(:disabled), select:not([tabindex="-1"]):not(:disabled), textarea:not([tabindex="-1"]):not(:disabled), [tabindex="0"]',T=u.forwardRef(function({open:s,triggerRef:x,align:v,onClose:c,id:M,role:h,ariaLabel:k,ariaLabelledBy:E,ariaDescribedBy:d,trapFocus:r=!1,matchTriggerWidth:n=!1,width:e,className:f,style:m,children:b},o){const{popoverRef:w,position:t,visible:p}=O({open:s,triggerRef:x,align:v,onClose:c}),L=i=>{w.current=i,typeof o=="function"?o(i):o&&(o.current=i)},y=i=>{if(i.key!=="Tab")return;const q=w.current;if(!q)return;const D=q.querySelectorAll(_);if(D.length===0)return;const H=D[0],S=D[D.length-1];i.shiftKey&&document.activeElement===H?(i.preventDefault(),S.focus()):!i.shiftKey&&document.activeElement===S&&(i.preventDefault(),H.focus())};if(!s)return null;const P=e??(n?t==null?void 0:t.width:void 0);return A.createPortal(g.jsx("div",{ref:L,id:M,className:B.clsx(z.panel,f),role:h,"aria-modal":(h==="dialog"||h==="alertdialog")&&r?!0:void 0,"aria-label":k,"aria-labelledby":E,"aria-describedby":d,"data-open":p?"true":"false","data-side":(t==null?void 0:t.side)??"bottom",onKeyDown:r?y:void 0,style:{position:"fixed",top:(t==null?void 0:t.top)??0,left:(t==null?void 0:t.left)??0,width:P,maxHeight:t==null?void 0:t.maxHeight,visibility:t?"visible":"hidden",...m},children:b}),document.body)});exports.FloatingPanel=T;
-//# sourceMappingURL=FloatingPanel-BIC4WrFa.cjs.map

package/dist/FloatingPanel-CeSOtE_D.js

@@ -1,135 +0,0 @@
-import { jsx as O } from "react/jsx-runtime";
-import { useRef as S, useState as g, useCallback as W, useLayoutEffect as z, useEffect as K, forwardRef as B } from "react";
-import { createPortal as _ } from "react-dom";
-import { clsx as q } from "clsx";
-import { u as T } from "./useLockBodyScroll-DwBILLPK.js";
-const l = 8, P = 6;
-function I({
-  open: a,
-  triggerRef: s,
-  align: p = "start",
-  onClose: b
-}) {
-  const c = S(null), [D, v] = g(null), [H, y] = g(!1);
-  T(a);
-  const d = W(() => {
-    const r = s.current, n = c.current;
-    if (!r || !n) return;
-    const e = r.getBoundingClientRect(), u = n.offsetHeight, f = window.innerHeight, m = window.innerWidth, o = f - e.bottom - P - l, h = e.top - P - l;
-    let t = "bottom";
-    u > o && h > o && (t = "top");
-    const x = Math.max(0, t === "bottom" ? o : h), E = Math.min(u, x);
-    let w = t === "bottom" ? e.bottom + P : e.top - P - E;
-    w = Math.min(
-      Math.max(w, l),
-      Math.max(l, f - l - E)
-    );
-    const L = n.offsetWidth, i = p === "end" ? e.right - L : e.left, F = Math.min(
-      Math.max(i, l),
-      Math.max(l, m - l - L)
-    );
-    v({ top: w, left: F, width: e.width, side: t, maxHeight: x });
-  }, [s, p]);
-  return z(() => {
-    if (!a) {
-      y(!1);
-      return;
-    }
-    d();
-  }, [a, d]), K(() => {
-    if (!a) return;
-    const r = requestAnimationFrame(() => y(!0)), n = () => d();
-    window.addEventListener("resize", n), window.addEventListener("scroll", n, !0);
-    let e;
-    return typeof ResizeObserver < "u" && (e = new ResizeObserver(n), c.current && e.observe(c.current), s.current && e.observe(s.current)), () => {
-      cancelAnimationFrame(r), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0), e == null || e.disconnect();
-    };
-  }, [a, d, s]), K(() => {
-    if (!a) return;
-    const r = (e) => {
-      var f, m, o;
-      const u = e.target;
-      (f = s.current) != null && f.contains(u) || (m = c.current) != null && m.contains(u) || b(!!((o = c.current) != null && o.contains(document.activeElement)));
-    }, n = (e) => {
-      e.key === "Escape" && b(!0);
-    };
-    return document.addEventListener("pointerdown", r, !0), document.addEventListener("keydown", n), () => {
-      document.removeEventListener("pointerdown", r, !0), document.removeEventListener("keydown", n);
-    };
-  }, [a, b, s]), { popoverRef: c, position: D, visible: H, reposition: d };
-}
-const N = "_panel_1cr9q_5", V = {
-  panel: N
-}, j = 'a[href]:not([tabindex="-1"]), button:not([tabindex="-1"]):not(:disabled), input:not([tabindex="-1"]):not(:disabled), select:not([tabindex="-1"]):not(:disabled), textarea:not([tabindex="-1"]):not(:disabled), [tabindex="0"]', Q = B(function({
-  open: s,
-  triggerRef: p,
-  align: b,
-  onClose: c,
-  id: D,
-  role: v,
-  ariaLabel: H,
-  ariaLabelledBy: y,
-  ariaDescribedBy: d,
-  trapFocus: r = !1,
-  matchTriggerWidth: n = !1,
-  width: e,
-  className: u,
-  style: f,
-  children: m
-}, o) {
-  const {
-    popoverRef: h,
-    position: t,
-    visible: x
-  } = I({
-    open: s,
-    triggerRef: p,
-    align: b,
-    onClose: c
-  }), E = (i) => {
-    h.current = i, typeof o == "function" ? o(i) : o && (o.current = i);
-  }, w = (i) => {
-    if (i.key !== "Tab") return;
-    const F = h.current;
-    if (!F) return;
-    const M = F.querySelectorAll(j);
-    if (M.length === 0) return;
-    const k = M[0], A = M[M.length - 1];
-    i.shiftKey && document.activeElement === k ? (i.preventDefault(), A.focus()) : !i.shiftKey && document.activeElement === A && (i.preventDefault(), k.focus());
-  };
-  if (!s) return null;
-  const L = e ?? (n ? t == null ? void 0 : t.width : void 0);
-  return _(
-    /* @__PURE__ */ O(
-      "div",
-      {
-        ref: E,
-        id: D,
-        className: q(V.panel, u),
-        role: v,
-        "aria-modal": (v === "dialog" || v === "alertdialog") && r ? !0 : void 0,
-        "aria-label": H,
-        "aria-labelledby": y,
-        "aria-describedby": d,
-        "data-open": x ? "true" : "false",
-        "data-side": (t == null ? void 0 : t.side) ?? "bottom",
-        onKeyDown: r ? w : void 0,
-        style: {
-          position: "fixed",
-          top: (t == null ? void 0 : t.top) ?? 0,
-          left: (t == null ? void 0 : t.left) ?? 0,
-          width: L,
-          maxHeight: t == null ? void 0 : t.maxHeight,
-          visibility: t ? "visible" : "hidden",
-          ...f
-        },
-        children: m
-      }
-    ),
-    document.body
-  );
-});
-export {
-  Q as F
-};
-//# sourceMappingURL=FloatingPanel-CeSOtE_D.js.map