pentatrion-design 1.1.2 → 1.1.4

package/.github/workflows/deploy-storybook.yml

@@ -1,6 +1,8 @@
 name: Deploy storybook
 
 on:
+  workflow_dispatch:
+
   push:
     branches: [gh-pages]
 

package/.github/workflows/release.yml

@@ -0,0 +1,51 @@
+name: Release
+
+on:
+  workflow_dispatch:
+
+  push:
+    tags:
+      - "v*.*.*"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - uses: pnpm/action-setup@v4
+      # pnpm version is specified in the package.json packageManager section
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 22
+        cache: pnpm
+        registry-url: https://registry.npmjs.org
+
+    - name: "Install JS dependencies"
+      run: "pnpm i --frozen-lockfile"
+
+    - name: Build library
+      run: pnpm run build
+
+    # - name: Release
+    #   uses: softprops/action-gh-release@v2
+    #   if: github.ref_type == 'tag'
+    #   with:
+    #     token: ${{ secrets.DESIGN_RELEASE_GITHUB_TOKEN }}
+
+    - name: Creating .npmrc
+      run: |
+        cat << EOF > "./.npmrc"
+          //registry.npmjs.org/:_authToken=$NPM_TOKEN
+        EOF
+      env:
+        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+    - name: Publish package
+      run: npm i -g npm@^11.5.2 && npm publish --provenance --access public
+      env:
+        NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/dist/Button-BH3EFgdP.mjs

