@kilnonedre/foundation 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
 import { z } from 'zod';
 import { ClassValue } from 'clsx';
 
@@ -98,6 +100,20 @@ declare const EnumVariant: {
 type EnumVariant = (typeof EnumVariant)[keyof typeof EnumVariant];
 declare const EnumVariantLabel: Record<EnumVariant, string>;
 
+interface ConfigProp {
+    semanticColor?: EnumSemanticColor;
+    variant?: EnumVariant;
+    children?: ReactNode;
+    className?: string;
+    onClick?: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: "default" | "sm" | "lg" | "icon" | null;
+    type?: "button" | "submit" | "reset";
+}
+
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp) => react_jsx_runtime.JSX.Element;
+
 declare const boolToText: (bool: boolean) => "是" | "否";
 
 declare const formatDecimal: (value: number | string | null | undefined, digits?: number) => string;
@@ -147,4 +163,4 @@ declare const formatDateTime: (value: string | Date | number | null | undefined,
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type CommonOption, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, boolToText, cn, emptyToUndefined, enumToOptions, enumValues, formatDateTime, formatDecimal, isValidEmail, isValidURL, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { Button, type CommonOption, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, boolToText, cn, emptyToUndefined, enumToOptions, enumValues, formatDateTime, formatDecimal, isValidEmail, isValidURL, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -168,6 +168,9 @@ import { Slot } from "radix-ui";
 // src/shadcn/lib/utils.ts
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
 
 // src/shadcn/components/button.tsx
 import { jsx } from "react/jsx-runtime";
@@ -200,6 +203,25 @@ var buttonVariants = cva(
     }
   }
 );
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
 
 // src/util/bool-to-text.ts
 var boolToText = (bool) => {
@@ -368,6 +390,17 @@ function cn2(...inputs) {
 // src/shadcn/components/spinner.tsx
 import { Loader2Icon } from "lucide-react";
 import { jsx as jsx2 } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
 
 // src/components/button/index.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
@@ -408,7 +441,39 @@ var colorMap = {
     [EnumVariant.OUTLINE]: "border border-black text-black bg-transparent hover:bg-black/10"
   }
 };
+var Button2 = ({
+  semanticColor = EnumSemanticColor.PRIMARY,
+  variant = EnumVariant.SOLID,
+  children,
+  className,
+  onClick,
+  disabled,
+  type = "button",
+  size,
+  loading
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type,
+      onClick,
+      size,
+      disabled: disabled || loading,
+      className: cn2(
+        "whitespace-nowrap",
+        colorMap[semanticColor][variant],
+        disabled && "opacity-50 pointer-events-none",
+        className
+      ),
+      children: [
+        loading && /* @__PURE__ */ jsx3(Spinner, { "data-icon": "inline-start" }),
+        children
+      ]
+    }
+  );
+};
 export {
+  Button2 as Button,
   EnumApprovalStatus,
   EnumApprovalStatusLabel,
   EnumApprovalView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",
@@ -10,6 +10,12 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
   "scripts": {
     "build": "tsup src/index.ts --format esm --dts --clean",
     "dev": "tsup src/index.ts --format esm --dts --watch",