UNPKG

dgz-ui

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

3 lines (2 loc) 6.12 kB
"use strict";const E=require("react"),y=require("react/jsx-runtime"),M=require("react-dom"),P=require("./index-jFOWwfD3.cjs.js"),h=require("./index-pQxT4IlV.cjs.js");function g(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=g(E),w=g(M);function A(e,t){const n=i.createContext(t),r=s=>{const{children:u,...c}=s,a=i.useMemo(()=>c,Object.values(c));return y.jsx(n.Provider,{value:a,children:u})};r.displayName=e+"Provider";function o(s){const u=i.useContext(n);if(u)return u;if(t!==void 0)return t;throw new Error(`\`${s}\` must be used within \`${e}\``)}return[r,o]}function R(e,t=[]){let n=[];function r(s,u){const c=i.createContext(u),a=n.length;n=[...n,u];const l=f=>{var C;const{scope:d,children:m,...N}=f,S=((C=d==null?void 0:d[e])==null?void 0:C[a])||c,x=i.useMemo(()=>N,Object.values(N));return y.jsx(S.Provider,{value:x,children:m})};l.displayName=s+"Provider";function p(f,d){var S;const m=((S=d==null?void 0:d[e])==null?void 0:S[a])||c,N=i.useContext(m);if(N)return N;if(u!==void 0)return u;throw new Error(`\`${f}\` must be used within \`${s}\``)}return[l,p]}const o=()=>{const s=n.map(u=>i.createContext(u));return function(c){const a=(c==null?void 0:c[e])||s;return i.useMemo(()=>({[`__scope${e}`]:{...c,[e]:a}}),[c,a])}};return o.scopeName=e,[r,b(o,...t)]}function b(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(s){const u=r.reduce((c,{useScope:a,scopeName:l})=>{const f=a(s)[`__scope${l}`];return{...c,...f}},{});return i.useMemo(()=>({[`__scope${t.scopeName}`]:u}),[u])}};return n.scopeName=t.scopeName,n}function _(e,t,{checkForDefaultPrevented:n=!0}={}){return function(o){if(e==null||e(o),n===!1||!o.defaultPrevented)return t==null?void 0:t(o)}}function T(e){const t=j(e),n=i.forwardRef((r,o)=>{const{children:s,...u}=r,c=i.Children.toArray(s),a=c.find(D);if(a){const l=a.props.children,p=c.map(f=>f===a?i.Children.count(l)>1?i.Children.only(null):i.isValidElement(l)?l.props.children:null:f);return y.jsx(t,{...u,ref:o,children:i.isValidElement(l)?i.cloneElement(l,void 0,p):null})}return y.jsx(t,{...u,ref:o,children:s})});return n.displayName=`${e}.Slot`,n}function j(e){const t=i.forwardRef((n,r)=>{const{children:o,...s}=n;if(i.isValidElement(o)){const u=U(o),c=$(s,o.props);return o.type!==i.Fragment&&(c.ref=r?P.composeRefs(r,u):u),i.cloneElement(o,c)}return i.Children.count(o)>1?i.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var I=Symbol("radix.slottable");function D(e){return i.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===I}function $(e,t){const n={...t};for(const r in t){const o=e[r],s=t[r];/^on[A-Z]/.test(r)?o&&s?n[r]=(...c)=>{const a=s(...c);return o(...c),a}:o&&(n[r]=o):r==="style"?n[r]={...o,...s}:r==="className"&&(n[r]=[o,s].filter(Boolean).join(" "))}return{...e,...n}}function U(e){var r,o;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var W=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],L=W.reduce((e,t)=>{const n=T(`Primitive.${t}`),r=i.forwardRef((o,s)=>{const{asChild:u,...c}=o,a=u?n:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),y.jsx(a,{...c,ref:s})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function F(e,t){e&&w.flushSync(()=>e.dispatchEvent(t))}function V(e,t){return i.useReducer((n,r)=>t[n][r]??n,e)}var O=e=>{const{present:t,children:n}=e,r=q(t),o=typeof n=="function"?n({present:r.isPresent}):i.Children.only(n),s=P.useComposedRefs(r.ref,k(o));return typeof n=="function"||r.isPresent?i.cloneElement(o,{ref:s}):null};O.displayName="Presence";function q(e){const[t,n]=i.useState(),r=i.useRef(null),o=i.useRef(e),s=i.useRef("none"),u=e?"mounted":"unmounted",[c,a]=V(u,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return i.useEffect(()=>{const l=v(r.current);s.current=c==="mounted"?l:"none"},[c]),h.useLayoutEffect2(()=>{const l=r.current,p=o.current;if(p!==e){const d=s.current,m=v(l);e?a("MOUNT"):m==="none"||(l==null?void 0:l.display)==="none"?a("UNMOUNT"):a(p&&d!==m?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,a]),h.useLayoutEffect2(()=>{if(t){let l;const p=t.ownerDocument.defaultView??window,f=m=>{const S=v(r.current).includes(CSS.escape(m.animationName));if(m.target===t&&S&&(a("ANIMATION_END"),!o.current)){const x=t.style.animationFillMode;t.style.animationFillMode="forwards",l=p.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=x)})}},d=m=>{m.target===t&&(s.current=v(r.current))};return t.addEventListener("animationstart",d),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{p.clearTimeout(l),t.removeEventListener("animationstart",d),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else a("ANIMATION_END")},[t,a]),{isPresent:["mounted","unmountSuspended"].includes(c),ref:i.useCallback(l=>{r.current=l?getComputedStyle(l):null,n(l)},[])}}function v(e){return(e==null?void 0:e.animationName)||"none"}function k(e){var r,o;let t=(r=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:r.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}exports.Presence=O;exports.Primitive=L;exports.composeEventHandlers=_;exports.createContext2=A;exports.createContextScope=R;exports.dispatchDiscreteCustomEvent=F; //# sourceMappingURL=index-D9zW9Tk7.cjs.js.map