@@ -0,0 +1,204 @@
+import { h as useRipple } from "./hooks-DhLPp5ev.mjs";
+import { t as Loader } from "./loader-YlJGMiNg.mjs";
+import { t as Slot } from "./slot-BRtSsS2H.mjs";
+import { c } from "react/compiler-runtime";
+import { useImperativeHandle, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { cva } from "class-variance-authority";
+
+//#region src/components/button/Button.tsx
+function loaderColor(color) {
+	switch (color) {
+		case "yellow-alpha": return "yellow";
+		case "gray-alpha": return "gray";
+		default: return color;
+	}
+}
+const buttonVariants = cva("relative box-border inline-flex items-center leading-5 no-underline focus-visible-has:outline-2", {
+	variants: {
+		clickable: {
+			true: "cursor-pointer active:translate-y-px focus-visible-has:z-10",
+			false: "pointer-events-none"
+		},
+		size: {
+			small: "[--h-button:1.5rem] h-(--h-button) truncate",
+			medium: "[--h-button:2rem] h-(--h-button) truncate",
+			large: "[--h-button:3rem] h-(--h-button) truncate",
+			input: "[--h-button:calc(var(--h-input)-2px)] h-(--h-button) truncate",
+			custom: "truncate",
+			scalable: ""
+		},
+		icon: {
+			true: "rounded-[calc(var(--h-button)/2)] min-w-(--h-button) [&_i,&_img,&_svg]:w-(--h-button) justify-center [&_:last-child:not(i,img,svg,strong)]:pr-4",
+			false: "rounded-2xl px-4",
+			custom: ""
+		},
+		width: {
+			fit: "w-full max-w-fit",
+			full: "w-full justify-center",
+			custom: ""
+		},
+		variant: {
+			contained: "shadow-sm hover:shadow-md active:shadow-md-active outline-offset-0 text-custom-text bg-custom-3 hover:bg-custom-4 current:bg-custom-4  focus-visible-has:outline-custom-5",
+			light: "shadow-sm hover:shadow-md has-checked:shadow-md focus:shadow-md active:shadow-md-active outline-offset-0 bg-custom-1 text-gray-text hover:text-custom-text hover:bg-custom-3 current:bg-custom-3 focus-visible-has:outline-custom-4",
+			outlined: "bg-custom-0 hover:shadow-xs active:shadow-xs-active text-gray-7 outline-offset-0 border-1 hover:bg-custom-1 border-custom-border focus-visible-has:outline-custom-5 current:bg-custom-3 focus-visible-has:border-transparent",
+			text: "bg-transparent hover:shadow-xs active:shadow-xs-active outline-offset-0 hover:bg-custom-1 dark:hover:bg-custom-1/50 text-gray-7 hover:text-gray-8 current:bg-custom-3 focus-visible-has:outline-custom-5",
+			ghost: "outline-offset-0  current:bg-custom-1 focus-visible-has:outline-custom-5"
+		}
+	},
+	defaultVariants: {
+		size: "medium",
+		icon: false,
+		variant: "contained",
+		clickable: true,
+		width: "fit"
+	}
+});
+function Button(t0) {
+	const $ = c(42);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	let t10;
+	let t11;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[0] !== t0) {
+		({withRipple: t1, variant: t2, loading: t3, color: t4, size: t5, focusable: t6, className, disabled: t7, children, selected: t8, icon: t9, asChild: t10, width: t11, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = t10;
+		$[7] = t11;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+		$[14] = t8;
+		$[15] = t9;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+		t10 = $[6];
+		t11 = $[7];
+		t2 = $[8];
+		t3 = $[9];
+		t4 = $[10];
+		t5 = $[11];
+		t6 = $[12];
+		t7 = $[13];
+		t8 = $[14];
+		t9 = $[15];
+	}
+	const withRipple = t1 === void 0 ? true : t1;
+	const variant = t2 === void 0 ? "contained" : t2;
+	const loading = t3 === void 0 ? false : t3;
+	const color = t4 === void 0 ? "yellow" : t4;
+	const size = t5 === void 0 ? "medium" : t5;
+	const focusable = t6 === void 0 ? true : t6;
+	const disabled = t7 === void 0 ? false : t7;
+	const selected = t8 === void 0 ? false : t8;
+	const icon = t9 === void 0 ? false : t9;
+	const asChild = t10 === void 0 ? false : t10;
+	const width = t11 === void 0 ? "fit" : t11;
+	const inputRef = useRef(null);
+	let t12;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = () => inputRef.current;
+		$[16] = t12;
+	} else t12 = $[16];
+	useImperativeHandle(ref, t12);
+	const rippleEnabled = !loading && !disabled && withRipple;
+	useRipple(inputRef, [
+		"text",
+		"outlined",
+		"ghost"
+	].includes(variant) ? true : false, rippleEnabled);
+	const Comp = asChild ? Slot : "button";
+	const t13 = focusable ? 0 : -1;
+	let t14;
+	if ($[17] !== className || $[18] !== icon || $[19] !== loading || $[20] !== size || $[21] !== variant || $[22] !== width) {
+		t14 = clsx(buttonVariants({
+			variant,
+			size,
+			width,
+			icon: width === "custom" && !icon ? "custom" : icon
+		}), className, loading && !icon && "text-transparent");
+		$[17] = className;
+		$[18] = icon;
+		$[19] = loading;
+		$[20] = size;
+		$[21] = variant;
+		$[22] = width;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== disabled) {
+		t15 = disabled ? { disabled } : {};
+		$[24] = disabled;
+		$[25] = t15;
+	} else t15 = $[25];
+	let t16;
+	if ($[26] !== asChild || $[27] !== children || $[28] !== color || $[29] !== loading) {
+		t16 = asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [children, loading && /* @__PURE__ */ jsx(Loader, {
+			color: loaderColor(color),
+			className: clsx("top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"),
+			position: "absolute"
+		})] });
+		$[26] = asChild;
+		$[27] = children;
+		$[28] = color;
+		$[29] = loading;
+		$[30] = t16;
+	} else t16 = $[30];
+	let t17;
+	if ($[31] !== Comp || $[32] !== color || $[33] !== loading || $[34] !== props || $[35] !== selected || $[36] !== t13 || $[37] !== t14 || $[38] !== t15 || $[39] !== t16 || $[40] !== variant) {
+		t17 = /* @__PURE__ */ jsx(Comp, {
+			tabIndex: t13,
+			role: "button",
+			ref: inputRef,
+			className: t14,
+			"data-color": color,
+			"data-variant": variant,
+			"aria-checked": selected,
+			suppressHydrationWarning: true,
+			"aria-busy": loading,
+			...t15,
+			...props,
+			children: t16
+		});
+		$[31] = Comp;
+		$[32] = color;
+		$[33] = loading;
+		$[34] = props;
+		$[35] = selected;
+		$[36] = t13;
+		$[37] = t14;
+		$[38] = t15;
+		$[39] = t16;
+		$[40] = variant;
+		$[41] = t17;
+	} else t17 = $[41];
+	return t17;
+}
+
+//#endregion
+export { buttonVariants as n, Button as t };
+//# sourceMappingURL=Button-BH3EFgdP.mjs.map

