cetec-design-system 3.0.0 → 3.0.1-next.0

package/README.md

@@ -129,8 +129,19 @@ npm install cetec-design-system
 
 ### Panda CSS Configuration
 
-Copy `/panda.config.ts` and adjust the import paths to point to the package in `node_modules`.
-Set up the `include` option to contain the paths where Panda should look when building `styled-system` and `styles.css`.
+Import the Panda preset from its build-time-only entrypoint:
+
+```typescript
+import { defineConfig } from '@pandacss/dev';
+import { cetecPreset } from 'cetec-design-system/preset';
+
+export default defineConfig({
+  presets: [cetecPreset],
+});
+```
+
+Set up the `include` option to contain the paths where Panda should look when
+building `styled-system` and `styles.css`.
 
 ### Using in Your Project
 

package/dist/containerSizes-nJuD-1Ap.js

@@ -0,0 +1,47 @@
+const breakpoints = {
+  xs: "30rem",
+  // 480px
+  sm: "40rem",
+  // 640px
+  md: "48rem",
+  // 768px
+  lg: "64rem",
+  // 1024px
+  xl: "80rem",
+  // 1280px
+  "2xl": "96rem"
+  // 1536px
+};
+const containerSizes = {
+  "2xs": "16rem",
+  // 256px
+  xs: "20rem",
+  // 320px
+  sm: "24rem",
+  // 384px
+  md: "28rem",
+  // 448px
+  lg: "32rem",
+  // 512px
+  xl: "36rem",
+  // 576px
+  "2xl": "42rem",
+  // 672px
+  "3xl": "48rem",
+  // 768px
+  "4xl": "56rem",
+  // 896px
+  "5xl": "64rem",
+  // 1024px
+  "6xl": "72rem",
+  // 1152px
+  "7xl": "80rem",
+  // 1280px
+  "8xl": "90rem"
+  // 1440px
+};
+export {
+  breakpoints as b,
+  containerSizes as c
+};
+//# sourceMappingURL=containerSizes-nJuD-1Ap.js.map

