@central-ui/react 0.3.0 → 0.4.0

package/package.json

@@ -1,69 +1,69 @@
-{
-  "name": "@central-ui/react",
-  "version": "0.3.0",
-  "description": "Accessible React components with optional Tailwind CSS style presets",
-  "license": "MIT",
-  "keywords": [
-    "react",
-    "ui",
-    "components",
-    "ark-ui",
-    "unstyled"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "sideEffects": [
-    "./src/presets/**/*.css"
-  ],
-  "files": [
-    "dist",
-    "src/presets",
-    "README.md",
-    "LICENSE"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./presets/shopify-polaris-legacy.css": "./src/presets/shopify-polaris-legacy/shopify-polaris-legacy.css",
-    "./presets/shopify-polaris.css": "./src/presets/shopify-polaris/shopify-polaris.css"
-  },
-  "scripts": {
-    "build": "tsc --project tsconfig.json",
-    "prepack": "npm run build",
-    "typecheck": "tsc --project tsconfig.json --noEmit"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^4.2.1"
-  },
-  "peerDependenciesMeta": {
-    "tailwindcss": {
-      "optional": true
-    }
-  },
-  "devDependencies": {
-    "@types/react": "19.3.0",
-    "@types/react-dom": "19.3.0",
-    "typescript": "6.0.3"
-  },
-  "dependencies": {
-    "@ark-ui/react": "^5.39.3",
-    "@base-ui/react": "^1.9.0",
-    "@internationalized/date": "^3.12.4",
-    "@radix-ui/react-password-toggle-field": "^0.2.1",
-    "@tanstack/react-virtual": "^3.14.20",
-    "embla-carousel-autoplay": "8.6.0",
-    "embla-carousel-react": "8.6.0",
-    "react-aria": "^3.53.1",
-    "react-aria-components": "^1.22.1",
-    "react-joyride": "^3.2.0",
-    "react-resizable-panels": "^4.14.5",
-    "recharts": "^3.10.1",
-    "tailwind-merge": "^3.7.0"
-  }
-}
+{
+  "name": "@central-ui/react",
+  "version": "0.4.0",
+  "description": "Accessible React components with optional Tailwind CSS style presets",
+  "license": "MIT",
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "ark-ui",
+    "unstyled"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": [
+    "./src/presets/**/*.css"
+  ],
+  "files": [
+    "dist",
+    "src/presets",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./presets/shopify-polaris-legacy.css": "./src/presets/shopify-polaris-legacy/shopify-polaris-legacy.css",
+    "./presets/shopify-polaris.css": "./src/presets/shopify-polaris/shopify-polaris.css"
+  },
+  "scripts": {
+    "build": "tsc --project tsconfig.json",
+    "prepack": "npm run build",
+    "typecheck": "tsc --project tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.2.1"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "typescript": "6.0.3"
+  },
+  "dependencies": {
+    "@ark-ui/react": "^5.39.3",
+    "@base-ui/react": "^1.9.0",
+    "@internationalized/date": "^3.12.4",
+    "@radix-ui/react-password-toggle-field": "^0.2.1",
+    "@tanstack/react-virtual": "^3.14.20",
+    "embla-carousel-autoplay": "8.6.0",
+    "embla-carousel-react": "8.6.0",
+    "react-aria": "^3.53.1",
+    "react-aria-components": "^1.22.1",
+    "react-joyride": "^3.2.0",
+    "react-resizable-panels": "^4.14.5",
+    "recharts": "^3.10.1",
+    "tailwind-merge": "^3.7.0"
+  }
+}

package/src/presets/shopify-polaris/shopify-polaris-accordion.css

