@kakadu/components 0.1.4 → 1.0.0

package/build/components/atom.d.ts

@@ -1,10 +0,0 @@
-import { type ElementType, type ComponentPropsWithoutRef, type ComponentRef, type Ref } from 'react';
-export declare const defaultAtomElementType = "div";
-export type AtomElementType = ElementType;
-export type DefaultAtomElementType = typeof defaultAtomElementType;
-export type AtomProperties<Type extends ElementType = DefaultAtomElementType> = ComponentPropsWithoutRef<Type> & {
-    readonly as?: Type;
-    readonly reference?: Ref<ComponentRef<Type>>;
-    readonly className?: string;
-};
-export default function Atom<Type extends ElementType = DefaultAtomElementType>({ as, reference, ...properties }: AtomProperties<Type>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/build/components/box.d.ts

@@ -1,4 +0,0 @@
-import { type DefaultAtomElementType, type AtomElementType, type AtomProperties } from './atom';
-type BoxProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type>;
-export default function Box<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: BoxProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/flex.d.ts

@@ -1,7 +0,0 @@
-import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
-export type FlexProperties<Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type> & {
-    readonly direction?: 'row' | 'column';
-    readonly gap?: 0.25 | 0.375 | 0.5 | 1 | 1.5 | 2;
-    readonly alignment?: 'start' | 'center' | 'space-between' | 'end';
-};
-export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, alignment, gap, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/components/gauge.d.ts

@@ -1,6 +0,0 @@
-export type GaugeProperties = {
-    readonly label: string;
-    readonly size?: 'small' | 'medium' | 'large';
-    readonly percentage?: number;
-};
-export default function Gauge({ label, size, percentage }: GaugeProperties): import("react/jsx-runtime").JSX.Element;

package/build/components/skeleton.d.ts

@@ -1,13 +0,0 @@
-import { type HTMLAttributes } from 'react';
-type SkeletonProperties = {
-    readonly width?: string | number;
-    readonly height?: string | number;
-    readonly className?: string;
-    readonly isAnimated?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare function SkeletonInstance({ width, height, className, children, isAnimated, ...parameters }: SkeletonProperties): import("react/jsx-runtime").JSX.Element;
-export default function Skeleton({ lines, isAnimated, }: {
-    readonly lines?: number;
-    readonly isAnimated?: boolean;
-}): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/build/components/spinner.d.ts

@@ -1,10 +0,0 @@
-type SpinnerProperties = {
-    readonly size?: number;
-    readonly strokeWidth?: number;
-    readonly isAnimated?: boolean;
-};
-export default function Spinner({ size, strokeWidth, isAnimated, }: SpinnerProperties): import("react/jsx-runtime").JSX.Element;
-export declare function RevealSpinner({ isVisible, ...properties }: {
-    readonly isVisible?: boolean;
-} & Omit<SpinnerProperties, 'isAnimated'>): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/components/text.d.ts

@@ -1,7 +0,0 @@
-import { type ElementType } from 'react';
-import { type AtomProperties } from './atom';
-export declare function Heading<Type extends ElementType = 'h1'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare const spanStyles: string;
-export declare function Paragraph<Type extends ElementType = 'p'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function Span<Type extends ElementType = 'span'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export default function Text<Type extends ElementType = 'div'>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/flex-C4bEYrMM.mjs

@@ -1,16 +0,0 @@
-import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as m } from "@kuma-ui/core";
-import { A as c, d as u } from "./atom-CqxGy6PS.mjs";
-function x({
-  as: a,
-  direction: e = "column",
-  alignment: n,
-  gap: o = 1,
-  className: t,
-  ...k
-}) {
-  return /* @__PURE__ */ s.jsx(c, { as: a ?? u, ...k, className: m("kakadu-components-1168981339", e === "column" && "kakadu-components-2635417128", n === "start" && "kakadu-components-3787355519", n === "center" && "kakadu-components-2338096059", n === "space-between" && "kakadu-components-3146198284", n === "end" && "kakadu-components-1431148762", o === 0.25 && "kakadu-components-2276234075", o === 0.375 && "kakadu-components-739568937", o === 0.5 && "kakadu-components-3438335458", o === 1 && "kakadu-components-3993051137", o === 1.5 && "kakadu-components-4186556816", o === 2 && "kakadu-components-1435205015", t) });
-}
-export {
-  x as F
-};

package/build/flex-JFSv9GFG.js

@@ -1 +0,0 @@
-"use strict";const a=require("./jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core"),n=require("./atom-B-bW2QKm.js");function m({as:t,direction:s="column",alignment:e,gap:o=1,className:c,...k}){return a.jsxRuntimeExports.jsx(n.Atom,{as:t??n.defaultAtomElementType,...k,className:u.cx("kakadu-components-1168981339",s==="column"&&"kakadu-components-2635417128",e==="start"&&"kakadu-components-3787355519",e==="center"&&"kakadu-components-2338096059",e==="space-between"&&"kakadu-components-3146198284",e==="end"&&"kakadu-components-1431148762",o===.25&&"kakadu-components-2276234075",o===.375&&"kakadu-components-739568937",o===.5&&"kakadu-components-3438335458",o===1&&"kakadu-components-3993051137",o===1.5&&"kakadu-components-4186556816",o===2&&"kakadu-components-1435205015",c)})}exports.Flex=m;

package/build/gauge-C1CypvvD.mjs

@@ -1,41 +0,0 @@
-import { j as s } from "./jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as n } from "react";
-import { cx as D } from "@kuma-ui/core";
-const m = {
-  /* eslint-disable @typescript-eslint/naming-convention */
-  0: ["#D60D43"],
-  15: ["#D60D43", "#FFCD45"],
-  30: ["#D6460D", "#ffda54"],
-  50: ["#D6860D", "#F1DC3B", "#CEE838"],
-  65: ["#D6BE0D", "#FFD045", "#6DE838"],
-  80: ["#D9E838", "#93E838", "#3EE838"],
-  100: ["#55EB62", "#38E99A", "#5EEA52"]
-  /* eslint-enable @typescript-eslint/naming-convention */
-}, x = Object.keys(m).map((e) => Number.parseInt(e, 10)).sort((e, t) => t - e);
-function v({
-  label: e,
-  size: t,
-  percentage: c = 0
-}) {
-  const a = n(() => Math.max(0, Math.min(100, c)), [c]), d = n(() => a / 100, [a]), o = n(() => {
-    for (const r of x)
-      if (a >= r)
-        return m[r];
-    return [];
-  }, [a]), l = n(() => o.length, [o]), u = n(() => o.at(0), [o]), i = n(() => o.at(-1), [o]), k = n(() => o.map((r, p) => `${r} ${Math.round(p / l * 100)}%`).join(", "), [o, l]);
-  return /* @__PURE__ */ s.jsxs("div", { style: {
-    "--percentage": `${a}%`,
-    "--percentage-factor": d,
-    "--gradient": k,
-    "--start-color": u,
-    "--end-color": i
-  }, role: "meter", "aria-valuenow": a, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": e, className: D("kakadu-components-361702174", t === "small" && "kakadu-components-3162945807", t === "large" && "kakadu-components-2977513648"), children: [
-    a > 0 ? /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-707327569" }) : null,
-    /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-3185646656", children: /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-257978560" }) }),
-    /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-586099934", children: a }),
-    a > 0 && a < 100 ? /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-967240013", children: /* @__PURE__ */ s.jsx("div", { className: "kakadu-components-3225063030" }) }) : null
-  ] });
-}
-export {
-  v as G
-};