package/dist/containerSizes-nJuD-1Ap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerSizes-nJuD-1Ap.js","sources":["../src/styles/utilities/breakpoints.ts","../src/styles/utilities/containerSizes.ts"],"sourcesContent":["export const breakpoints = {\n  xs: '30rem', // 480px\n  sm: '40rem', // 640px\n  md: '48rem', // 768px\n  lg: '64rem', // 1024px\n  xl: '80rem', // 1280px\n  '2xl': '96rem', // 1536px\n};\n","// Raw values for Panda containerSizes config (no value wrappers)\n// Panda's setupContainers() expects raw strings it can call .match() on\nexport const containerSizes = {\n  '2xs': '16rem', // 256px\n  xs: '20rem', // 320px\n  sm: '24rem', // 384px\n  md: '28rem', // 448px\n  lg: '32rem', // 512px\n  xl: '36rem', // 576px\n  '2xl': '42rem', // 672px\n  '3xl': '48rem', // 768px\n  '4xl': '56rem', // 896px\n  '5xl': '64rem', // 1024px\n  '6xl': '72rem', // 1152px\n  '7xl': '80rem', // 1280px\n  '8xl': '90rem', // 1440px\n};\n"],"names":[],"mappings":"AAAO,MAAM,cAAc;AAAA,EACzB,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AACT;ACLO,MAAM,iBAAiB;AAAA,EAC5B,OAAO;AAAA;AAAA,EACP,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,IAAI;AAAA;AAAA,EACJ,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AACT;"}

package/dist/index.js

@@ -2,8 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { createContext, useContext, useMemo, forwardRef, createElement, useState, useLayoutEffect, useRef, useSyncExternalStore, useCallback, useEffect, useId as useId$1, isValidElement, Children, cloneElement, useReducer } from "react";
 import * as ReactDOM from "react-dom";
-import { b as breakpoints, c as containerSizes } from "./cetec-preset-D23KFUx3.js";
-import { a } from "./cetec-preset-D23KFUx3.js";
+import { b as breakpoints, c as containerSizes } from "./containerSizes-nJuD-1Ap.js";
 import { useForm } from "@tanstack/react-form";
 import { useForm as useForm2 } from "@tanstack/react-form";
 function isObject(value) {
@@ -262,8 +261,8 @@ function finalizeConditions(paths) {
   });
 }
 function sortConditions(paths) {
-  return paths.sort((a2, b) => {
-    const aa = isCondition(a2);
+  return paths.sort((a, b) => {
+    const aa = isCondition(a);
     const bb = isCondition(b);
     if (aa && !bb) return 1;
     if (!aa && bb) return -1;
@@ -4246,8 +4245,8 @@ var getSortOrderTabIndex = function getSortOrderTabIndex2(node, isScope) {
   }
   return tabIndex;
 };
-var sortOrderedTabbables = function sortOrderedTabbables2(a2, b) {
-  return a2.tabIndex === b.tabIndex ? a2.documentOrder - b.documentOrder : a2.tabIndex - b.tabIndex;
+var sortOrderedTabbables = function sortOrderedTabbables2(a, b) {
+  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
 };
 var isInput = function isInput2(node) {
   return node.tagName === "INPUT";
@@ -5294,7 +5293,7 @@ const flip$2 = function(options) {
             };
           }
         }
-        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a2, b) => a2.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
         if (!resetPlacement) {
           switch (fallbackStrategy) {
             case "bestFit": {
@@ -5307,7 +5306,7 @@ const flip$2 = function(options) {
                   currentSideAxis === "y";
                 }
                 return true;
-              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b) => a2[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               if (placement2) {
                 resetPlacement = placement2;
               }
@@ -5991,8 +5990,8 @@ const platform = {
   isElement,
   isRTL
 };
-function rectsAreEqual(a2, b) {
-  return a2.x === b.x && a2.y === b.y && a2.width === b.width && a2.height === b.height;
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
 function observeMove(element, onMove) {
   let io = null;
@@ -6160,31 +6159,31 @@ var isClient = typeof document !== "undefined";
 var noop$1 = function noop2() {
 };
 var index = isClient ? useLayoutEffect : noop$1;
-function deepEqual(a2, b) {
-  if (a2 === b) {
+function deepEqual(a, b) {
+  if (a === b) {
     return true;
   }
-  if (typeof a2 !== typeof b) {
+  if (typeof a !== typeof b) {
     return false;
   }
-  if (typeof a2 === "function" && a2.toString() === b.toString()) {
+  if (typeof a === "function" && a.toString() === b.toString()) {
     return true;
   }
   let length;
   let i;
   let keys;
-  if (a2 && b && typeof a2 === "object") {
-    if (Array.isArray(a2)) {
-      length = a2.length;
+  if (a && b && typeof a === "object") {
+    if (Array.isArray(a)) {
+      length = a.length;
       if (length !== b.length) return false;
       for (i = length; i-- !== 0; ) {
-        if (!deepEqual(a2[i], b[i])) {
+        if (!deepEqual(a[i], b[i])) {
           return false;
         }
       }
       return true;
     }
-    keys = Object.keys(a2);
+    keys = Object.keys(a);
     length = keys.length;
     if (length !== Object.keys(b).length) {
       return false;
@@ -6196,16 +6195,16 @@ function deepEqual(a2, b) {
     }
     for (i = length; i-- !== 0; ) {
       const key = keys[i];
-      if (key === "_owner" && a2.$$typeof) {
+      if (key === "_owner" && a.$$typeof) {
         continue;
       }
-      if (!deepEqual(a2[key], b[key])) {
+      if (!deepEqual(a[key], b[key])) {
         return false;
       }
     }
     return true;
   }
-  return a2 !== a2 && b !== b;
+  return a !== a && b !== b;
 }
 function getDPR(element) {
   if (typeof window === "undefined") {
@@ -6465,8 +6464,8 @@ function useMergeRefs(refs) {
     };
   }, refs);
 }
-function sortByDocumentPosition(a2, b) {
-  const position = a2.compareDocumentPosition(b);
+function sortByDocumentPosition(a, b) {
+  const position = a.compareDocumentPosition(b);
   if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
     return -1;
   }
@@ -15486,13 +15485,13 @@ function shiftMonth(year, month, delta) {
   const rolledMonth = (zeroBased % 12 + 12) % 12;
   return { year: rolledYear, month: rolledMonth + 1 };
 }
-function compareDates(a2, b) {
-  if (a2.year !== b.year) return a2.year - b.year;
-  if (a2.month !== b.month) return a2.month - b.month;
-  return a2.day - b.day;
+function compareDates(a, b) {
+  if (a.year !== b.year) return a.year - b.year;
+  if (a.month !== b.month) return a.month - b.month;
+  return a.day - b.day;
 }
-function isSameDate(a2, b) {
-  return compareDates(a2, b) === 0;
+function isSameDate(a, b) {
+  return compareDates(a, b) === 0;
 }
 function isDateBefore(date, bound) {
   return bound !== void 0 && compareDates(date, bound) < 0;
@@ -19330,7 +19329,7 @@ const DateMenu = (props) => {
   );
 };
 const EMPTY_RANGE$4 = { start: null, end: null };
-const sameMonth = (a2, b) => a2.year === b.year && a2.month === b.month;
+const sameMonth = (a, b) => a.year === b.year && a.month === b.month;
 const DateRangeMenu = (props) => {
   const {
     trigger,
@@ -23179,7 +23178,6 @@ export {
   Toggle,
   ToggleInput,
   Tooltip,
-  a as cetecPreset,
   deriveItemTextValue,
   getComponentType,
   getHighlightedTextParts,