package/dist/Button-BH3EFgdP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-BH3EFgdP.mjs","names":["ComponentProps","RefObject","useImperativeHandle","useRef","clsx","Loader","useRipple","Slot","cva","ThemeColor","loaderColor","color","ButtonProps","Omit","withRipple","variant","size","width","loading","disabled","focusable","selected","icon","asChild","ref","HTMLButtonElement","buttonVariants","variants","clickable","true","false","small","medium","large","input","custom","scalable","fit","full","contained","light","outlined","text","ghost","defaultVariants","Button","t0","$","_c","children","className","props","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","undefined","inputRef","t12","Symbol","for","current","rippleEnabled","includes","Comp","t13","t14","t15","t16","t17"],"sources":["../src/components/button/Button.tsx"],"sourcesContent":["import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Loader } from \"../loader\";\nimport { useRipple } from \"../../hooks\";\nimport { Slot } from \"../slot\";\nimport { cva } from \"class-variance-authority\";\nimport { ThemeColor } from \"../../types\";\n\nfunction loaderColor(color: ThemeColor): ThemeColor {\n  switch (color) {\n    case \"yellow-alpha\":\n      return \"yellow\";\n    case \"gray-alpha\":\n      return \"gray\";\n    default:\n      return color;\n  }\n}\n\nexport interface ButtonProps extends Omit<ComponentProps<\"button\">, \"color\"> {\n  withRipple?: boolean;\n\n  variant?: \"contained\" | \"light\" | \"outlined\" | \"text\" | \"ghost\";\n\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\" | \"input\" | \"scalable\";\n\n  color?: ThemeColor;\n\n  width?: \"fit\" | \"full\" | \"custom\";\n\n  loading?: boolean;\n\n  disabled?: boolean;\n\n  focusable?: boolean;\n  /**\n   * For a selected item inside a group.\n   */\n  selected?: boolean;\n\n  icon?: boolean;\n\n  asChild?: boolean;\n\n  ref?: RefObject<HTMLButtonElement>;\n}\n\nexport const buttonVariants = cva(\n  \"relative box-border inline-flex items-center leading-5 no-underline focus-visible-has:outline-2\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer active:translate-y-px focus-visible-has:z-10\",\n        false: \"pointer-events-none\",\n      },\n      size: {\n        small: \"[--h-button:1.5rem] h-(--h-button) truncate\",\n        medium: \"[--h-button:2rem] h-(--h-button) truncate\",\n        large: \"[--h-button:3rem] h-(--h-button) truncate\",\n        input: \"[--h-button:calc(var(--h-input)-2px)] h-(--h-button) truncate\",\n        custom: \"truncate\",\n        scalable: \"\",\n      },\n      icon: {\n        true: \"rounded-[calc(var(--h-button)/2)] min-w-(--h-button) [&_i,&_img,&_svg]:w-(--h-button) justify-center [&_:last-child:not(i,img,svg,strong)]:pr-4\",\n        false: \"rounded-2xl px-4\",\n        custom: \"\",\n      },\n      width: {\n        fit: \"w-full max-w-fit\",\n        full: \"w-full justify-center\",\n        custom: \"\",\n      },\n      variant: {\n        /**\n         * src/tailwind/plugin.ts\n         *   addVariant(\"current\", [\n         *    `&[aria-checked=\"true\"]`,\n         *    `&[aria-current=\"page\"]`,\n         *    `&:has(:checked)`\n         *   ])\n         */\n        contained:\n          \"shadow-sm hover:shadow-md active:shadow-md-active outline-offset-0 text-custom-text bg-custom-3 hover:bg-custom-4 current:bg-custom-4  focus-visible-has:outline-custom-5\",\n        light:\n          \"shadow-sm hover:shadow-md has-checked:shadow-md focus:shadow-md active:shadow-md-active outline-offset-0 bg-custom-1 text-gray-text hover:text-custom-text hover:bg-custom-3 current:bg-custom-3 focus-visible-has:outline-custom-4\",\n        outlined:\n          \"bg-custom-0 hover:shadow-xs active:shadow-xs-active text-gray-7 outline-offset-0 border-1 hover:bg-custom-1 border-custom-border focus-visible-has:outline-custom-5 current:bg-custom-3 focus-visible-has:border-transparent\",\n        text: \"bg-transparent hover:shadow-xs active:shadow-xs-active outline-offset-0 hover:bg-custom-1 dark:hover:bg-custom-1/50 text-gray-7 hover:text-gray-8 current:bg-custom-3 focus-visible-has:outline-custom-5\",\n        ghost: \"outline-offset-0  current:bg-custom-1 focus-visible-has:outline-custom-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n      icon: false,\n      variant: \"contained\",\n      clickable: true,\n      width: \"fit\",\n    },\n  },\n);\n\nexport function Button({\n  withRipple = true,\n  variant = \"contained\",\n  loading = false,\n  color = \"yellow\",\n  size = \"medium\",\n  focusable = true,\n  className,\n  disabled = false,\n  children,\n  selected = false,\n  icon = false,\n  asChild = false,\n  width = \"fit\",\n  ref,\n  ...props\n}: ButtonProps) {\n  const inputRef = useRef<HTMLButtonElement>(null!);\n\n  useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n    ref,\n    () => inputRef.current,\n  );\n\n  const rippleEnabled = !loading && !disabled && withRipple;\n\n  useRipple(\n    inputRef,\n    [\"text\", \"outlined\", \"ghost\"].includes(variant) ? true : false,\n    rippleEnabled,\n  );\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      tabIndex={focusable ? 0 : -1}\n      role=\"button\"\n      ref={inputRef}\n      className={clsx(\n        buttonVariants({\n          variant,\n          size,\n          width,\n          icon: width === \"custom\" && !icon ? \"custom\" : icon,\n        }),\n        className,\n        loading && !icon && \"text-transparent\",\n      )}\n      data-color={color}\n      data-variant={variant}\n      aria-checked={selected}\n      suppressHydrationWarning\n      aria-busy={loading}\n      {...(disabled ? { disabled } : {})}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {/* {!notClickable && withRipple && ripples} */}\n          {children}\n          {loading && (\n            <Loader\n              color={loaderColor(color)}\n              className={clsx(\"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n              position=\"absolute\"\n            />\n          )}\n        </>\n      )}\n    </Comp>\n  );\n}\n"],"mappings":"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"}