@@ -1,28 +1,28 @@
-/* accordion */
-@layer components {
-  :where(:not([data-style-disabled])) {
-    &:where([data-component='accordion-list']) {
-      @apply flex w-full flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white;
-    }
-
-    &:where([data-component='accordion-item']) {
-      @apply w-full border-b border-neutral-200 last:border-b-0;
-    }
-
-    &:where([data-component='accordion-openbutton']) {
-      @apply flex min-h-10 w-full cursor-pointer items-center justify-between gap-4 bg-white px-3 py-2 text-left text-sm font-medium text-neutral-950 outline-none hover:bg-neutral-50 focus-visible:relative focus-visible:z-1 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:bg-neutral-100 disabled:text-neutral-500 disabled:opacity-50;
-    }
-
-    &:where([data-component='accordion-openertitle']) {
-      @apply min-w-0 flex-1;
-    }
-
-    &:where([data-component='accordion-openerindicator']) {
-      @apply h-4 w-fit shrink-0 text-inherit transition-transform data-panel-open:rotate-180;
-    }
-
-    &:where([data-component='accordion-content']) {
-      @apply h-(--accordion-panel-height) overflow-hidden text-sm text-neutral-700 transition-[height] duration-200 data-starting-style:h-0 data-ending-style:h-0;
-    }
-  }
-}
+/* accordion */
+@layer components {
+  :where(:not([data-style-disabled])) {
+    &:where([data-component='accordion-list']) {
+      @apply flex w-full flex-col overflow-hidden rounded-xl border border-neutral-200 bg-white;
+    }
+
+    &:where([data-component='accordion-item']) {
+      @apply w-full border-b border-neutral-200 last:border-b-0;
+    }
+
+    &:where([data-component='accordion-openbutton']) {
+      @apply flex min-h-10 w-full cursor-pointer items-center justify-between gap-4 bg-white px-3 py-2 text-left text-sm font-medium text-neutral-950 outline-none hover:bg-neutral-50 focus-visible:relative focus-visible:z-1 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:bg-neutral-100 disabled:text-neutral-500 disabled:opacity-50;
+    }
+
+    &:where([data-component='accordion-openbuttontitle']) {
+      @apply min-w-0 flex-1;
+    }
+
+    &:where([data-component='accordion-openbuttonicon']) {
+      @apply h-4 w-fit shrink-0 text-inherit transition-transform data-panel-open:rotate-180;
+    }
+
+    &:where([data-component='accordion-content']) {
+      @apply h-(--accordion-panel-height) overflow-hidden text-sm text-neutral-700 transition-[height] duration-200 data-starting-style:h-0 data-ending-style:h-0;
+    }
+  }
+}

package/src/presets/shopify-polaris-legacy/shopify-polaris-legacy-accordion.css

@@ -1,28 +1,28 @@
-/* accordion */
-@layer components {
-  :where(:not([data-style-disabled])) {
-    &:where([data-component='accordion-list']) {
-      @apply flex w-full flex-col overflow-hidden rounded-xl border border-neutral-300 bg-white;
-    }
-
-    &:where([data-component='accordion-item']) {
-      @apply w-full border-b border-neutral-300 last:border-b-0;
-    }
-
-    &:where([data-component='accordion-openbutton']) {
-      @apply flex min-h-10 w-full cursor-pointer items-center justify-between gap-4 bg-white px-3 py-2 text-left text-sm font-semibold text-neutral-900 outline-none hover:bg-neutral-50 focus-visible:relative focus-visible:z-1 focus-visible:outline-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:bg-neutral-100 disabled:text-neutral-500 disabled:opacity-50;
-    }
-
-    &:where([data-component='accordion-openertitle']) {
-      @apply min-w-0 flex-1;
-    }
-
-    &:where([data-component='accordion-openerindicator']) {
-      @apply h-4 w-fit shrink-0 text-inherit transition-transform data-panel-open:rotate-180;
-    }
-
-    &:where([data-component='accordion-content']) {
-      @apply h-(--accordion-panel-height) overflow-hidden text-sm text-neutral-700 transition-[height] duration-200 data-starting-style:h-0 data-ending-style:h-0;
-    }
-  }
-}
+/* accordion */
+@layer components {
+  :where(:not([data-style-disabled])) {
+    &:where([data-component='accordion-list']) {
+      @apply flex w-full flex-col overflow-hidden rounded-xl border border-neutral-300 bg-white;
+    }
+
+    &:where([data-component='accordion-item']) {
+      @apply w-full border-b border-neutral-300 last:border-b-0;
+    }
+
+    &:where([data-component='accordion-openbutton']) {
+      @apply flex min-h-10 w-full cursor-pointer items-center justify-between gap-4 bg-white px-3 py-2 text-left text-sm font-semibold text-neutral-900 outline-none hover:bg-neutral-50 focus-visible:relative focus-visible:z-1 focus-visible:outline-2 focus-visible:outline-blue-600 disabled:pointer-events-none disabled:bg-neutral-100 disabled:text-neutral-500 disabled:opacity-50;
+    }
+
+    &:where([data-component='accordion-openbuttontitle']) {
+      @apply min-w-0 flex-1;
+    }
+
+    &:where([data-component='accordion-openbuttonicon']) {
+      @apply h-4 w-fit shrink-0 text-inherit transition-transform data-panel-open:rotate-180;
+    }
+
+    &:where([data-component='accordion-content']) {
+      @apply h-(--accordion-panel-height) overflow-hidden text-sm text-neutral-700 transition-[height] duration-200 data-starting-style:h-0 data-ending-style:h-0;
+    }
+  }
+}