package/build/gauge-mog6SjVx.js

@@ -1 +0,0 @@
-"use strict";const o=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),p=require("@kuma-ui/core"),m={0:["#D60D43"],15:["#D60D43","#FFCD45"],30:["#D6460D","#ffda54"],50:["#D6860D","#F1DC3B","#CEE838"],65:["#D6BE0D","#FFD045","#6DE838"],80:["#D9E838","#93E838","#3EE838"],100:["#55EB62","#38E99A","#5EEA52"]},E=Object.keys(m).map(a=>Number.parseInt(a,10)).sort((a,n)=>n-a);function j({label:a,size:n,percentage:c=0}){const e=t.useMemo(()=>Math.max(0,Math.min(100,c)),[c]),i=t.useMemo(()=>e/100,[e]),s=t.useMemo(()=>{for(const r of E)if(e>=r)return m[r];return[]},[e]),u=t.useMemo(()=>s.length,[s]),l=t.useMemo(()=>s.at(0),[s]),d=t.useMemo(()=>s.at(-1),[s]),x=t.useMemo(()=>s.map((r,k)=>`${r} ${Math.round(k/u*100)}%`).join(", "),[s,u]);return o.jsxRuntimeExports.jsxs("div",{style:{"--percentage":`${e}%`,"--percentage-factor":i,"--gradient":x,"--start-color":l,"--end-color":d},role:"meter","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100,"aria-label":a,className:p.cx("kakadu-components-361702174",n==="small"&&"kakadu-components-3162945807",n==="large"&&"kakadu-components-2977513648"),children:[e>0?o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-707327569"}):null,o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3185646656",children:o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-257978560"})}),o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-586099934",children:e}),e>0&&e<100?o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-967240013",children:o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3225063030"})}):null]})}exports.Gauge=j;

