@xjur-ui/react 1.0.6 → 2.1.0

package/tsup.config.ts

@@ -1,12 +1,30 @@
 import { defineConfig } from 'tsup'
 
 export default defineConfig({
-  // all js and ts
-  entry: ['src/index.ts', 'src/components/**/*.ts', 'src/components/**/*.tsx'],
+  entry: [
+    'src/index.ts',
+    'src/components/**/*.ts',
+    'src/components/**/*.tsx',
+    'src/hooks/index.ts',
+    'src/index.css'
+  ],
   format: ['esm'],
   outDir: 'dist',
-  external: ['react', 'react-dom'],
+  external: [
+    'react',
+    'react-dom',
+    'react/jsx-runtime',
+    '@radix-ui/**',
+    '@tiptap/**',
+    'react-day-picker',
+    '@react-input/**'
+  ],
   dts: true,
-  splitting: false,
-  clean: true
+  splitting: true,
+  treeshake: true,
+  minify: true,
+  sourcemap: true,
+  clean: true,
+  target: 'esnext',
+  platform: 'browser'
 })

package/dist/components/button.js

@@ -1,98 +0,0 @@
-// src/components/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva, cx } from "@xjur-ui/util";
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  [
-    "outline-none inline-flex items-center justify-center rounded-circle gap-small cursor-pointer disabled:opacity-38 disabled:pointer-events-none transition-colors"
-  ],
-  {
-    variants: {
-      size: {
-        md: "py-small_1x-alt px-medium text-size-body-md",
-        sm: "py-small-1x px-small text-size-label-sm",
-        icon_md: "p-small text-size-body-md h-large-4x w-large-4x",
-        icon_sm: "p-small-1x text-size-label-sm h-large-2x w-large-2x"
-      },
-      variant: {
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        destructive: "",
-        outlined: "bg-layer-2-idle border border-border-layer-2 hover:bg-layer-2-hover active:bg-layer-2-pressed"
-      },
-      appearance: {
-        solid: "",
-        ghost: "bg-transparent"
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "primary",
-        appearance: "solid",
-        class: "bg-primary-idle text-neutral-label hover:bg-primary-hover active:bg-primary-pressed"
-      },
-      {
-        variant: "primary",
-        appearance: "ghost",
-        class: "text-primary-idle hover:bg-primary-alt-idle active:bg-primary-alt-pressed"
-      },
-      {
-        variant: "secondary",
-        appearance: "solid",
-        class: "bg-layer-1-hover text-neutral-dark hover:bg-layer-1-pressed active:bg-layer-1-active"
-      },
-      {
-        variant: "secondary",
-        appearance: "ghost",
-        class: "hover:bg-layer-1-hover active:bg-layer-1-pressed"
-      },
-      {
-        variant: "tertiary",
-        appearance: "solid",
-        class: "bg-layer-2-hover text-neutral-dark hover:bg-layer-2-pressed active:bg-layer-2-active"
-      },
-      {
-        variant: "tertiary",
-        appearance: "ghost",
-        class: "hover:bg-layer-2-hover active:bg-layer-2-pressed"
-      },
-      {
-        variant: "destructive",
-        appearance: "solid",
-        class: "bg-danger-idle text-neutral-label hover:bg-danger-hover active:bg-danger-pressed"
-      },
-      {
-        variant: "destructive",
-        appearance: "ghost",
-        class: "text-danger-label-idle hover:bg-danger-alt-idle active:bg-danger-alt-pressed"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      variant: "primary",
-      appearance: "solid"
-    }
-  }
-);
-function Button({
-  asChild,
-  className,
-  variant = "primary",
-  size = "md",
-  appearance = "solid",
-  ...props
-}) {
-  const Component = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      className: cx(buttonVariants({ variant, appearance, size }), className),
-      ...props
-    }
-  );
-}
-export {
-  Button,
-  buttonVariants
-};