@betterstore/react 0.2.3 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components.json +21 -0
  3. package/dist/components/checkout-embed/checkout-form.d.ts +8 -0
  4. package/dist/components/checkout-embed/checkout-schema.d.ts +173 -0
  5. package/dist/components/checkout-embed/customer/form.d.ts +9 -0
  6. package/dist/components/checkout-embed/payment/form.d.ts +13 -0
  7. package/dist/components/checkout-embed/shipping/form.d.ts +11 -0
  8. package/dist/components/checkout-embed/useLocalStorage.d.ts +1 -0
  9. package/dist/components/ui/button.d.ts +10 -0
  10. package/dist/components/ui/checkbox.d.ts +4 -0
  11. package/dist/components/ui/form.d.ts +24 -0
  12. package/dist/components/ui/input.d.ts +3 -0
  13. package/dist/components/ui/label.d.ts +4 -0
  14. package/dist/components/ui/radio-group.d.ts +5 -0
  15. package/dist/components/ui/select.d.ts +13 -0
  16. package/dist/index.cjs.js +687 -9
  17. package/dist/index.mjs +698 -42
  18. package/dist/lib/utils.d.ts +2 -0
  19. package/package.json +17 -3
  20. package/postcss.config.cjs +1 -1
  21. package/rollup.config.mjs +26 -6
  22. package/tailwind.config.cjs +1 -0
  23. package/dist/styles.css +0 -1
package/dist/lib/utils.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { type ClassValue } from "clsx";
2
+ export declare function cn(...inputs: ClassValue[]): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@betterstore/react",
3
- "version": "0.2.3",
3
+ "version": "0.2.5",
4
4
  "description": "E-commerce for Developers",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -29,10 +29,10 @@
29
29
  "@types/react-dom": "^18.2.0",
30
30
  "autoprefixer": "^10.4.20",
31
31
  "next": "^15.2.1",
32
- "postcss": "^8.4.31",
32
+ "postcss": "^8.5.3",
33
33
  "prettier": "^3.5.3",
34
34
  "rollup": "^4.34.9",
35
- "tailwindcss": "^3.0.12",
35
+ "tailwindcss": "^4.0.12",
36
36
  "tslib": "^2.8.1",
37
37
  "tsup": "^8.4.0",
38
38
  "typescript": "^5.8.2"
@@ -42,9 +42,23 @@
42
42
  "react-dom": "^18.0.0"
43
43
  },
44
44
  "dependencies": {
45
+ "@hookform/resolvers": "^4.1.3",
46
+ "@radix-ui/react-checkbox": "^1.1.4",
47
+ "@radix-ui/react-label": "^2.1.2",
48
+ "@radix-ui/react-radio-group": "^1.2.3",
49
+ "@radix-ui/react-select": "^2.1.6",
50
+ "@radix-ui/react-slot": "^1.1.2",
45
51
  "@stripe/react-stripe-js": "^3.3.0",
46
52
  "@stripe/stripe-js": "^5.10.0",
53
+ "class-variance-authority": "^0.7.1",
54
+ "clsx": "^2.1.1",
55
+ "lucide-react": "^0.479.0",
56
+ "react-hook-form": "^7.54.2",
47
57
  "rollup-plugin-postcss": "^4.0.2",
58
+ "tailwind": "^4.0.0",
59
+ "tailwind-merge": "^3.0.2",
60
+ "tailwindcss-animate": "^1.0.7",
61
+ "zod": "^3.24.2",
48
62
  "zustand": "^5.0.3"
49
63
  },
50
64
  "scripts": {
package/postcss.config.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  module.exports = {
2
2
  plugins: {
3
- tailwindcss: {},
3
+ "@tailwindcss/postcss": {},
4
4
  autoprefixer: {},
5
5
  },
6
6
  };
package/rollup.config.mjs CHANGED
@@ -1,9 +1,7 @@
1
1
  import commonjs from "@rollup/plugin-commonjs";
2
2
  import resolve from "@rollup/plugin-node-resolve";
3
3
  import typescript from "@rollup/plugin-typescript";
4
- import autoprefixer from "autoprefixer";
5
4
  import postcss from "rollup-plugin-postcss";
6
- import tailwindcss from "tailwindcss";
7
5
 
8
6
  export default {
9
7
  input: "src/index.ts",
@@ -22,19 +20,41 @@ export default {
22
20
  commonjs(),
23
21
  typescript(),
24
22
  postcss({
25
- plugins: [tailwindcss(), autoprefixer()],
26
- extract: "styles.css",
23
+ config: {
24
+ path: "./postcss.config.cjs",
25
+ },
26
+ extract: false,
27
27
  modules: false,
28
28
  minimize: true,
29
- inject: false,
29
+ inject: true,
30
30
  }),
31
31
  ],
32
32
  external: [
33
+ "@radix-ui/react-radio-group",
34
+ "@radix-ui/react-label",
35
+ "@radix-ui/react-checkbox",
36
+ "@radix-ui/react-select",
37
+ "@radix-ui/react-roving-focus",
38
+ "@radix-ui/react-presence",
39
+ "@radix-ui/react-dismissable-layer",
40
+ "@radix-ui/react-focus-guards",
41
+ "@radix-ui/react-collection",
42
+ "@radix-ui/react-popper",
43
+ "@radix-ui/react-portal",
44
+ "@radix-ui/react-focus-scope",
45
+
33
46
  "react",
34
47
  "react-dom",
35
- "@betterstore/sdk",
36
48
  "@stripe/react-stripe-js",
37
49
  "@stripe/stripe-js",
38
50
  "zustand",
51
+ "zod",
52
+ "tailwindcss-animate",
53
+ "class-variance-authority",
54
+ "clsx",
55
+ "tailwind-merge",
56
+ "lucide-react",
57
+ "react-hook-form",
58
+ "@hookform/resolvers",
39
59
  ],
40
60
  };
package/tailwind.config.cjs CHANGED
@@ -1,6 +1,7 @@
1
1
  /** @type {import('tailwindcss').Config} */
2
2
  module.exports = {
3
3
  content: [
4
+ "./src/globals.css",
4
5
  "./src/**/*.{js,jsx,ts,tsx}",
5
6
  "./src/components/**/*.{js,jsx,ts,tsx}",
6
7
  ],
package/dist/styles.css DELETED
@@ -1 +0,0 @@
1
- *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-2{margin-top:.5rem}.flex{display:flex}.grid{display:grid}.h-16{height:4rem}.h-6{height:1.5rem}.h-full{height:100%}.w-16{width:4rem}.w-6{width:1.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-zinc-800{--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-zinc-700{--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-6{padding:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}