package/dist/{Button-jLcascU9.d.mts → Button-I8WN-D9m.d.mts}

@@ -1,7 +1,7 @@
 import { i as ThemeColor } from "./types-NxD0D2V5.mjs";
 import { ComponentProps, RefObject } from "react";
-import * as react_jsx_runtime68 from "react/jsx-runtime";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region src/components/button/Button.d.ts
 interface ButtonProps extends Omit<ComponentProps<"button">, "color"> {
@@ -23,11 +23,11 @@ interface ButtonProps extends Omit<ComponentProps<"button">, "color"> {
 }
 declare const buttonVariants: (props?: ({
   clickable?: boolean | null | undefined;
-  size?: "input" | "small" | "large" | "custom" | "medium" | "scalable" | null | undefined;
+  size?: "input" | "small" | "custom" | "large" | "medium" | "scalable" | null | undefined;
   icon?: boolean | "custom" | null | undefined;
   width?: "fit" | "full" | "custom" | null | undefined;
   variant?: "text" | "contained" | "light" | "outlined" | "ghost" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+} & class_variance_authority_types1.ClassProp) | undefined) => string;
 declare function Button({
   withRipple,
   variant,
@@ -44,7 +44,7 @@ declare function Button({
   width,
   ref,
   ...props
-}: ButtonProps): react_jsx_runtime68.JSX.Element;
+}: ButtonProps): react_jsx_runtime69.JSX.Element;
 //#endregion
 export { ButtonProps as n, buttonVariants as r, Button as t };
-//# sourceMappingURL=Button-jLcascU9.d.mts.map
+//# sourceMappingURL=Button-I8WN-D9m.d.mts.map

package/dist/{Button-jLcascU9.d.mts.map → Button-I8WN-D9m.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-jLcascU9.d.mts","names":[],"sources":["../src/components/button/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;UAmBiB,WAAA,SAAoB,KAAK;;;;EAAzB,KAAA,CAAA,EAOP,UAPmB;EAAa,KAAA,CAAA,EAAA,KAAA,GAAA,MAAA,GAAA,QAAA;EAOhC,OAAA,CAAA,EAAA,OAAA;EAkBQ,QAAA,CAAA,EAAA,OAAA;EAAV,SAAA,CAAA,EAAA,OAAA;EAzB6B;;AA4BrC;EAuDgB,QAAA,CAAM,EAAA,OAAA;EACpB,IAAA,CAAA,EAAA,OAAA;EACA,OAAA,CAAA,EAAA,OAAA;EACA,GAAA,CAAA,EA7DM,SA6DN,CA7DgB,iBA6DhB,CAAA;;AAEA,cA5DW,cA4DX,EAAA,CAAA,KAMA,CANA,EAAA,CAAA;EACA,SAAA,CAAA,EAAA,OAAA,GAAA,IAAA,GAAA,SAAA;EACA,IAAA,CAAA,EAAA,OAAA,GAAA,OAAA,GAAA,OAAA,GAAA,QAAA,GAAA,QAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;EACA,IAAA,CAAA,EAAA,OAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EACA,KAAA,CAAA,EAAA,KAAA,GAAA,MAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EACA,OAAA,CAAA,EAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;CACA,GAbD,+BAAA,CAAA,SAaC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AACA,iBAZc,MAAA,CAYd;EAAA,UAAA;EAAA,OAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,KAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAIC,WAJD,CAAA,EAIY,mBAAA,CAAA,GAAA,CAAA,OAJZ"}
+{"version":3,"file":"Button-I8WN-D9m.d.mts","names":[],"sources":["../src/components/button/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;UAmBiB,WAAA,SAAoB,KAAK;;;;EAAzB,KAAA,CAAA,EAOP,UAPmB;EAAa,KAAA,CAAA,EAAA,KAAA,GAAA,MAAA,GAAA,QAAA;EAOhC,OAAA,CAAA,EAAA,OAAA;EAkBQ,QAAA,CAAA,EAAA,OAAA;EAAV,SAAA,CAAA,EAAA,OAAA;EAzB6B;;AA4BrC;EAuDgB,QAAA,CAAM,EAAA,OAAA;EACpB,IAAA,CAAA,EAAA,OAAA;EACA,OAAA,CAAA,EAAA,OAAA;EACA,GAAA,CAAA,EA7DM,SA6DN,CA7DgB,iBA6DhB,CAAA;;AAEA,cA5DW,cA4DX,EAAA,CAAA,KAMA,CANA,EAAA,CAAA;EACA,SAAA,CAAA,EAAA,OAAA,GAAA,IAAA,GAAA,SAAA;EACA,IAAA,CAAA,EAAA,OAAA,GAAA,OAAA,GAAA,QAAA,GAAA,OAAA,GAAA,QAAA,GAAA,UAAA,GAAA,IAAA,GAAA,SAAA;EACA,IAAA,CAAA,EAAA,OAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EACA,KAAA,CAAA,EAAA,KAAA,GAAA,MAAA,GAAA,QAAA,GAAA,IAAA,GAAA,SAAA;EACA,OAAA,CAAA,EAAA,MAAA,GAAA,WAAA,GAAA,OAAA,GAAA,UAAA,GAAA,OAAA,GAAA,IAAA,GAAA,SAAA;CACA,GAbD,+BAAA,CAAA,SAaC,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AACA,iBAZc,MAAA,CAYd;EAAA,UAAA;EAAA,OAAA;EAAA,OAAA;EAAA,KAAA;EAAA,IAAA;EAAA,SAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,KAAA;EAAA,GAAA;EAAA,GAAA;AAAA,CAAA,EAIC,WAJD,CAAA,EAIY,mBAAA,CAAA,GAAA,CAAA,OAJZ"}

package/dist/Dialog-CriZOfkd.mjs

@@ -0,0 +1,102 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { cva } from "class-variance-authority";
+
+//#region src/components/dialog/Dialog.tsx
+const dialogVariants = cva("relative", {
+	variants: {
+		color: {
+			yellow: "border-t-4 border-t-yellow-3 bg-gray-0",
+			gray: "border-t-4 border-t-gray-3 bg-gray-0",
+			red: "border-t-4 border-t-red-3 bg-red-1",
+			blue: "border-t-4 border-t-blue-3 bg-blue-1",
+			green: "border-t-4 border-t-green-3 bg-green-1",
+			orange: "border-t-4 border-t-orange-3 bg-orange-1",
+			default: "bg-gray-0"
+		},
+		shadow: {
+			true: "shadow-sm dark:shadow-dark",
+			false: "border border-gray-2"
+		},
+		rounded: {
+			true: "rounded-2xl",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		color: "default",
+		shadow: true,
+		rounded: true
+	}
+});
+function Dialog(t0) {
+	const $ = c(21);
+	let children;
+	let className;
+	let color;
+	let placement;
+	let rest;
+	let rounded;
+	let shadow;
+	let t1;
+	if ($[0] !== t0) {
+		({placement, color, rounded, shadow, children, className, role: t1, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = color;
+		$[4] = placement;
+		$[5] = rest;
+		$[6] = rounded;
+		$[7] = shadow;
+		$[8] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		color = $[3];
+		placement = $[4];
+		rest = $[5];
+		rounded = $[6];
+		shadow = $[7];
+		t1 = $[8];
+	}
+	const role = t1 === void 0 ? "dialog" : t1;
+	let t2;
+	if ($[9] !== className || $[10] !== color || $[11] !== rounded || $[12] !== shadow) {
+		t2 = clsx(dialogVariants({
+			color,
+			rounded,
+			shadow
+		}), className);
+		$[9] = className;
+		$[10] = color;
+		$[11] = rounded;
+		$[12] = shadow;
+		$[13] = t2;
+	} else t2 = $[13];
+	const t3 = color ?? "gray";
+	let t4;
+	if ($[14] !== children || $[15] !== placement || $[16] !== rest || $[17] !== role || $[18] !== t2 || $[19] !== t3) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			role,
+			className: t2,
+			"data-placement": placement,
+			"data-color": t3,
+			...rest,
+			children
+		});
+		$[14] = children;
+		$[15] = placement;
+		$[16] = rest;
+		$[17] = role;
+		$[18] = t2;
+		$[19] = t3;
+		$[20] = t4;
+	} else t4 = $[20];
+	return t4;
+}
+
+//#endregion
+export { dialogVariants as n, Dialog as t };
+//# sourceMappingURL=Dialog-CriZOfkd.mjs.map

package/dist/Dialog-CriZOfkd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-CriZOfkd.mjs","names":["Placement","clsx","ComponentProps","ReactNode","ThemeBaseColor","cva","Props","color","shadow","rounded","placement","children","dialogVariants","variants","yellow","gray","red","blue","green","orange","default","true","false","defaultVariants","Dialog","t0","$","_c","className","rest","t1","role","undefined","t2","t3","t4"],"sources":["../src/components/dialog/Dialog.tsx"],"sourcesContent":["import { Placement } from \"@floating-ui/react\";\nimport clsx from \"clsx\";\nimport { ComponentProps, ReactNode } from \"react\";\nimport type { ThemeBaseColor } from \"../../types\";\nimport { cva } from \"class-variance-authority\";\n\ninterface Props extends ComponentProps<\"div\"> {\n  color?: ThemeBaseColor;\n  shadow?: boolean;\n  rounded?: boolean;\n  placement?: Placement;\n  children: ReactNode;\n}\n\nexport const dialogVariants = cva(\"relative\", {\n  variants: {\n    color: {\n      yellow: \"border-t-4 border-t-yellow-3 bg-gray-0\",\n      gray: \"border-t-4 border-t-gray-3 bg-gray-0\",\n      red: \"border-t-4 border-t-red-3 bg-red-1\",\n      blue: \"border-t-4 border-t-blue-3 bg-blue-1\",\n      green: \"border-t-4 border-t-green-3 bg-green-1\",\n      orange: \"border-t-4 border-t-orange-3 bg-orange-1\",\n      default: \"bg-gray-0\",\n    },\n    shadow: {\n      true: \"shadow-sm dark:shadow-dark\",\n      false: \"border border-gray-2\",\n    },\n    rounded: {\n      true: \"rounded-2xl\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n    shadow: true,\n    rounded: true,\n  },\n});\n\nexport function Dialog({\n  placement,\n  color,\n  rounded,\n  shadow,\n  children,\n  className,\n  role = \"dialog\",\n  ...rest\n}: Props) {\n  return (\n    <div\n      role={role}\n      className={clsx(dialogVariants({ color, rounded, shadow }), className)}\n      data-placement={placement}\n      data-color={color ?? \"gray\"}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,MAAaY,iBAAiBP,IAAI,YAAY;CAC5CQ,UAAU;EACRN,OAAO;GACLO,QAAQ;GACRC,MAAM;GACNC,KAAK;GACLC,MAAM;GACNC,OAAO;GACPC,QAAQ;GACRC,SAAS;GACV;EACDZ,QAAQ;GACNa,MAAM;GACNC,OAAO;GACR;EACDb,SAAS;GACPY,MAAM;GACNC,OAAO;GACT;EACD;CACDC,iBAAiB;EACfhB,OAAO;EACPC,QAAQ;EACRC,SAAS;EACX;CACD,CAAC;AAEF,SAAOe,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAhB;CAAA,IAAAiB;CAAA,IAAArB;CAAA,IAAAG;CAAA,IAAAmB;CAAA,IAAApB;CAAA,IAAAD;CAAA,IAAAsB;AAAA,KAAAJ,EAAA,OAAAD,IAAA;AAAgB,GAAA,CAAAf,WAAAH,OAAAE,SAAAD,QAAAG,UAAAiB,WAAAG,MAAAD,OAAAD,QAAAJ;AASfC,IAAA,KAAAD;AAAAC,IAAA,KAAAf;AAAAe,IAAA,KAAAE;AAAAF,IAAA,KAAAnB;AAAAmB,IAAA,KAAAhB;AAAAgB,IAAA,KAAAG;AAAAH,IAAA,KAAAjB;AAAAiB,IAAA,KAAAlB;AAAAkB,IAAA,KAAAI;QAAA;AAAAnB,aAAAe,EAAA;AAAAE,cAAAF,EAAA;AAAAnB,UAAAmB,EAAA;AAAAhB,cAAAgB,EAAA;AAAAG,SAAAH,EAAA;AAAAjB,YAAAiB,EAAA;AAAAlB,WAAAkB,EAAA;AAAAI,OAAAJ,EAAA;;CAFN,MAAAK,OAAAD,OAAAE,SAAA,WAAAF;CAAe,IAAAG;AAAA,KAAAP,EAAA,OAAAE,aAAAF,EAAA,QAAAnB,SAAAmB,EAAA,QAAAjB,WAAAiB,EAAA,QAAAlB,QAAA;AAMAyB,OAAAhC,KAAKW,eAAe;GAAAL;GAAAE;GAAAD;GAA0B,CAAC,EAAEoB,UAAU;AAAAF,IAAA,KAAAE;AAAAF,IAAA,MAAAnB;AAAAmB,IAAA,MAAAjB;AAAAiB,IAAA,MAAAlB;AAAAkB,IAAA,MAAAO;OAAAA,MAAAP,EAAA;CAE1D,MAAAQ,KAAA3B,SAAA;CAAe,IAAA4B;AAAA,KAAAT,EAAA,QAAAf,YAAAe,EAAA,QAAAhB,aAAAgB,EAAA,QAAAG,QAAAH,EAAA,QAAAK,QAAAL,EAAA,QAAAO,MAAAP,EAAA,QAAAQ,IAAA;AAJ7BC,OAAA,oBAAA;GACQJ;GACK,WAAAE;GACKvB,kBAAAA;GACJ,cAAAwB;GAAe,GACvBL;GAEHlB;IACG;AAAAe,IAAA,MAAAf;AAAAe,IAAA,MAAAhB;AAAAgB,IAAA,MAAAG;AAAAH,IAAA,MAAAK;AAAAL,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;AAAAR,IAAA,MAAAS;OAAAA,MAAAT,EAAA;AAAA,QARNS"}

package/dist/Input-DzDXg_MR.mjs

@@ -0,0 +1,174 @@
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+
+//#region src/components/input/Input.tsx
+const sizeVariant = {
+	small: "[--h-input:24px] h-(--h-input)",
+	medium: "[--h-input:32px] h-(--h-input)",
+	large: "[--h-input:48px] h-(--h-input)",
+	custom: ""
+};
+const inputConfig = {
+	container: "p8n-input-text rounded-full flex box-border",
+	input: "h-full flex-1 appearance-none outline-hidden filter-none min-w-0 bg-transparent",
+	icon: "[--h-icon:calc(var(--h-input)-2px)] h-(--h-icon) w-(--h-icon) inline-flex-center"
+};
+function Input(t0) {
+	const $ = c(49);
+	let children;
+	let className;
+	let inputClassName;
+	let prefix;
+	let readOnly;
+	let ref;
+	let rest;
+	let suffix;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let type;
+	if ($[0] !== t0) {
+		({variant: t1, color: t2, disabled: t3, prefix, suffix, className, inputClassName, readOnly, size: t4, flexibleWidth: t5, type, children, ref, ...rest} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = inputClassName;
+		$[4] = prefix;
+		$[5] = readOnly;
+		$[6] = ref;
+		$[7] = rest;
+		$[8] = suffix;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = type;
+	} else {
+		children = $[1];
+		className = $[2];
+		inputClassName = $[3];
+		prefix = $[4];
+		readOnly = $[5];
+		ref = $[6];
+		rest = $[7];
+		suffix = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		t4 = $[12];
+		t5 = $[13];
+		type = $[14];
+	}
+	const variant = t1 === void 0 ? "normal" : t1;
+	const color = t2 === void 0 ? "yellow" : t2;
+	const disabled = t3 === void 0 ? false : t3;
+	const size = t4 === void 0 ? "medium" : t4;
+	const flexibleWidth = t5 === void 0 ? true : t5;
+	const t6 = sizeVariant[size];
+	let t7;
+	if ($[15] !== className || $[16] !== t6) {
+		t7 = clsx(inputConfig.container, t6, className);
+		$[15] = className;
+		$[16] = t6;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[18] !== prefix) {
+		t8 = prefix && /* @__PURE__ */ jsx("div", {
+			className: clsx(["flex-center relative", typeof prefix === "string" && "text-gray-6 mx-2 select-none"]),
+			children: prefix
+		});
+		$[18] = prefix;
+		$[19] = t8;
+	} else t8 = $[19];
+	const t9 = size !== "custom" && !prefix && "pl-4";
+	const t10 = size !== "custom" && type !== "date" && type !== "datetime-local" ? !suffix && "pr-4" : "pr-1";
+	const t11 = flexibleWidth && "w-0";
+	let t12;
+	if ($[20] !== inputClassName || $[21] !== t10 || $[22] !== t11 || $[23] !== t9) {
+		t12 = clsx(inputConfig.input, t9, t10, t11, inputClassName);
+		$[20] = inputClassName;
+		$[21] = t10;
+		$[22] = t11;
+		$[23] = t9;
+		$[24] = t12;
+	} else t12 = $[24];
+	let t13;
+	if ($[25] !== readOnly) {
+		t13 = (e) => {
+			if (readOnly) e.target?.select();
+		};
+		$[25] = readOnly;
+		$[26] = t13;
+	} else t13 = $[26];
+	let t14;
+	if ($[27] !== disabled) {
+		t14 = disabled ? { disabled } : {};
+		$[27] = disabled;
+		$[28] = t14;
+	} else t14 = $[28];
+	let t15;
+	if ($[29] !== readOnly || $[30] !== ref || $[31] !== rest || $[32] !== t12 || $[33] !== t13 || $[34] !== t14 || $[35] !== type) {
+		t15 = /* @__PURE__ */ jsx("input", {
+			type,
+			ref,
+			className: t12,
+			readOnly,
+			onClick: t13,
+			...t14,
+			...rest
+		});
+		$[29] = readOnly;
+		$[30] = ref;
+		$[31] = rest;
+		$[32] = t12;
+		$[33] = t13;
+		$[34] = t14;
+		$[35] = type;
+		$[36] = t15;
+	} else t15 = $[36];
+	let t16;
+	if ($[37] !== suffix) {
+		t16 = suffix && /* @__PURE__ */ jsx("div", {
+			className: clsx(["flex-center relative", typeof suffix === "string" && "text-gray-6 mx-2 select-none"]),
+			children: suffix
+		});
+		$[37] = suffix;
+		$[38] = t16;
+	} else t16 = $[38];
+	let t17;
+	if ($[39] !== children || $[40] !== color || $[41] !== disabled || $[42] !== readOnly || $[43] !== t15 || $[44] !== t16 || $[45] !== t7 || $[46] !== t8 || $[47] !== variant) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			"aria-disabled": disabled,
+			"aria-readonly": readOnly,
+			"data-color": color,
+			"data-variant": variant,
+			className: t7,
+			children: [
+				t8,
+				t15,
+				t16,
+				children
+			]
+		});
+		$[39] = children;
+		$[40] = color;
+		$[41] = disabled;
+		$[42] = readOnly;
+		$[43] = t15;
+		$[44] = t16;
+		$[45] = t7;
+		$[46] = t8;
+		$[47] = variant;
+		$[48] = t17;
+	} else t17 = $[48];
+	return t17;
+}
+
+//#endregion
+export { inputConfig as n, sizeVariant as r, Input as t };
+//# sourceMappingURL=Input-DzDXg_MR.mjs.map

