@kyle-test/zto-react-kit 0.0.0-alpha.2 → 0.0.0-alpha.4

package/README.md

@@ -1,22 +1,22 @@
-# @zto/react-kit
+# @ztolabs/react-kit
 
 A modern React component library built with TypeScript, Tailwind CSS, and Radix UI primitives.
 
 ## Installation
 
 ```bash
-npm install @zto/react-kit
+npm install @ztolabs/react-kit
 # or
-yarn add @zto/react-kit
+yarn add @ztolabs/react-kit
 # or
-pnpm add @zto/react-kit
+pnpm add @ztolabs/react-kit
 ```
 
 ## Usage
 
 ```tsx
-import { Badge, Breadcrumb, Button } from '@zto/react-kit';
-import '@zto/react-kit/styles';
+import { Badge, Breadcrumb, Button } from '@ztolabs/react-kit';
+import '@ztolabs/react-kit/styles';
 
 function App() {
   return (
@@ -42,7 +42,7 @@ function App() {
 This library uses Tailwind CSS. Make sure to include the styles:
 
 ```tsx
-import '@zto/react-kit/styles';
+import '@ztolabs/react-kit/styles';
 ```
 
 ## TypeScript

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps as ShadcnButtonProps, buttonVariants } from 'components/shadcn/button';
+import { ButtonProps as ShadcnButtonProps, buttonVariants } from '../shadcn/button';
 import { TooltipContent, TooltipPortal } from '../shadcn/tooltip';
 export type ButtonProps = Omit<ShadcnButtonProps, 'onClick'> & {
     tooltip?: React.ReactNode;

package/dist/components/Form/NumberInput/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputProps } from 'components/Form/Input';
+import { InputProps } from '../Input';
 export interface NumberInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
     min?: number;
     max?: number;

package/dist/components/Form/Textarea/index.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
-import { TextareaAutosize as ShadcnTextareaAutosize } from 'components/shadcn/textarea';
+import { TextareaAutosize as ShadcnTextareaAutosize } from '../../shadcn/textarea';
 declare const inputVariants: (props?: ({
     style?: "default" | "error" | null | undefined;
     size?: "default" | "sm" | "md" | "lg" | null | undefined;

package/dist/components/shadcn/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "success" | "link" | "secondary" | "secondaryColor" | "tertiary" | "tertiaryColor" | "linkColor" | "destructive" | "destructiveSecondary" | "destructiveTertiary" | "destructiveLink" | "ghost" | null | undefined;
     width?: "default" | "min" | null | undefined;
-    size?: "default" | "sm" | "md" | "icon" | "xs" | "lg" | "iconMd" | null | undefined;
+    size?: "default" | "sm" | "md" | "icon" | "lg" | "xs" | "iconMd" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/shadcn/sidebar.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
-import { TooltipContent } from 'components/shadcn/tooltip';
+import { TooltipContent } from './tooltip';
 type SidebarContext = {
     state: 'expanded' | 'collapsed';
     open: boolean;
@@ -23,7 +23,7 @@ declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttribute
     collapsible?: "offcanvas" | "icon" | "none";
     handleClassName?: string;
 }, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("components/shadcn/button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<import("./button").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/index.js

@@ -6744,7 +6744,23 @@ const Rp = "96px", kp = (e) => e === void 0 ? Rp : typeof e == "number" ? `${e}p
     },
     void 0
   );
