@anker-in/headless-ui 0.0.9 → 0.0.10

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@anker-in/headless-ui",
-  "version": "0.0.9",
-  "main": "./dist/esm/index.js",
-  "types": "./dist/esm/index.d.ts",
+  "version": "0.0.10",
+  "type": "commonjs",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/cjs/index.d.ts",
   "module": "./dist/esm/index.js",
   "style": "./style.css",
   "exports": {
     ".": {
+      "require": {
+        "types": "./dist/cjs/index.d.ts",
+        "default": "./dist/cjs/index.js"
+      },
       "import": {
         "types": "./dist/esm/index.d.ts",
         "default": "./dist/esm/index.js"
@@ -15,14 +20,12 @@
     "./*": "./*"
   },
   "description": "",
-  "type": "module",
   "files": [
     "src/**",
     "dist/**",
-    "style.css",
+    "*.css",
     "README.md",
-    "CONTRIBUTING.md",
-    "css-explain.png"
+    "CONTRIBUTING.md"
   ],
   "sideEffects": false,
   "keywords": [],
@@ -65,15 +68,20 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
-    "dev": "pnpm run dev:css & pnpm run dev:js:esm & pnpm run dev:js:esm:types",
-    "dev:js:esm": "node build.esm.js watch=true",
+    "dev": "pnpm run dev:css & pnpm run dev:js:esm & pnpm run dev:js:cjs & pnpm run dev:js:esm:types & pnpm run dev:js:cjs:types",
+    "dev:js:cjs": "node esbuild-cjs.mjs watch=true",
+    "dev:js:cjs:types": "tsc --watch --incremental --outdir dist/cjs",
+    "dev:js:esm": "node esbuild-esm.mjs watch=true",
     "dev:js:esm:types": "tsc --watch --incremental --outdir dist/esm",
     "dev:css": "postcss src/styles/global.css -o style.css --watch",
-    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:esm:types",
-    "build:js:esm": "node build.esm.js",
+    "build": "pnpm run build:css & pnpm run build:js:esm & pnpm run build:js:cjs & pnpm run build:js:esm:types & pnpm run build:js:cjs:types",
+    "build:js:cjs": "node esbuild-cjs.mjs",
+    "build:js:cjs:types": "tsc --outdir dist/cjs",
+    "build:js:esm": "node esbuild-esm.mjs",
     "build:js:esm:types": "tsc --outdir dist/esm",
     "build:css": "postcss src/styles/global.css -o style.css",
     "lint": "eslint \"src/**/*.ts*\"",
-    "test": "jest"
+    "test": "jest",
+    "clean": "rm -rf .turbo node_modules dist style.css"
   }
 }

package/src/components/badge.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { type VariantProps, cva } from 'class-variance-authority'
 
-import { cn } from '../helpers/index'
+import { cn } from '../helpers/index.js'
 
 const badgeVariants = cva(
   'inline-flex items-center rounded-[20px] border px-[10px] py-1 text-xs font-medium transition-colors focus:outline-none',

package/src/components/button.tsx

@@ -4,8 +4,8 @@ import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden'
 import { type VariantProps, cva } from 'class-variance-authority'
-import Spinner from '../icons/spinner'
-import { cn } from '../helpers/index'
+import Spinner from '../icons/spinner.js'
+import { cn } from '../helpers/index.js'
 
 /**
  * Button Variants

package/src/components/checkbox.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox'
 import { CheckIcon } from '@radix-ui/react-icons'
 
-import { cn } from '../helpers/index'
+import { cn } from '../helpers/index.js'
 
 const Checkbox = React.forwardRef<
   React.ElementRef<typeof CheckboxPrimitive.Root>,

package/src/components/dialog.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import * as DialogPrimitive from '@radix-ui/react-dialog'
 import { Cross2Icon } from '@radix-ui/react-icons'
 
-import { cn } from '../helpers/index'
+import { cn } from '../helpers/index.js'
 
 const Dialog = DialogPrimitive.Root
 

package/src/components/heading.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@/helpers'
+import { cn } from '../helpers/index.js'
 import { Slot } from '@radix-ui/react-slot'
 import React from 'react'
 

package/src/components/index.ts

@@ -2,16 +2,16 @@
 // export { default as Theme } from './theme'
 
 // components
-export { default as Button } from './button'
-export { default as Badge } from './badge'
-export * from './input'
+export { default as Button } from './button.js'
+export { default as Badge } from './badge.js'
+export * from './input.js'
 
-export { default as Checkbox } from './checkbox'
+export { default as Checkbox } from './checkbox.js'
 
-export { default as Skeleton } from './skeleton'
-export * from './dialog'
-export * from './popover'
-export * from './radio'
-export * from './dialog'
-export * from './text'
-export { default as Theme } from './theme'
+export { default as Skeleton } from './skeleton.js'
+export * from './dialog.js'
+export * from './popover.js'
+export * from './radio.js'
+export * from './dialog.js'
+export * from './text.js'
+export { default as Theme } from './theme.js'

package/src/components/input.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import * as React from 'react'
-import { cn } from '../helpers/index'
-import { ComponentPropsWithout, RemovedProps } from '@/helpers/component-props'
+import { cn } from '../helpers/index.js'
+import type { ComponentPropsWithout, RemovedProps } from '@/helpers/component-props'
 import { cva, type VariantProps } from 'class-variance-authority'
 
 const inputVariants = cva(

package/src/components/popover.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react'
 import * as PopoverPrimitive from '@radix-ui/react-popover'
 
-import { cn } from '../helpers/utils'
+import { cn } from '../helpers/utils.js'
 
 const Popover = PopoverPrimitive.Root
 

package/src/components/radio.tsx

@@ -4,7 +4,7 @@ import * as React from 'react'
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group'
 import { CheckIcon } from '@radix-ui/react-icons'
 
-import { cn } from '../helpers/index'
+import { cn } from '../helpers/index.js'
 
 const RadioGroup = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,

package/src/components/skeleton.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { cn } from '../helpers/index'
+import { cn } from '../helpers/index.js'
 
 function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) {
   return <div className={cn('bg-skeleton size-12 animate-pulse', className)} {...props} />

package/src/components/text.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { Slot } from '@radix-ui/react-slot'
-import { cn } from '../helpers'
-import { VariantProps, cva } from 'class-variance-authority'
+import { cn } from '../helpers/index.js'
+import { type VariantProps, cva } from 'class-variance-authority'
 
 const textVariants = cva('', {
   variants: {

package/src/components/theme.tsx

@@ -1,6 +1,6 @@
 'use client'
 import * as React from 'react'
-import type { Brand } from '@/helpers/constants'
+import type { Brand } from '../helpers/constants.js'
 
 interface ThemeProps {
   brand: Brand

package/src/helpers/index.ts

@@ -1 +1 @@
-export { cn } from './utils'
+export { cn } from './utils.js'

package/src/icons/spinner.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 export interface SpinnerProps {
   /** loading 图标大小 */
   size?: 'sm' | 'md' | 'lg'

package/src/index.ts

@@ -1 +1 @@
-export * from './components/index'
+export * from './components/index.js'