package/dist/Input-DzDXg_MR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-DzDXg_MR.mjs","names":["ComponentPropsWithRef","ReactNode","clsx","ThemeColor","InputProps","Omit","variant","disabled","prefix","suffix","color","size","flexibleWidth","children","inputClassName","sizeVariant","small","medium","large","custom","inputConfig","container","input","icon","Input","t0","$","_c","className","readOnly","ref","rest","t1","t2","t3","t4","t5","type","undefined","t6","t7","t8","t9","t10","t11","t12","t13","e","target","HTMLInputElement","select","t14","t15","t16","t17"],"sources":["../src/components/input/Input.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport type { ThemeColor } from \"../../types\";\n\nexport interface InputProps extends Omit<ComponentPropsWithRef<\"input\">, \"prefix\" | \"size\"> {\n  variant?: \"normal\" | \"ghost\";\n  disabled?: boolean;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  color?: ThemeColor;\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\";\n  flexibleWidth?: boolean;\n  children?: ReactNode;\n  inputClassName?: string;\n}\n\nexport const sizeVariant = {\n  small: \"[--h-input:24px] h-(--h-input)\",\n  medium: \"[--h-input:32px] h-(--h-input)\",\n  large: \"[--h-input:48px] h-(--h-input)\",\n  custom: \"\",\n};\n\nexport const inputConfig = {\n  container: \"p8n-input-text rounded-full flex box-border\",\n  input: \"h-full flex-1 appearance-none outline-hidden filter-none min-w-0 bg-transparent\",\n  icon: \"[--h-icon:calc(var(--h-input)-2px)] h-(--h-icon) w-(--h-icon) inline-flex-center\",\n};\n\nexport function Input({\n  variant = \"normal\",\n  color = \"yellow\",\n  disabled = false,\n  prefix,\n  suffix,\n  className,\n  inputClassName,\n  readOnly,\n  size = \"medium\",\n  flexibleWidth = true,\n  type,\n  children,\n  ref,\n  ...rest\n}: InputProps) {\n  return (\n    <div\n      aria-disabled={disabled}\n      aria-readonly={readOnly}\n      data-color={color}\n      data-variant={variant}\n      className={clsx(inputConfig.container, sizeVariant[size], className)}\n    >\n      {prefix && (\n        <div\n          className={clsx([\n            \"flex-center relative\",\n            typeof prefix === \"string\" && \"text-gray-6 mx-2 select-none\",\n          ])}\n        >\n          {prefix}\n        </div>\n      )}\n      <input\n        type={type}\n        ref={ref}\n        className={clsx(\n          inputConfig.input,\n          size !== \"custom\" && !prefix && \"pl-4\",\n          size !== \"custom\" && type !== \"date\" && type !== \"datetime-local\"\n            ? !suffix && \"pr-4\"\n            : \"pr-1\",\n          flexibleWidth && \"w-0\",\n          inputClassName,\n        )}\n        readOnly={readOnly}\n        onClick={(e) => {\n          if (readOnly) {\n            (e.target as HTMLInputElement)?.select();\n          }\n        }}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {suffix && (\n        <div\n          className={clsx([\n            \"flex-center relative\",\n            typeof suffix === \"string\" && \"text-gray-6 mx-2 select-none\",\n          ])}\n        >\n          {suffix}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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"}