-}, Pp = Qn(
+}, ou = Ed(void 0);
+function Pp() {
+  return Al(ou);
+}
+function Uy({ children: e, size: t = "md", required: n = !1, ...r }) {
+  const o = { size: t, required: n };
+  return /* @__PURE__ */ U.jsxDEV(ou.Provider, { value: o, children: /* @__PURE__ */ U.jsxDEV("div", { ...r, children: e }, void 0, !1, {
+    fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Group/index.tsx",
+    lineNumber: 24,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Group/index.tsx",
+    lineNumber: 23,
+    columnNumber: 5
+  }, this);
+}
+const _p = Qn(
   "inline-flex items-center justify-center [gap:var(--zto-button-gap,0.25rem)] whitespace-nowrap [border-radius:var(--zto-button-border-radius,0.5rem)] border border-solid text-sm font-semibold ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-600 focus-visible:ring-offset-2 hover:shadow-sm disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:size-5  [&_svg]:size-5 [&_svg]:shrink-0 dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 disabled:!cursor-not-allowed",
   {
     variants: {
@@ -6785,7 +6801,7 @@ const Rp = "96px", kp = (e) => e === void 0 ? Rp : typeof e == "number" ? `${e}p
   }
 ), Li = l.forwardRef(
   ({ className: e, variant: t, size: n, width: r, asChild: o = !1, ...i }, a) => {
-    const s = o ? Uo : "button", c = Fe(Pp({ variant: t, size: n, width: r, className: e })), u = c.replace(/\sh-\d+/, "");
+    const s = o ? Uo : "button", c = Fe(_p({ variant: t, size: n, width: r, className: e })), u = c.replace(/\sh-\d+/, "");
     return /* @__PURE__ */ U.jsxDEV(
       s,
       {
@@ -6805,22 +6821,6 @@ const Rp = "96px", kp = (e) => e === void 0 ? Rp : typeof e == "number" ? `${e}p
   }
 );
 Li.displayName = "Button";
-const ou = Ed(void 0);
-function _p() {
-  return Al(ou);
-}
-function Uy({ children: e, size: t = "md", required: n = !1, ...r }) {
-  const o = { size: t, required: n };
-  return /* @__PURE__ */ U.jsxDEV(ou.Provider, { value: o, children: /* @__PURE__ */ U.jsxDEV("div", { ...r, children: e }, void 0, !1, {
-    fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Group/index.tsx",
-    lineNumber: 24,
-    columnNumber: 7
-  }, this) }, void 0, !1, {
-    fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Group/index.tsx",
-    lineNumber: 23,
-    columnNumber: 5
-  }, this);
-}
 function Tp({
   tooltip: e,
   tooltipContentProps: t,
@@ -6828,7 +6828,7 @@ function Tp({
   tooltipPortalProps: r,
   ...o
 }) {
-  const { size: i } = o, a = _p();
+  const { size: i } = o, a = Pp();
   return e ? /* @__PURE__ */ U.jsxDEV(Ra, { children: /* @__PURE__ */ U.jsxDEV(ka, { children: [
     /* @__PURE__ */ U.jsxDEV(Pa, { asChild: !0, children: /* @__PURE__ */ U.jsxDEV("div", { className: Fe("w-fit h-fit", n, o.disabled && "!cursor-not-allowed"), children: /* @__PURE__ */ U.jsxDEV(
       Li,
@@ -6840,42 +6840,42 @@ function Tp({
       !1,
       {
         fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-        lineNumber: 38,
+        lineNumber: 37,
         columnNumber: 15
       },
       this
     ) }, void 0, !1, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-      lineNumber: 37,
+      lineNumber: 36,
       columnNumber: 13
     }, this) }, void 0, !1, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-      lineNumber: 36,
+      lineNumber: 35,
       columnNumber: 11
     }, this),
     /* @__PURE__ */ U.jsxDEV(_a, { ...r, children: /* @__PURE__ */ U.jsxDEV(jo, { ...t, children: [
       /* @__PURE__ */ U.jsxDEV(Ta, {}, void 0, !1, {
         fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-        lineNumber: 47,
+        lineNumber: 46,
         columnNumber: 15
       }, this),
       e
     ] }, void 0, !0, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-      lineNumber: 46,
+      lineNumber: 45,
       columnNumber: 13
     }, this) }, void 0, !1, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-      lineNumber: 45,
+      lineNumber: 44,
       columnNumber: 11
     }, this)
   ] }, void 0, !0, {
     fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-    lineNumber: 35,
+    lineNumber: 34,
     columnNumber: 9
   }, this) }, void 0, !1, {
     fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-    lineNumber: 34,
+    lineNumber: 33,
     columnNumber: 7
   }, this) : /* @__PURE__ */ U.jsxDEV(
     Li,
@@ -6887,7 +6887,7 @@ function Tp({
     !1,
     {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Button/index.tsx",
-      lineNumber: 57,
+      lineNumber: 56,
       columnNumber: 5
     },
     this
@@ -7486,22 +7486,22 @@ const Fs = Qn("placeholder:text-gray-500", {
         !1,
         {
           fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Input/index.tsx",
-          lineNumber: 45,
+          lineNumber: 44,
           columnNumber: 11
         },
         void 0
       ) }, void 0, !1, {
         fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Input/index.tsx",
-        lineNumber: 44,
+        lineNumber: 43,
         columnNumber: 9
       }, void 0);
     const u = "flex items-center justify-center [&_svg]:size-5", d = n ? /* @__PURE__ */ U.jsxDEV("div", { className: Fe(u, "pr-1"), children: n }, void 0, !1, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Input/index.tsx",
-      lineNumber: 56,
+      lineNumber: 55,
       columnNumber: 46
     }, void 0) : null, f = r ? /* @__PURE__ */ U.jsxDEV("div", { className: Fe(u, "pl-1"), children: r }, void 0, !1, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Input/index.tsx",
-      lineNumber: 57,
+      lineNumber: 56,
       columnNumber: 42
     }, void 0) : null, m = Fe(
       mu,
@@ -7525,7 +7525,7 @@ const Fs = Qn("placeholder:text-gray-500", {
         !1,
         {
           fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Input/index.tsx",
-          lineNumber: 68,
+          lineNumber: 67,
           columnNumber: 9
         },
         void 0
@@ -7533,7 +7533,7 @@ const Fs = Qn("placeholder:text-gray-500", {
       f
     ] }, void 0, !0, {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Input/index.tsx",
-      lineNumber: 66,
+      lineNumber: 65,
       columnNumber: 7
     }, void 0);
   }
@@ -13310,7 +13310,7 @@ const Ly = Qn("", {
     !1,
     {
       fileName: "/Users/kyle/Workspace/SourceCode/zto-react-kit/src/components/Form/Textarea/index.tsx",
-      lineNumber: 36,
+      lineNumber: 35,
       columnNumber: 7
     },
     void 0
@@ -13533,8 +13533,8 @@ export {
   Xy as WithLabel,
   Qy as WithTooltip,
   df as badgeVariants,
-  Pp as buttonVariants,
+  _p as buttonVariants,
   Zy as createContext,
   Ho as useFormField,
-  _p as useFormGroup
+  Pp as useFormGroup
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyle-test/zto-react-kit",
-  "version": "0.0.0-alpha.2",
+  "version": "0.0.0-alpha.4",
   "type": "module",
   "description": "A React component library with modern UI components",
   "main": "./dist/index.js",
@@ -9,6 +9,7 @@
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": "./dist/index.js",