package/build/index.d.ts

@@ -1,10 +0,0 @@
-export { default as Atom, defaultAtomElementType } from './components/atom';
-export type { AtomProperties, DefaultAtomElementType } from './components/atom';
-export { default as AriaText } from './components/aria-text';
-export { default as Box } from './components/box';
-export { default as Flex } from './components/flex';
-export { default as Text, Heading, Paragraph, Span } from './components/text';
-export { default as Gauge } from './components/gauge';
-export { default as Skeleton, SkeletonInstance } from './components/skeleton';
-export { default as Spinner, RevealSpinner } from './components/spinner';
-export { default as theme, greenColor, overflowProtectionStyles, buttonResetStyles, } from './theme';

package/build/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./atom-B-bW2QKm.js"),l=require("./jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core"),c=require("./box-4_-REPb0.js"),x=require("./flex-JFSv9GFG.js"),e=require("./text-BO7Qt7Lj.js"),S=require("./gauge-mog6SjVx.js"),o=require("./skeleton-B5bJ732_.js"),r=require("./spinner-DFfE6tSd.js"),t=require("./theme.js"),m="kakadu-components-3440084244";function p({as:a,className:s,...i}){return l.jsxRuntimeExports.jsx(n.Atom,{as:a??"span",...i,className:u.cx(m,s)})}exports.Atom=n.Atom;exports.defaultAtomElementType=n.defaultAtomElementType;exports.Box=c.Box;exports.Flex=x.Flex;exports.Heading=e.Heading;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.Text;exports.Gauge=S.Gauge;exports.Skeleton=o.Skeleton;exports.SkeletonInstance=o.SkeletonInstance;exports.RevealSpinner=r.RevealSpinner;exports.Spinner=r.Spinner;exports.buttonResetStyles=t.buttonResetStyles;exports.greenColor=t.greenColor;exports.overflowProtectionStyles=t.overflowProtectionStyles;exports.theme=t.default;exports.AriaText=p;

package/build/index.mjs

@@ -1,39 +0,0 @@
-import { A as r } from "./atom-CqxGy6PS.mjs";
-import { d as S } from "./atom-CqxGy6PS.mjs";
-import { j as a } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as s } from "@kuma-ui/core";
-import { B as c } from "./box-Cf22bdCb.mjs";
-import { F as T } from "./flex-C4bEYrMM.mjs";
-import { H as k, P as y, S as A, T as R } from "./text-ZYVNxqac.mjs";
-import { G as P } from "./gauge-C1CypvvD.mjs";
-import { S as v, a as B } from "./skeleton-C593Afco.mjs";
-import { R as F, S as G } from "./spinner-DE_Y3sKH.mjs";
-import { buttonResetStyles as b, greenColor as w, overflowProtectionStyles as C, default as I } from "./theme.mjs";
-const n = "kakadu-components-3440084244";
-function f({
-  as: e,
-  className: o,
-  ...t
-}) {
-  return /* @__PURE__ */ a.jsx(r, { as: e ?? "span", ...t, className: s(n, o) });
-}
-export {
-  f as AriaText,
-  r as Atom,
-  c as Box,
-  T as Flex,
-  P as Gauge,
-  k as Heading,
-  y as Paragraph,
-  F as RevealSpinner,
-  v as Skeleton,
-  B as SkeletonInstance,
-  A as Span,
-  G as Spinner,
-  R as Text,
-  b as buttonResetStyles,
-  S as defaultAtomElementType,
-  w as greenColor,
-  C as overflowProtectionStyles,
-  I as theme
-};

