pixelplay 1.1.1 → 1.1.4

package/dist/index.mjs

@@ -853,10 +853,10 @@ var SIZE_MAP = {
     checkbox: "h-3.5 w-3.5"
   },
   lg: {
-    outer: "gap-2 rounded-md px-3 py-1.5",
-    text: "text-sm font-medium leading-5",
+    outer: "gap-2 rounded-lg px-3.5 py-1.5",
+    text: "text-base font-medium leading-6",
     iconWrapper: "h-5 w-5",
-    dot: "h-2 w-2",
+    dot: "h-2.5 w-2.5",
     dismissSize: 14,
     checkbox: "h-4 w-4"
   }
@@ -948,7 +948,7 @@ var Card = React5.forwardRef(
       className,
       isPressable = false,
       isBlurred = false,
-      shadow = "md",
+      shadow = "xs",
       radius = "lg",
       fullWidth = false,
       onClick
@@ -2085,6 +2085,7 @@ function Toggle({
         !isChecked && !isDisabled && "hover:bg-[var(--surface-container-high)]",
         "focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-[var(--primary-container)]",
         isDisabled ? "cursor-not-allowed" : "cursor-pointer",
+        size === "sm" ? "before:content-[''] before:absolute before:-inset-[10px]" : "before:content-[''] before:absolute before:-inset-3",
         !label && !description && className
       ),
       children: /* @__PURE__ */ jsx16(
@@ -2260,7 +2261,10 @@ function Checkbox({
         onChange: handleChange,
         disabled: isDisabled,
         "aria-checked": indeterminate ? "mixed" : isChecked,
-        className: "peer absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed"
+        className: cn(
+          "peer absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 cursor-pointer opacity-0 disabled:cursor-not-allowed",
+          size === "sm" ? "min-h-10 min-w-10" : "min-h-12 min-w-12"
+        )
       }
     ),
     /* @__PURE__ */ jsx17(
@@ -22469,10 +22473,10 @@ var colors = {
     500: "#9E77ED",
     600: "#7F56D9",
     700: "#6941C6",
-    800: "#53389E",
-    900: "#42307D",
-    950: "#26145A",
-    975: "#160C34"
+    800: "#42307D",
+    900: "#26145A",
+    950: "#160C34",
+    975: "#0B061A"
   },
   error: {
     25: "#FFFBFA",
@@ -22484,10 +22488,10 @@ var colors = {
     500: "#F04438",
     600: "#D92D20",
     700: "#B42318",
-    800: "#912018",
-    900: "#7A271A",
-    950: "#4C1108",
-    975: "#2B0904"
+    800: "#7A271A",
+    900: "#4C1108",
+    950: "#2B0904",
+    975: "#160502"
   },
   warning: {
     25: "#FFFCF5",
@@ -22499,10 +22503,10 @@ var colors = {
     500: "#F79009",
     600: "#DC6803",
     700: "#B54708",
-    800: "#93370D",
-    900: "#7A2E0E",
-    950: "#491A06",
-    975: "#291003"
+    800: "#7A2E0E",
+    900: "#491A06",
+    950: "#291003",
+    975: "#150802"
   },
   success: {
     25: "#F6FEF9",
@@ -22514,10 +22518,10 @@ var colors = {
     500: "#12B76A",
     600: "#039855",
     700: "#027A48",
-    800: "#05603A",
-    900: "#054F31",
-    950: "#03301E",
-    975: "#021C11"
+    800: "#054F31",
+    900: "#03301E",
+    950: "#021C11",
+    975: "#010E09"
   },
   // ── Neutrals ──────────────────────────────────────────────────────────────
   gray: {
@@ -22591,10 +22595,10 @@ var colors = {
     500: "#EF4444",
     600: "#DC2626",
     700: "#B91C1C",
-    800: "#991B1B",
-    900: "#7F1D1D",
-    950: "#4C1111",
-    975: "#2B0909"
+    800: "#7F1D1D",
+    900: "#4C1111",
+    950: "#2B0909",
+    975: "#160505"
   },
   orange: {
     25: "#FFFAF5",
@@ -22606,10 +22610,10 @@ var colors = {
     500: "#FB6514",
     600: "#EC4A0A",
     700: "#C4320A",
-    800: "#9C2A10",
-    900: "#7E2410",
-    950: "#4C1509",
-    975: "#2B0C05"
+    800: "#7E2410",
+    900: "#4C1509",
+    950: "#2B0C05",
+    975: "#160603"
   },
   amber: {
     25: "#FFFDF5",
@@ -22621,10 +22625,10 @@ var colors = {
     500: "#F59E0B",
     600: "#D97706",
     700: "#B45309",
-    800: "#92400E",
-    900: "#78350F",
-    950: "#471E07",
-    975: "#280F03"
+    800: "#78350F",
+    900: "#471E07",
+    950: "#280F03",
+    975: "#140802"
   },
   yellow: {
     25: "#FEFEF2",
@@ -22636,10 +22640,10 @@ var colors = {
     500: "#EAB308",
     600: "#CA8A04",
     700: "#A16207",
-    800: "#854D0E",
-    900: "#713F12",
-    950: "#44250A",
-    975: "#261505"
+    800: "#713F12",
+    900: "#44250A",
+    950: "#261505",
+    975: "#130B03"
   },
   // ── Greens ────────────────────────────────────────────────────────────────
   lime: {
@@ -22652,10 +22656,10 @@ var colors = {
     500: "#84CC16",
     600: "#65A30D",
     700: "#4D7C0F",
-    800: "#3F6212",
-    900: "#365314",
-    950: "#20320C",
-    975: "#121C06"
+    800: "#365314",
+    900: "#20320C",
+    950: "#121C06",
+    975: "#090E03"
   },
   green: {
     25: "#F2FDF5",
@@ -22667,10 +22671,10 @@ var colors = {
     500: "#22C55E",
     600: "#16A34A",
     700: "#15803D",
-    800: "#166534",
-    900: "#14532D",
-    950: "#0C321B",
-    975: "#061C0F"
+    800: "#14532D",
+    900: "#0C321B",
+    950: "#061C0F",
+    975: "#030E08"
   },
   emerald: {
     25: "#F3FDF8",
@@ -22682,10 +22686,10 @@ var colors = {
     500: "#10B981",
     600: "#059669",
     700: "#047857",
-    800: "#065F46",
-    900: "#064E3B",
-    950: "#032F23",
-    975: "#021A13"
+    800: "#064E3B",
+    900: "#032F23",
+    950: "#021A13",
+    975: "#010D0A"
   },
   teal: {
     25: "#F0FCFB",
@@ -22697,10 +22701,10 @@ var colors = {
     500: "#14B8A6",
     600: "#0D9488",
     700: "#0F766E",
-    800: "#115E59",
-    900: "#134E4A",
-    950: "#0A302E",
-    975: "#061C1A"
+    800: "#134E4A",
+    900: "#0A302E",
+    950: "#061C1A",
+    975: "#030E0D"
   },
   // ── Blues ─────────────────────────────────────────────────────────────────
   cyan: {
@@ -22713,10 +22717,10 @@ var colors = {
     500: "#06B6D4",
     600: "#0891B2",
     700: "#0E7490",
-    800: "#155E75",
-    900: "#164E63",
-    950: "#0C2F3C",
-    975: "#071A22"
+    800: "#164E63",
+    900: "#0C2F3C",
+    950: "#071A22",
+    975: "#040D11"
   },
   blueLight: {
     25: "#F5FBFF",
@@ -22728,10 +22732,10 @@ var colors = {
     500: "#0BA5EC",
     600: "#0086C9",
     700: "#026AA2",
-    800: "#065986",
-    900: "#0B4A6F",
-    950: "#062C43",
-    975: "#031826"
+    800: "#0B4A6F",
+    900: "#062C43",
+    950: "#031826",
+    975: "#020C13"
   },
   blue: {
     25: "#F5FAFF",
@@ -22743,10 +22747,10 @@ var colors = {
     500: "#2E90FA",
     600: "#1570EF",
     700: "#175CD3",
-    800: "#1849A9",
-    900: "#194185",
-    950: "#0E2669",
-    975: "#08153B"
+    800: "#194185",
+    900: "#0E2669",
+    950: "#08153B",
+    975: "#040B1E"
   },
   blueGray: {
     25: "#FCFCFD",
@@ -22774,10 +22778,10 @@ var colors = {
     500: "#6172F3",
     600: "#444CE7",
     700: "#3538CD",
-    800: "#2D31A6",
-    900: "#2D3282",
-    950: "#1B1F52",
-    975: "#10122F"
+    800: "#2D3282",
+    900: "#1B1F52",
+    950: "#10122F",
+    975: "#080918"
   },
   violet: {
     25: "#FAFAFF",
@@ -22789,10 +22793,10 @@ var colors = {
     500: "#8B5CF6",
     600: "#7C3AED",
     700: "#6D28D9",
-    800: "#5B21B6",
-    900: "#4C1D95",
-    950: "#2D1159",
-    975: "#190932"
+    800: "#4C1D95",
+    900: "#2D1159",
+    950: "#190932",
+    975: "#0D0519"
   },
   purple: {
     25: "#FAFAFF",
@@ -22804,10 +22808,10 @@ var colors = {
     500: "#7A5AF8",
     600: "#6938EF",
     700: "#5925DC",
-    800: "#4A1FB8",
-    900: "#3E1C96",
-    950: "#25105A",
-    975: "#140932"
+    800: "#3E1C96",
+    900: "#25105A",
+    950: "#140932",
+    975: "#0A0519"
   },
   fuchsia: {
     25: "#FEF8FF",
@@ -22819,10 +22823,10 @@ var colors = {
     500: "#D946EF",
     600: "#C026D3",
     700: "#A21CAF",
-    800: "#86198F",
-    900: "#701A75",
-    950: "#430F46",
-    975: "#250827"
+    800: "#701A75",
+    900: "#430F46",
+    950: "#250827",
+    975: "#130414"
   },
   pink: {
     25: "#FEF6FB",
@@ -22834,10 +22838,10 @@ var colors = {
     500: "#EE46BC",
     600: "#DD2590",
     700: "#C11574",
-    800: "#9E165F",
-    900: "#851651",
-    950: "#4F0C30",
-    975: "#2C071A"
+    800: "#851651",
+    900: "#4F0C30",
+    950: "#2C071A",
+    975: "#16040D"
   },
   rose: {
     25: "#FFF5F6",
@@ -22849,10 +22853,10 @@ var colors = {
     500: "#F63D68",
     600: "#E31B54",
     700: "#C01048",
-    800: "#A11043",
-    900: "#89123E",
-    950: "#520A25",
-    975: "#2E0514"
+    800: "#89123E",
+    900: "#520A25",
+    950: "#2E0514",
+    975: "#17030A"
   }
 };
 var textScale = {