@salesmind-ai/design-system 0.1.11 → 0.2.0

package/dist/styles/styles.css

@@ -2865,7 +2865,10 @@ a:hover {
   align-items: center;
   color: var(--text-tertiary);
   flex-shrink: 0;
-  transition: color var(--transition-fast);
+  transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), color var(--transition-fast);
+}
+.ds-locale-dropdown__trigger-chevron[data-state=open] {
+  transform: rotate(180deg);
 }
 .ds-locale-dropdown__trigger:hover .ds-locale-dropdown__trigger-chevron {
   color: var(--text-secondary);
@@ -2885,12 +2888,33 @@ a:hover {
   border: 1px solid var(--rim-light-bottom);
   border-radius: var(--radius-card);
   box-shadow: var(--shadow-xl), 0 0 0 1px var(--rim-light-bottom);
+  opacity: 0;
+  transform: translateY(-8px) scale(0.95);
+  visibility: hidden;
+  pointer-events: none;
+  transition:
+    opacity 0.15s cubic-bezier(0.4, 0, 1, 1),
+    transform 0.15s cubic-bezier(0.4, 0, 1, 1),
+    visibility 0s 0.15s;
+}
+.ds-locale-dropdown__panel[data-state=open] {
+  opacity: 1;
+  transform: translateY(0) scale(1);
+  visibility: visible;
+  pointer-events: auto;
+  transition:
+    opacity 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
+    transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
+    visibility 0s 0s;
 }
 .ds-locale-dropdown--up .ds-locale-dropdown__panel {
   top: auto;
   bottom: calc(100% + var(--space-2));
   transform-origin: bottom right;
 }
+.ds-locale-dropdown--up .ds-locale-dropdown__panel[data-state=closed] {
+  transform: translateY(8px) scale(0.95);
+}
 .ds-locale-dropdown--align-left .ds-locale-dropdown__panel {
   right: auto;
   left: 0;
@@ -2899,15 +2923,23 @@ a:hover {
 .ds-locale-dropdown--align-center .ds-locale-dropdown__panel {
   right: auto;
   left: 50%;
-  transform: translateX(-50%);
   transform-origin: top center;
 }
+.ds-locale-dropdown--align-center .ds-locale-dropdown__panel[data-state=closed] {
+  transform: translateX(-50%) translateY(-8px) scale(0.95);
+}
+.ds-locale-dropdown--align-center .ds-locale-dropdown__panel[data-state=open] {
+  transform: translateX(-50%) translateY(0) scale(1);
+}
 .ds-locale-dropdown--up.ds-locale-dropdown--align-left .ds-locale-dropdown__panel {
   transform-origin: bottom left;
 }
 .ds-locale-dropdown--up.ds-locale-dropdown--align-center .ds-locale-dropdown__panel {
   transform-origin: bottom center;
 }
+.ds-locale-dropdown--up.ds-locale-dropdown--align-center .ds-locale-dropdown__panel[data-state=closed] {
+  transform: translateX(-50%) translateY(8px) scale(0.95);
+}
 .ds-locale-dropdown__panel::before {
   content: "";
   position: absolute;
@@ -3004,6 +3036,12 @@ a:hover {
   .ds-locale-dropdown__trigger {
     transition: none;
   }
+  .ds-locale-dropdown__trigger-chevron {
+    transition: none;
+  }
+  .ds-locale-dropdown__panel {
+    transition: none;
+  }
   .ds-locale-dropdown__option {
     transition: none;
   }

package/dist/web/index.cjs

@@ -5,7 +5,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var clsx = require('clsx');
-var framerMotion = require('framer-motion');
 var lucideReact = require('lucide-react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -156,9 +155,13 @@ function createSchemaGenerators(brand, supportedLanguages = ["en", "fr", "es"])
         offers: {
           "@type": "AggregateOffer",
           priceCurrency: "USD",
-          lowPrice: "19",
-          highPrice: "500",
-          offerCount: "4"
+          lowPrice: "0",
+          highPrice: "0",
+          offerCount: "2",
+          priceSpecification: {
+            "@type": "PriceSpecification",
+            description: "Custom pricing \u2014 contact sales for a tailored quote"
+          }
         },
         author: {
           "@type": "Organization",
@@ -413,14 +416,14 @@ function createSchemaGenerators(brand, supportedLanguages = ["en", "fr", "es"])
       };
     },
     /** Service schema — Growth motion service offerings. */
-    service(motion2, locale = "en") {
+    service(motion, locale = "en") {
       return {
         "@context": "https://schema.org",
         "@type": "Service",
-        "@id": ENTITY_IDS.service(motion2.slug),
-        name: motion2.name,
-        description: motion2.description,
-        url: motion2.url.startsWith("http") ? motion2.url : `${brand.url}${motion2.url}`,
+        "@id": ENTITY_IDS.service(motion.slug),
+        name: motion.name,
+        description: motion.description,
+        url: motion.url.startsWith("http") ? motion.url : `${brand.url}${motion.url}`,
         provider: {
           "@type": "Organization",
           "@id": ENTITY_IDS.organization,
@@ -429,11 +432,11 @@ function createSchemaGenerators(brand, supportedLanguages = ["en", "fr", "es"])
         inLanguage: locale,
         availableLanguage: [...supportedLanguages],
         areaServed: "Worldwide",
-        ...motion2.price ? {
+        ...motion.price ? {
           offers: {
             "@type": "Offer",
-            price: motion2.price.replace(/[^0-9.]/g, "") || "0",
-            priceCurrency: motion2.priceCurrency || "USD",
+            price: motion.price.replace(/[^0-9.]/g, "") || "0",
+            priceCurrency: motion.priceCurrency || "USD",
             availability: "https://schema.org/InStock"
           }
         } : {},
@@ -946,34 +949,44 @@ function CookieConsent({
   labels,
   className
 }) {
-  const [isVisible, setIsVisible] = React.useState(false);
+  const [state, setState] = React.useState("idle");
   React.useEffect(() => {
     const consent = localStorage.getItem(COOKIE_CONSENT_KEY);
     if (!consent) {
-      const timer = setTimeout(() => setIsVisible(true), delay);
+      const timer = setTimeout(() => setState("open"), delay);
       return () => clearTimeout(timer);
+    } else {
+      setState("closed");
     }
   }, [delay]);
+  const handleDismiss = React.useCallback(() => {
+    setState("closing");
+  }, []);
   const handleAccept = React.useCallback(() => {
     localStorage.setItem(COOKIE_CONSENT_KEY, "granted");
-    setIsVisible(false);
+    handleDismiss();
     if (typeof window !== "undefined") {
       window.dispatchEvent(new Event(COOKIE_CONSENT_EVENT));
     }
     onAccept?.();
-  }, [onAccept]);
+  }, [onAccept, handleDismiss]);
   const handleDecline = React.useCallback(() => {
     localStorage.setItem(COOKIE_CONSENT_KEY, "denied");
-    setIsVisible(false);
+    handleDismiss();
     onDecline?.();
-  }, [onDecline]);
-  return /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: isVisible && /* @__PURE__ */ jsxRuntime.jsx(
-    framerMotion.motion.div,
+  }, [onDecline, handleDismiss]);
+  const handleTransitionEnd = React.useCallback(() => {
+    if (state === "closing") {
+      setState("closed");
+    }
+  }, [state]);
+  if (state === "idle" || state === "closed") return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      initial: { y: 100, opacity: 0 },
-      animate: { y: 0, opacity: 1 },
-      exit: { y: 100, opacity: 0 },
       className: `ds-cookie-consent ${className ?? ""}`,
+      "data-state": state === "open" ? "open" : "closed",
+      onTransitionEnd: handleTransitionEnd,
       role: "dialog",
       "aria-label": labels?.title ?? "Cookie consent",
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ds-cookie-consent__inner", children: [
@@ -999,7 +1012,7 @@ function CookieConsent({
         )
       ] })
     }
-  ) });
+  );
 }
 
 // src/web/analytics/use-cookie-consent.ts