package/build/skeleton-B5bJ732_.js

@@ -1 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BB_1_6y_.js"),c=require("react"),a=require("@kuma-ui/core");function o({width:t,height:s,className:u,children:r,isAnimated:n=!0,...x}){return e.jsxRuntimeExports.jsx("span",{...x,"aria-busy":!0,"aria-role":"progressbar",className:a.cx("kakadu-components-3027005914",n&&"kakadu-components-3311350973",u),style:{width:t,height:s},children:r??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const i="kakadu-components-3140855657";function m({lines:t=1,isAnimated:s=!0}){const u=c.useMemo(()=>{const r=[];if(t<=1)return r;for(let n=1;n<t;n+=1)r.push(e.jsxRuntimeExports.jsx(o,{width:"100%",height:"1em",isAnimated:s,className:i},n));return r},[t,s]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(o,{width:"100%",height:"1em",isAnimated:s,className:i}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[u,e.jsxRuntimeExports.jsx(o,{width:"60%",height:"1em",isAnimated:s,className:i})]})}exports.Skeleton=m;exports.SkeletonInstance=o;

package/build/skeleton-C593Afco.mjs

@@ -1,48 +0,0 @@
-import { j as e } from "./jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as c } from "react";
-import { cx as l } from "@kuma-ui/core";
-function a({
-  width: t,
-  height: r,
-  className: o,
-  children: s,
-  isAnimated: n = !0,
-  ...m
-}) {
-  return /* @__PURE__ */ e.jsx(
-    "span",
-    {
-      ...m,
-      "aria-busy": !0,
-      "aria-role": "progressbar",
-      className: l("kakadu-components-3027005914", n && "kakadu-components-3311350973", o),
-      style: {
-        width: t,
-        height: r
-      },
-      children: s ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " })
-    }
-  );
-}
-const u = "kakadu-components-3140855657";
-function x({
-  lines: t = 1,
-  isAnimated: r = !0
-}) {
-  const o = c(() => {
-    const s = [];
-    if (t <= 1)
-      return s;
-    for (let n = 1; n < t; n += 1)
-      s.push(/* @__PURE__ */ e.jsx(a, { width: "100%", height: "1em", isAnimated: r, className: u }, n));
-    return s;
-  }, [t, r]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(a, { width: "100%", height: "1em", isAnimated: r, className: u }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    o,
-    /* @__PURE__ */ e.jsx(a, { width: "60%", height: "1em", isAnimated: r, className: u })
-  ] });
-}
-export {
-  x as S,
-  a
-};

package/build/spinner-DE_Y3sKH.mjs

@@ -1,33 +0,0 @@
-import { j as a } from "./jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as o, useState as x, useEffect as d } from "react";
-import { cx as f } from "@kuma-ui/core";
-function i({
-  size: e = 18,
-  strokeWidth: n = 2.5,
-  isAnimated: c = !0
-}) {
-  const t = o(() => e / 2, [e]), r = o(() => t - n / 2, [n, t]), s = o(() => 2 * Math.PI * r, [r]), u = o(() => s * 0.33, [s]), m = o(() => s - u, [s, u]), p = o(() => -m / 2, [m]);
-  return /* @__PURE__ */ a.jsx("svg", { width: e, height: e, preserveAspectRatio: "xMaxYMax meet", viewBox: `0 0 ${e} ${e}`, fill: "none", className: f("kakadu-components-2940817552", c && "kakadu-components-2073235239"), children: /* @__PURE__ */ a.jsx("circle", { cx: t, cy: t, r, stroke: "currentColor", strokeWidth: n, strokeLinecap: "round", strokeDasharray: `${m} ${u}`, strokeDashoffset: p }) });
-}
-function j({
-  isVisible: e,
-  ...n
-}) {
-  const [c, t] = x(e);
-  return d(() => {
-    if (e)
-      t(!0);
-    else {
-      const r = setTimeout(() => {
-        t(!1);
-      }, 370);
-      return () => {
-        clearTimeout(r);
-      };
-    }
-  }, [e]), /* @__PURE__ */ a.jsx("div", { className: f("kakadu-components-833895784", e && "kakadu-components-640347989"), children: /* @__PURE__ */ a.jsx(i, { isAnimated: c, ...n }) });
-}
-export {
-  j as R,
-  i as S
-};

