@pfct/purple 1.5.0-npm-next.7 → 1.5.0-npm-next.8

package/dist/chunks/index.CRSD6wuV.js

@@ -1,227 +0,0 @@
-import * as c from "react";
-import { j as w } from "./jsx-runtime.OVHDjVDe.js";
-import * as C from "react-dom";
-import { c as M, u as A } from "./index.6ZBAQokh.js";
-function D(e, t) {
-  const n = c.createContext(t), r = (i) => {
-    const { children: s, ...u } = i, a = c.useMemo(() => u, Object.values(u));
-    return /* @__PURE__ */ w.jsx(n.Provider, { value: a, children: s });
-  };
-  r.displayName = e + "Provider";
-  function o(i) {
-    const s = c.useContext(n);
-    if (s) return s;
-    if (t !== void 0) return t;
-    throw new Error(`\`${i}\` must be used within \`${e}\``);
-  }
-  return [r, o];
-}
-function j(e, t = []) {
-  let n = [];
-  function r(i, s) {
-    const u = c.createContext(s), a = n.length;
-    n = [...n, s];
-    const f = (m) => {
-      var x;
-      const { scope: d, children: p, ...v } = m, N = ((x = d == null ? void 0 : d[e]) == null ? void 0 : x[a]) || u, P = c.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ w.jsx(N.Provider, { value: P, children: p });
-    };
-    f.displayName = i + "Provider";
-    function l(m, d) {
-      var N;
-      const p = ((N = d == null ? void 0 : d[e]) == null ? void 0 : N[a]) || u, v = c.useContext(p);
-      if (v) return v;
-      if (s !== void 0) return s;
-      throw new Error(`\`${m}\` must be used within \`${i}\``);
-    }
-    return [f, l];
-  }
-  const o = () => {
-    const i = n.map((s) => c.createContext(s));
-    return function(u) {
-      const a = (u == null ? void 0 : u[e]) || i;
-      return c.useMemo(
-        () => ({ [`__scope${e}`]: { ...u, [e]: a } }),
-        [u, a]
-      );
-    };
-  };
-  return o.scopeName = e, [r, O(o, ...t)];
-}
-function O(...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(i) {
-      const s = r.reduce((u, { useScope: a, scopeName: f }) => {
-        const m = a(i)[`__scope${f}`];
-        return { ...u, ...m };
-      }, {});
-      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
-    };
-  };
-  return n.scopeName = t.scopeName, n;
-}
-function L(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
-  return function(o) {
-    if (e == null || e(o), n === !1 || !o.defaultPrevented)
-      return t == null ? void 0 : t(o);
-  };
-}
-var h = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, R = c[" useInsertionEffect ".trim().toString()] || h;
-function F({
-  prop: e,
-  defaultProp: t,
-  onChange: n = () => {
-  },
-  caller: r
-}) {
-  const [o, i, s] = E({
-    defaultProp: t,
-    onChange: n
-  }), u = e !== void 0, a = u ? e : o;
-  {
-    const l = c.useRef(e !== void 0);
-    c.useEffect(() => {
-      const m = l.current;
-      m !== u && console.warn(
-        `${r} is changing from ${m ? "controlled" : "uncontrolled"} to ${u ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), l.current = u;
-    }, [u, r]);
-  }
-  const f = c.useCallback(
-    (l) => {
-      var m;
-      if (u) {
-        const d = g(l) ? l(e) : l;
-        d !== e && ((m = s.current) == null || m.call(s, d));
-      } else
-        i(l);
-    },
-    [u, e, i, s]
-  );
-  return [a, f];
-}
-function E({
-  defaultProp: e,
-  onChange: t
-}) {
-  const [n, r] = c.useState(e), o = c.useRef(n), i = c.useRef(t);
-  return R(() => {
-    i.current = t;
-  }, [t]), c.useEffect(() => {
-    var s;
-    o.current !== n && ((s = i.current) == null || s.call(i, n), o.current = n);
-  }, [n, o]), [n, r, i];
-}
-function g(e) {
-  return typeof e == "function";
-}
-var y = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], W = y.reduce((e, t) => {
-  const n = M(`Primitive.${t}`), r = c.forwardRef((o, i) => {
-    const { asChild: s, ...u } = o, a = s ? n : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ w.jsx(a, { ...u, ref: i });
-  });
-  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
-}, {});
-function k(e, t) {
-  e && C.flushSync(() => e.dispatchEvent(t));
-}
-function b(e, t) {
-  return c.useReducer((n, r) => t[n][r] ?? n, e);
-}
-var T = (e) => {
-  const { present: t, children: n } = e, r = I(t), o = typeof n == "function" ? n({ present: r.isPresent }) : c.Children.only(n), i = A(r.ref, U(o));
-  return typeof n == "function" || r.isPresent ? c.cloneElement(o, { ref: i }) : null;
-};
-T.displayName = "Presence";
-function I(e) {
-  const [t, n] = c.useState(), r = c.useRef(null), o = c.useRef(e), i = c.useRef("none"), s = e ? "mounted" : "unmounted", [u, a] = b(s, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return c.useEffect(() => {
-    const f = S(r.current);
-    i.current = u === "mounted" ? f : "none";
-  }, [u]), h(() => {
-    const f = r.current, l = o.current;
-    if (l !== e) {
-      const d = i.current, p = S(f);
-      e ? a("MOUNT") : p === "none" || (f == null ? void 0 : f.display) === "none" ? a("UNMOUNT") : a(l && d !== p ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
-    }
-  }, [e, a]), h(() => {
-    if (t) {
-      let f;
-      const l = t.ownerDocument.defaultView ?? window, m = (p) => {
-        const N = S(r.current).includes(CSS.escape(p.animationName));
-        if (p.target === t && N && (a("ANIMATION_END"), !o.current)) {
-          const P = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", f = l.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = P);
-          });
-        }
-      }, d = (p) => {
-        p.target === t && (i.current = S(r.current));
-      };
-      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
-        l.clearTimeout(f), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
-      };
-    } else
-      a("ANIMATION_END");
-  }, [t, a]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(u),
-    ref: c.useCallback((f) => {
-      r.current = f ? getComputedStyle(f) : null, n(f);
-    }, [])
-  };
-}
-function S(e) {
-  return (e == null ? void 0 : e.animationName) || "none";
-}
-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);
-}
-export {
-  T as P,
-  W as a,
-  L as b,
-  j as c,
-  D as d,
-  h as e,
-  k as f,
-  F as u
-};

package/dist/chunks/index.DYkYoCrb.js

@@ -1,13 +0,0 @@
-import * as e from "react";
-import { e as u } from "./index.CRSD6wuV.js";
-var s = e[" useId ".trim().toString()] || (() => {
-}), i = 0;
-function c(t) {
-  const [r, o] = e.useState(s());
-  return u(() => {
-    o((a) => a ?? String(i++));
-  }, [t]), t || (r ? `radix-${r}` : "");
-}
-export {
-  c as u
-};

package/dist/chunks/index.Tc55yzvH.js

@@ -1,5 +0,0 @@
-"use strict";const L=require("react"),l=require("./index.BhKv87PH.js"),R=require("./index.CKKuhuuw.js"),E=require("./index.mFaQzo4n.js"),P=require("./index.Ca2_YDeQ.js"),x=require("./index.cLNSO_n0.js"),i=require("./jsx-runtime.CrDL12FN.js");function H(e){if(e&&typeof e=="object"&&"default"in e)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 a=H(L);var v="Dialog",[h,ae]=l.createContextScope(v),[B,d]=h(v),y=e=>{const{__scopeDialog:t,children:n,open:r,defaultOpen:s,onOpenChange:o,modal:c=!0}=e,u=a.useRef(null),f=a.useRef(null),[g,D]=l.useControllableState({prop:r,defaultProp:s??!1,onChange:o,caller:v});return i.jsxRuntimeExports.jsx(B,{scope:t,triggerRef:u,contentRef:f,contentId:E.useId(),titleId:E.useId(),descriptionId:E.useId(),open:g,onOpenChange:D,onOpenToggle:a.useCallback(()=>D(G=>!G),[D]),modal:c,children:n})};y.displayName=v;var O="DialogTrigger",N=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,s=d(O,n),o=R.useComposedRefs(t,s.triggerRef);return i.jsxRuntimeExports.jsx(l.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":s.open,"aria-controls":s.contentId,"data-state":_(s.open),...r,ref:o,onClick:l.composeEventHandlers(e.onClick,s.onOpenToggle)})});N.displayName=O;var j="DialogPortal",[V,I]=h(j,{forceMount:void 0}),b=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:s}=e,o=d(j,t);return i.jsxRuntimeExports.jsx(V,{scope:t,forceMount:n,children:a.Children.map(r,c=>i.jsxRuntimeExports.jsx(l.Presence,{present:n||o.open,children:i.jsxRuntimeExports.jsx(P.Portal,{asChild:!0,container:s,children:c})}))})};b.displayName=j;var m="DialogOverlay",T=a.forwardRef((e,t)=>{const n=I(m,e.__scopeDialog),{forceMount:r=n.forceMount,...s}=e,o=d(m,e.__scopeDialog);return o.modal?i.jsxRuntimeExports.jsx(l.Presence,{present:r||o.open,children:i.jsxRuntimeExports.jsx(K,{...s,ref:t})}):null});T.displayName=m;var z=R.createSlot("DialogOverlay.RemoveScroll"),K=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,s=d(m,n);return i.jsxRuntimeExports.jsx(x.ReactRemoveScroll,{as:z,allowPinchZoom:!0,shards:[s.contentRef],children:i.jsxRuntimeExports.jsx(l.Primitive.div,{"data-state":_(s.open),...r,ref:t,style:{pointerEvents:"auto",...r.style}})})}),p="DialogContent",A=a.forwardRef((e,t)=>{const n=I(p,e.__scopeDialog),{forceMount:r=n.forceMount,...s}=e,o=d(p,e.__scopeDialog);return i.jsxRuntimeExports.jsx(l.Presence,{present:r||o.open,children:o.modal?i.jsxRuntimeExports.jsx(U,{...s,ref:t}):i.jsxRuntimeExports.jsx(Y,{...s,ref:t})})});A.displayName=p;var U=a.forwardRef((e,t)=>{const n=d(p,e.__scopeDialog),r=a.useRef(null),s=R.useComposedRefs(t,n.contentRef,r);return a.useEffect(()=>{const o=r.current;if(o)return x.hideOthers(o)},[]),i.jsxRuntimeExports.jsx(M,{...e,ref:s,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:l.composeEventHandlers(e.onCloseAutoFocus,o=>{var c;o.preventDefault(),(c=n.triggerRef.current)==null||c.focus()}),onPointerDownOutside:l.composeEventHandlers(e.onPointerDownOutside,o=>{const c=o.detail.originalEvent,u=c.button===0&&c.ctrlKey===!0;(c.button===2||u)&&o.preventDefault()}),onFocusOutside:l.composeEventHandlers(e.onFocusOutside,o=>o.preventDefault())})}),Y=a.forwardRef((e,t)=>{const n=d(p,e.__scopeDialog),r=a.useRef(!1),s=a.useRef(!1);return i.jsxRuntimeExports.jsx(M,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{var c,u;(c=e.onCloseAutoFocus)==null||c.call(e,o),o.defaultPrevented||(r.current||(u=n.triggerRef.current)==null||u.focus(),o.preventDefault()),r.current=!1,s.current=!1},onInteractOutside:o=>{var f,g;(f=e.onInteractOutside)==null||f.call(e,o),o.defaultPrevented||(r.current=!0,o.detail.originalEvent.type==="pointerdown"&&(s.current=!0));const c=o.target;((g=n.triggerRef.current)==null?void 0:g.contains(c))&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&s.current&&o.preventDefault()}})}),M=a.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:r,onOpenAutoFocus:s,onCloseAutoFocus:o,...c}=e,u=d(p,n),f=a.useRef(null),g=R.useComposedRefs(t,f);return x.useFocusGuards(),i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(x.FocusScope,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:s,onUnmountAutoFocus:o,children:i.jsxRuntimeExports.jsx(P.DismissableLayer,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":_(u.open),...c,ref:g,onDismiss:()=>u.onOpenChange(!1)})}),i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[i.jsxRuntimeExports.jsx(Z,{titleId:u.titleId}),i.jsxRuntimeExports.jsx(Q,{contentRef:f,descriptionId:u.descriptionId})]})]})}),C="DialogTitle",S=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,s=d(C,n);return i.jsxRuntimeExports.jsx(l.Primitive.h2,{id:s.titleId,...r,ref:t})});S.displayName=C;var w="DialogDescription",F=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,s=d(w,n);return i.jsxRuntimeExports.jsx(l.Primitive.p,{id:s.descriptionId,...r,ref:t})});F.displayName=w;var W="DialogClose",k=a.forwardRef((e,t)=>{const{__scopeDialog:n,...r}=e,s=d(W,n);return i.jsxRuntimeExports.jsx(l.Primitive.button,{type:"button",...r,ref:t,onClick:l.composeEventHandlers(e.onClick,()=>s.onOpenChange(!1))})});k.displayName=W;function _(e){return e?"open":"closed"}var $="DialogTitleWarning",[ce,q]=l.createContext2($,{contentName:p,titleName:C,docsSlug:"dialog"}),Z=({titleId:e})=>{const t=q($),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
-
-If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
-
-For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return a.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},J="DialogDescriptionWarning",Q=({contentRef:e,descriptionId:t})=>{const r=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${q(J).contentName}}.`;return a.useEffect(()=>{var o;const s=(o=e.current)==null?void 0:o.getAttribute("aria-describedby");t&&s&&(document.getElementById(t)||console.warn(r))},[r,e,t]),null},X=y,ee=N,te=b,oe=T,ne=A,re=S,se=F,ie=k;exports.Close=ie;exports.Content=ne;exports.Description=se;exports.Overlay=oe;exports.Portal=te;exports.Root=X;exports.Title=re;exports.Trigger=ee;

package/dist/components/Control/Switch/index.styled.cjs.js

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react"),a=require("@emotion/styled"),d=require("../../../core/Colors/index.cjs.js"),c=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=c(a),s=({size:t,active:r=!1})=>{const i=o.css`
-		width: 50px;
-		height: 30px;
-		padding: 3px;
-	`,n=o.css`
-		width: 36px;
-		height: 22px;
-		padding: 2px;
-	`,l=o.css`
-		width: 24px;
-		height: 24px;
-		left: ${r?"20px":0};
-	`,p=o.css`
-		width: 18px;
-		height: 18px;
-		left: ${r?"14px":0};
-	`;return t==="m"?{Wrapper:i,Control:l}:{Wrapper:n,Control:p}},u=e.default.div`
-	border-radius: 25px;
-	position: relative;
-	box-sizing: border-box;
-	background-color: ${({backgroundColor:t})=>t};
-	cursor: ${({disabled:t})=>t?"not-allowed":"pointer"};
-
-	${({size:t})=>s({size:t}).Wrapper}
-`,x=e.default.div`
-	position: relative;
-	background-color: ${d.basicColors.white};
-	border-radius: 50%;
-	transition: all 0.4s ease-out;
-
-	${({size:t,active:r})=>s({size:t,active:r}).Control};
-`;exports.Control=x;exports.Wrapper=u;

package/dist/components/Control/Switch/index.styled.d.ts

@@ -1,15 +0,0 @@
-export declare const Wrapper: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    backgroundColor: string;
-    disabled: boolean;
-    size: "s" | "m";
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Control: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
-    as?: React.ElementType;
-} & {
-    active: boolean;
-    size: "s" | "m";
-}, import('node_modules/@types/react').DetailedHTMLProps<import('node_modules/@types/react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Control/Switch/index.styled.es.js

@@ -1,42 +0,0 @@
-import { css as t } from "@emotion/react";
-import e from "@emotion/styled";
-import { basicColors as a } from "../../../core/Colors/index.es.js";
-const p = ({ size: r, active: o = !1 }) => {
-  const i = t`
-		width: 50px;
-		height: 30px;
-		padding: 3px;
-	`, s = t`
-		width: 36px;
-		height: 22px;
-		padding: 2px;
-	`, n = t`
-		width: 24px;
-		height: 24px;
-		left: ${o ? "20px" : 0};
-	`, l = t`
-		width: 18px;
-		height: 18px;
-		left: ${o ? "14px" : 0};
-	`;
-  return r === "m" ? { Wrapper: i, Control: n } : { Wrapper: s, Control: l };
-}, h = e.div`
-	border-radius: 25px;
-	position: relative;
-	box-sizing: border-box;
-	background-color: ${({ backgroundColor: r }) => r};
-	cursor: ${({ disabled: r }) => r ? "not-allowed" : "pointer"};
-
-	${({ size: r }) => p({ size: r }).Wrapper}
-`, u = e.div`
-	position: relative;
-	background-color: ${a.white};
-	border-radius: 50%;
-	transition: all 0.4s ease-out;
-
-	${({ size: r, active: o }) => p({ size: r, active: o }).Control};
-`;
-export {
-  u as Control,
-  h as Wrapper
-};