package/build/spinner-DFfE6tSd.js

@@ -1 +0,0 @@
-"use strict";const c=require("./jsx-runtime-BB_1_6y_.js"),t=require("react"),i=require("@kuma-ui/core");function x({size:e=18,strokeWidth:s=2.5,isAnimated:u=!0}){const n=t.useMemo(()=>e/2,[e]),o=t.useMemo(()=>n-s/2,[s,n]),r=t.useMemo(()=>2*Math.PI*o,[o]),a=t.useMemo(()=>r*.33,[r]),m=t.useMemo(()=>r-a,[r,a]),p=t.useMemo(()=>-m/2,[m]);return c.jsxRuntimeExports.jsx("svg",{width:e,height:e,preserveAspectRatio:"xMaxYMax meet",viewBox:`0 0 ${e} ${e}`,fill:"none",className:i.cx("kakadu-components-2940817552",u&&"kakadu-components-2073235239"),children:c.jsxRuntimeExports.jsx("circle",{cx:n,cy:n,r:o,stroke:"currentColor",strokeWidth:s,strokeLinecap:"round",strokeDasharray:`${m} ${a}`,strokeDashoffset:p})})}function f({isVisible:e,...s}){const[u,n]=t.useState(e);return t.useEffect(()=>{if(e)n(!0);else{const o=setTimeout(()=>{n(!1)},370);return()=>{clearTimeout(o)}}},[e]),c.jsxRuntimeExports.jsx("div",{className:i.cx("kakadu-components-833895784",e&&"kakadu-components-640347989"),children:c.jsxRuntimeExports.jsx(x,{isAnimated:u,...s})})}exports.RevealSpinner=f;exports.Spinner=x;

package/build/text-BO7Qt7Lj.js

@@ -1 +0,0 @@
-"use strict";const n=require("./jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),c=require("./theme.js"),o=require("./atom-B-bW2QKm.js");function u({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"h1",...e,className:a.cx(c.overflowProtectionStyles,"kakadu-components-2934642132",t)})}const r="kakadu-components-1010422083";function m({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"p",...e,className:a.cx(r,"kakadu-components-2351087175",t)})}function x({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"span",...e,className:a.cx(r,t)})}function i({as:s,className:t,...e}){return n.jsxRuntimeExports.jsx(o.Atom,{as:s??"div",...e,className:a.cx("kakadu-components-2608978433",t)})}exports.Heading=u;exports.Paragraph=m;exports.Span=x;exports.Text=i;

package/build/text-ZYVNxqac.mjs

@@ -1,39 +0,0 @@
-import { j as n } from "./jsx-runtime-B4hRZ52C.mjs";
-import { cx as t } from "@kuma-ui/core";
-import { overflowProtectionStyles as m } from "./theme.mjs";
-import { A as r } from "./atom-CqxGy6PS.mjs";
-function f({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "h1", ...o, className: t(m, "kakadu-components-2934642132", s) });
-}
-const e = "kakadu-components-1010422083";
-function x({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "p", ...o, className: t(e, "kakadu-components-2351087175", s) });
-}
-function k({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "span", ...o, className: t(e, s) });
-}
-function l({
-  as: a,
-  className: s,
-  ...o
-}) {
-  return /* @__PURE__ */ n.jsx(r, { as: a ?? "div", ...o, className: t("kakadu-components-2608978433", s) });
-}
-export {
-  f as H,
-  x as P,
-  k as S,
-  l as T
-};