@lindle/linoardo 1.0.19 → 1.0.21

package/dist/chunk-SAGQYMS3.js

@@ -0,0 +1,167 @@
+import React from 'react';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/Form/Select/index.tsx
+
+// src/utils/helpers/randomStr.ts
+var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function generateString(length = 5) {
+  let result = "";
+  const charactersLength = characters.length;
+  for (let i = 0; i < length; i++) {
+    result += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result;
+}
+var baseClass = "select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400";
+var variantClasses = {
+  solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+  sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+  outline: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40",
+  text: "rounded-none border-0 border-b border-transparent pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
+  ghost: "rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25",
+  filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30",
+  underlined: "rounded-none border-0 border-b border-gray-300 pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
+  rounded: "rounded-full pl-4 pr-10 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20"
+};
+var sizeClasses = {
+  "x-small": { padding: "pl-2 pr-8 py-2", text: "text-xs" },
+  small: { padding: "pl-2.5 pr-9 py-2.5", text: "text-sm" },
+  medium: { padding: "pl-3 pr-10 py-3", text: "text-base" },
+  large: { padding: "pl-3.5 pr-11 py-3.5", text: "text-lg" },
+  "x-large": { padding: "pl-4 pr-12 py-4", text: "text-xl" }
+};
+var normalizeOption = (option) => {
+  if (typeof option === "string") {
+    return { label: option, value: option };
+  }
+  return option;
+};
+var Select = ({
+  options,
+  label,
+  placeholder,
+  variant = "outline",
+  size = "medium",
+  className,
+  wrapperClassName,
+  id,
+  name,
+  multiple,
+  onFocus,
+  onBlur,
+  onChange,
+  value,
+  defaultValue,
+  ...props
+}) => {
+  const selectId = id || name || generateString();
+  const selectName = name || selectId;
+  const variantClass = variantClasses[variant] ?? variantClasses.outline;
+  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;
+  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;
+  const normalizedOptions = options.map(normalizeOption);
+  const hasLabel = Boolean(label);
+  const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
+  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;
+  const placeholderText = placeholder ?? (hasLabel ? " " : void 0);
+  const [isFocused, setIsFocused] = React.useState(false);
+  const [hasValue, setHasValue] = React.useState(() => {
+    const initial = value ?? defaultValue;
+    if (initial === void 0 || initial === null) return false;
+    if (multiple) {
+      if (Array.isArray(initial)) return initial.length > 0;
+      return String(initial).length > 0;
+    }
+    if (Array.isArray(initial)) {
+      if (initial.length === 0) return false;
+      return String(initial[0]).length > 0;
+    }
+    return String(initial).length > 0;
+  });
+  const isControlled = value !== void 0;
+  React.useEffect(() => {
+    if (!isControlled) return;
+    if (value === void 0 || value === null) {
+      setHasValue(false);
+      return;
+    }
+    if (multiple) {
+      if (Array.isArray(value)) {
+        setHasValue(value.length > 0);
+      } else {
+        setHasValue(String(value).length > 0);
+      }
+      return;
+    }
+    if (Array.isArray(value)) {
+      setHasValue(value.length > 0 ? String(value[0]).length > 0 : false);
+      return;
+    }
+    setHasValue(String(value).length > 0);
+  }, [isControlled, multiple, value]);
+  const placeholderOptionLabel = hidePlaceholderUntilFocus && !isFocused ? " " : placeholderText;
+  const shouldRenderPlaceholder = !multiple && placeholderText !== void 0;
+  const labelShouldFloat = hasValue || isFocused;
+  const labelLeftClass = "left-3";
+  const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
+  const handleFocus = (event) => {
+    if (hidePlaceholderUntilFocus) setIsFocused(true);
+    onFocus?.(event);
+  };
+  const handleBlur = (event) => {
+    if (hidePlaceholderUntilFocus) setIsFocused(false);
+    onBlur?.(event);
+  };
+  const handleChange = (event) => {
+    if (!isControlled) {
+      const nextHasValue = multiple ? event.target.selectedOptions.length > 0 : event.target.value !== "";
+      setHasValue(nextHasValue);
+    }
+    onChange?.(event);
+  };
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col gap-1", wrapperClassName), children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        ...props,
+        id: selectId,
+        name: selectName,
+        multiple,
+        value,
+        defaultValue: value === void 0 ? defaultValue : void 0,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChange: handleChange,
+        className: twMerge("peer", baseClass, variantClass, sizeClass, className),
+        children: [
+          shouldRenderPlaceholder && /* @__PURE__ */ jsx("option", { value: "", disabled: props.required, hidden: hasValue, children: placeholderOptionLabel }),
+          normalizedOptions.map((option, index) => /* @__PURE__ */ jsx("option", { value: option.value, disabled: option.disabled, children: option.label }, `${selectId}-${option.value}-${index}`))
+        ]
+      }
+    ),
+    !multiple && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300", children: /* @__PURE__ */ jsx("i", { className: "mdi mdi-chevron-down text-base leading-none", "aria-hidden": true }) }),
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: selectId,
+        className: twMerge(
+          "absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200",
+          labelLeftClass,
+          labelShouldFloat ? [
+            "top-0 text-xs px-1",
+            isFocused ? "-translate-y-1/2 text-gray-600" : "-translate-y-2/3",
+            labelBgDefault
+          ].join(" ") : "top-1/2 -translate-y-1/2 text-sm text-gray-500"
+        ),
+        children: label
+      }
+    )
+  ] }) });
+};
+var Select_default = Select;
+
+export { Select_default };
+//# sourceMappingURL=chunk-SAGQYMS3.js.map
+//# sourceMappingURL=chunk-SAGQYMS3.js.map

package/dist/chunk-SAGQYMS3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/helpers/randomStr.ts","../src/Form/Select/index.tsx"],"names":[],"mappings":"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","file":"chunk-SAGQYMS3.js","sourcesContent":["const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\n\nexport function generateString(length = 5) {\n  let result: string = '';\n  const charactersLength = characters.length;\n  for (let i = 0; i < length; i++) {\n    result += characters.charAt(Math.floor(Math.random() * charactersLength));\n  }\n\n  return result;\n}\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { GlobalSize } from '@lindle/linoardo/global.types';\nimport type { InputVariant } from '../Input/types';\nimport type { SelectOption, SelectOptionObject, SelectProps } from './types.select';\nimport { generateString } from '../../utils/helpers/randomStr';\n\nconst baseClass =\n  'select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400';\n\nconst variantClasses = {\n  solid:\n    'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n  sharp:\n    'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n  outline:\n    'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n  text: 'rounded-none border-0 border-b border-transparent pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n  ghost:\n    'rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n  filled:\n    'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n  underlined:\n    'rounded-none border-0 border-b border-gray-300 pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n  rounded:\n    'rounded-full pl-4 pr-10 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n} satisfies Record<InputVariant, string>;\n\nconst sizeClasses = {\n  'x-small': { padding: 'pl-2 pr-8 py-2', text: 'text-xs' },\n  small: { padding: 'pl-2.5 pr-9 py-2.5', text: 'text-sm' },\n  medium: { padding: 'pl-3 pr-10 py-3', text: 'text-base' },\n  large: { padding: 'pl-3.5 pr-11 py-3.5', text: 'text-lg' },\n  'x-large': { padding: 'pl-4 pr-12 py-4', text: 'text-xl' }\n} satisfies Record<GlobalSize, { padding: string; text: string }>;\n\nconst normalizeOption = (option: SelectOption): SelectOptionObject => {\n  if (typeof option === 'string') {\n    return { label: option, value: option };\n  }\n\n  return option;\n};\n\n/**\n * Native select styled with the same visual variants as Input.\n * Accepts options as string[] or { label, value }[] for convenience.\n */\nconst Select: React.FC<SelectProps> = ({\n  options,\n  label,\n  placeholder,\n  variant = 'outline',\n  size = 'medium',\n  className,\n  wrapperClassName,\n  id,\n  name,\n  multiple,\n  onFocus,\n  onBlur,\n  onChange,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const selectId = id || name || generateString();\n  const selectName = name || selectId;\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;\n  const normalizedOptions = options.map(normalizeOption);\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;\n  const placeholderText = placeholder ?? (hasLabel ? ' ' : undefined);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [hasValue, setHasValue] = React.useState(() => {\n    const initial = value ?? defaultValue;\n    if (initial === undefined || initial === null) return false;\n    if (multiple) {\n      if (Array.isArray(initial)) return initial.length > 0;\n      return String(initial).length > 0;\n    }\n    if (Array.isArray(initial)) {\n      if (initial.length === 0) return false;\n      return String(initial[0]).length > 0;\n    }\n    return String(initial).length > 0;\n  });\n  const isControlled = value !== undefined;\n\n  React.useEffect(() => {\n    if (!isControlled) return;\n    if (value === undefined || value === null) {\n      setHasValue(false);\n      return;\n    }\n    if (multiple) {\n      if (Array.isArray(value)) {\n        setHasValue(value.length > 0);\n      } else {\n        setHasValue(String(value).length > 0);\n      }\n      return;\n    }\n    if (Array.isArray(value)) {\n      setHasValue(value.length > 0 ? String(value[0]).length > 0 : false);\n      return;\n    }\n    setHasValue(String(value).length > 0);\n  }, [isControlled, multiple, value]);\n\n  const placeholderOptionLabel = hidePlaceholderUntilFocus && !isFocused ? ' ' : placeholderText;\n  const shouldRenderPlaceholder = !multiple && placeholderText !== undefined;\n  const labelShouldFloat = hasValue || isFocused;\n  const labelLeftClass = 'left-3';\n  const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n    ? 'bg-transparent'\n    : 'bg-white/90 dark:bg-slate-900';\n\n  const handleFocus: React.FocusEventHandler<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = event => {\n    if (!isControlled) {\n      const nextHasValue = multiple ? event.target.selectedOptions.length > 0 : event.target.value !== '';\n      setHasValue(nextHasValue);\n    }\n    onChange?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        <select\n          {...props}\n          id={selectId}\n          name={selectName}\n          multiple={multiple}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          className={twMerge('peer', baseClass, variantClass, sizeClass, className)}\n        >\n          {shouldRenderPlaceholder && (\n            <option value='' disabled={props.required} hidden={hasValue}>\n              {placeholderOptionLabel}\n            </option>\n          )}\n          {normalizedOptions.map((option, index) => (\n            <option key={`${selectId}-${option.value}-${index}`} value={option.value} disabled={option.disabled}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n        {!multiple && (\n          <span className='pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300'>\n            <i className='mdi mdi-chevron-down text-base leading-none' aria-hidden />\n          </span>\n        )}\n        {label && (\n          <label\n            htmlFor={selectId}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              labelShouldFloat\n                ? [\n                    'top-0 text-xs px-1',\n                    isFocused ? '-translate-y-1/2 text-gray-600' : '-translate-y-2/3',\n                    labelBgDefault\n                  ].join(' ')\n                : 'top-1/2 -translate-y-1/2 text-sm text-gray-500'\n            )}\n          >\n            {label}\n          </label>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Select;\nexport type { SelectProps, SelectOption, SelectOptionObject } from './types.select';\n"]}

package/dist/{chunk-QGQ66FJD.js → chunk-T37VPLS4.js}

@@ -151,5 +151,5 @@ Menu.displayName = "Menu";
 var Menu_default = Menu;
 
 export { Menu_default };
-//# sourceMappingURL=chunk-QGQ66FJD.js.map
-//# sourceMappingURL=chunk-QGQ66FJD.js.map
+//# sourceMappingURL=chunk-T37VPLS4.js.map
+//# sourceMappingURL=chunk-T37VPLS4.js.map

package/dist/chunk-T37VPLS4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/Menu/index.tsx"],"names":[],"mappings":";;;;;AA0BA,IAAM,gBAAA,GAAkD;AAAA,EACtD,cAAA,EAAgB,iCAAA;AAAA,EAChB,MAAA,EAAQ,+CAAA;AAAA,EACR,YAAA,EAAc,mCAAA;AAAA,EACd,WAAA,EAAa,uCAAA;AAAA,EACb,GAAA,EAAK,qDAAA;AAAA,EACL,SAAA,EAAW;AACb,CAAA;AAEA,IAAM,aAAA,GAAkD;AAAA,EACtD,GAAA,EAAK,MAAA;AAAA,EACL,MAAA,EAAQ;AACV,CAAA;AAEA,IAAM,eAAA,GACJ,gTAAA;AAEF,IAAM,kBAAA,GAAqB,uDAAA;AAK3B,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA,CAAsC,CAAC,KAAA,EAAO,GAAA,KAAQ;AACvE,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA,GAAY,cAAA;AAAA,IACZ,IAAA;AAAA,IACA,WAAA,GAAc,IAAA;AAAA,IACd,WAAA,GAAc,IAAA;AAAA,IACd,mBAAA,GAAsB,KAAA;AAAA,IACtB,WAAA,GAAc,KAAA;AAAA,IACd,KAAA,GAAQ,KAAA;AAAA,IACR,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,SAAS,MAAA,EAAQ,GAAG,WAAU,GAAI,IAAA;AAEtE,EAAA,MAAM,UAAA,GAAa,QAAA,KAAa,MAAA,IAAa,QAAA,KAAa,IAAA;AAC1D,EAAA,MAAM,YAAA,GAAe,OAAO,IAAA,KAAS,SAAA;AACrC,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAU,eAAS,KAAK,CAAA;AACpE,EAAA,MAAM,UAAA,GAAmB,aAAsB,IAAI,CAAA;AACnD,EAAA,MAAM,OAAA,GAAU,YAAA,GAAe,OAAA,CAAQ,IAAI,CAAA,GAAI,gBAAA;AAC/C,EAAA,MAAM,sBACJ,UAAA,KAAe,WAAA,IAAe,OAAA,IAAY,CAAC,iBAAiB,WAAA,IAAe,WAAA,CAAA,CAAA;AAC7E,EAAA,MAAM,iBAAA,GAAoB,SAAA,CAAU,UAAA,CAAW,KAAK,IAAI,KAAA,GAAQ,QAAA;AAEhE,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,IAAI,UAAA,CAAW,YAAY,IAAA,EAAM;AAC/B,MAAA,MAAA,CAAO,YAAA,CAAa,WAAW,OAAO,CAAA;AACtC,MAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,IACvB;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,eAAA,EAAgB;AAChB,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,IAC1B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,eAAA,EAAgB;AAChB,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,UAAA,CAAW,OAAA,GAAU,MAAA,CAAO,UAAA,CAAW,MAAM;AAC3C,QAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,QAAA,UAAA,CAAW,OAAA,GAAU,IAAA;AAAA,MACvB,GAAG,GAAG,CAAA;AAAA,IACR;AAAA,EACF,CAAA;AAEA,EAAM,gBAAU,MAAM;AACpB,IAAA,OAAO,MAAM,eAAA,EAAgB;AAAA,EAC/B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,iBAAA,GAAoB,UACtB,2CAAA,GACA,wCAAA;AAEJ,EAAA,MAAM;AAAA,IACJ,SAAA,EAAW,qBAAA;AAAA,IACX,KAAA,EAAO,YAAA;AAAA,IACP,IAAA,EAAM,WAAA;AAAA,IACN,QAAA,EAAU,eAAA;AAAA,IACV,GAAG;AAAA,GACL,GAAI,gBAAgB,EAAC;AAErB,EAAA,MAAM,WAAA,GACJ,KAAA,IAAS,OAAA,mBACP,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,kBAAA,EAAoB,gBAAgB,CAAA,EAAG,aAAA,EAAW,IAAA,EAAC,CAAA,GACzE,IAAA;AAEN,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,WAAA;AAAA,oBACD,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,SAAA;AAAA,QACJ,GAAA;AAAA,QACA,SAAA,EAAW,OAAA,CAAQ,yCAAA,EAA2C,SAAS,CAAA;AAAA,QACvE,aAAW,OAAA,IAAW,MAAA;AAAA,QACtB,cAAc,CAAA,KAAA,KAAS;AACrB,UAAA,IAAI,WAAA,EAAa;AACf,YAAA,QAAA,EAAS;AAAA,UACX;AACA,UAAA,YAAA,GAAe,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QACA,cAAc,CAAA,KAAA,KAAS;AACrB,UAAA,IAAI,WAAA,EAAa;AACf,YAAA,aAAA,EAAc;AAAA,UAChB;AACA,UAAA,YAAA,GAAe,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QACA,SAAS,CAAA,KAAA,KAAS;AAChB,UAAA,IAAI,WAAA,EAAa;AACf,YAAA,QAAA,EAAS;AAAA,UACX;AACA,UAAA,OAAA,GAAU,KAAK,CAAA;AAAA,QACjB,CAAA;AAAA,QACA,QAAQ,CAAA,KAAA,KAAS;AACf,UAAA,IAAI,WAAA,EAAa;AACf,YAAA,aAAA,EAAc;AAAA,UAChB;AACA,UAAA,MAAA,GAAS,KAAK,CAAA;AAAA,QAChB,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,SAAA,EAAU,CAAA;AAAA,UACtD,mBAAA,mBACC,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACE,GAAG,gBAAA;AAAA,cACJ,SAAA,EAAW,OAAA;AAAA,gBACT,eAAA;AAAA,gBACA,iBAAiB,SAAS,CAAA;AAAA,gBAC1B,cAAc,iBAAiB,CAAA;AAAA,gBAC/B,sBAAsB,YAAA,GAAe,MAAA;AAAA,gBACrC,iBAAA;AAAA,gBACA,gBAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,YAAA,EAAY,UAAU,MAAA,GAAS,QAAA;AAAA,cAC/B,MAAM,WAAA,IAAe,MAAA;AAAA,cACrB,UAAU,eAAA,IAAmB,EAAA;AAAA,cAC7B,KAAA,EAAO,YAAA;AAAA,cACP,cAAc,CAAA,KAAA,KAAS;AACrB,gBAAA,IAAI,WAAA,EAAa;AACf,kBAAA,QAAA,EAAS;AAAA,gBACX;AACA,gBAAA,gBAAA,EAAkB,eAAe,KAAK,CAAA;AAAA,cACxC,CAAA;AAAA,cACA,cAAc,CAAA,KAAA,KAAS;AACrB,gBAAA,IAAI,WAAA,EAAa;AACf,kBAAA,aAAA,EAAc;AAAA,gBAChB;AACA,gBAAA,gBAAA,EAAkB,eAAe,KAAK,CAAA;AAAA,cACxC,CAAA;AAAA,cAEC;AAAA;AAAA,WACH,GACE;AAAA;AAAA;AAAA;AACN,GAAA,EACF,CAAA;AAEJ,CAAC,CAAA;AAED,IAAA,CAAK,WAAA,GAAc,MAAA;AAEnB,IAAO,YAAA,GAAQ","file":"chunk-T37VPLS4.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport type MenuPlacement =\n  | 'bottom-start'\n  | 'bottom'\n  | 'bottom-end'\n  | 'top-start'\n  | 'top'\n  | 'top-end';\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  activator: React.ReactNode;\n  children: React.ReactNode;\n  placement?: MenuPlacement;\n  open?: boolean;\n  openOnHover?: boolean;\n  openOnFocus?: boolean;\n  matchActivatorWidth?: boolean;\n  keepMounted?: boolean;\n  scrim?: boolean;\n  contentClassName?: string;\n  contentProps?: React.HTMLAttributes<HTMLDivElement>;\n  overlayClassName?: string;\n}\n\nconst placementClasses: Record<MenuPlacement, string> = {\n  'bottom-start': 'left-0 top-full origin-top-left',\n  bottom: 'left-1/2 top-full -translate-x-1/2 origin-top',\n  'bottom-end': 'right-0 top-full origin-top-right',\n  'top-start': 'left-0 bottom-full origin-bottom-left',\n  top: 'left-1/2 bottom-full -translate-x-1/2 origin-bottom',\n  'top-end': 'right-0 bottom-full origin-bottom-right'\n};\n\nconst offsetClasses: Record<'top' | 'bottom', string> = {\n  top: 'mb-2',\n  bottom: 'mt-2'\n};\n\nconst menuBaseClasses =\n  'absolute z-50 min-w-[10rem] rounded-xl border border-gray-200/80 bg-white/95 p-2 text-sm text-gray-700 shadow-lg shadow-gray-900/10 ring-1 ring-black/5 backdrop-blur-md transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2';\n\nconst overlayBaseClasses = 'fixed inset-0 z-40 bg-gray-900/30 backdrop-blur-[1px]';\n\n/**\n * Contextual menu that opens relative to an activator with optional hover/focus behavior and scrim.\n */\nconst Menu = React.forwardRef<HTMLDivElement, MenuProps>((props, ref) => {\n  const {\n    activator,\n    children,\n    placement = 'bottom-start',\n    open,\n    openOnHover = true,\n    openOnFocus = true,\n    matchActivatorWidth = false,\n    keepMounted = false,\n    scrim = false,\n    contentClassName,\n    contentProps,\n    overlayClassName,\n    className,\n    ...rest\n  } = props;\n\n  const { onMouseEnter, onMouseLeave, onFocus, onBlur, ...restProps } = rest;\n\n  const hasContent = children !== undefined && children !== null;\n  const isControlled = typeof open === 'boolean';\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const closeTimer = React.useRef<number | null>(null);\n  const visible = isControlled ? Boolean(open) : uncontrolledOpen;\n  const shouldRenderContent =\n    hasContent && (keepMounted || visible || (!isControlled && (openOnHover || openOnFocus)));\n  const verticalPlacement = placement.startsWith('top') ? 'top' : 'bottom';\n\n  const clearCloseTimer = () => {\n    if (closeTimer.current !== null) {\n      window.clearTimeout(closeTimer.current);\n      closeTimer.current = null;\n    }\n  };\n\n  const openMenu = () => {\n    clearCloseTimer();\n    if (!isControlled) {\n      setUncontrolledOpen(true);\n    }\n  };\n\n  const scheduleClose = () => {\n    clearCloseTimer();\n    if (!isControlled) {\n      closeTimer.current = window.setTimeout(() => {\n        setUncontrolledOpen(false);\n        closeTimer.current = null;\n      }, 120);\n    }\n  };\n\n  React.useEffect(() => {\n    return () => clearCloseTimer();\n  }, []);\n\n  const visibilityClasses = visible\n    ? 'pointer-events-auto opacity-100 scale-100'\n    : 'pointer-events-none opacity-0 scale-95';\n\n  const {\n    className: contentExtraClassName,\n    style: contentStyle,\n    role: contentRole,\n    tabIndex: contentTabIndex,\n    ...restContentProps\n  } = contentProps ?? {};\n\n  const overlayNode =\n    scrim && visible ? (\n      <div className={twMerge(overlayBaseClasses, overlayClassName)} aria-hidden />\n    ) : null;\n\n  return (\n    <>\n      {overlayNode}\n      <div\n        {...restProps}\n        ref={ref}\n        className={twMerge('relative inline-flex min-w-0 group/menu', className)}\n        data-open={visible || undefined}\n        onMouseEnter={event => {\n          if (openOnHover) {\n            openMenu();\n          }\n          onMouseEnter?.(event);\n        }}\n        onMouseLeave={event => {\n          if (openOnHover) {\n            scheduleClose();\n          }\n          onMouseLeave?.(event);\n        }}\n        onFocus={event => {\n          if (openOnFocus) {\n            openMenu();\n          }\n          onFocus?.(event);\n        }}\n        onBlur={event => {\n          if (openOnFocus) {\n            scheduleClose();\n          }\n          onBlur?.(event);\n        }}\n      >\n        <div className='inline-flex w-full min-w-0'>{activator}</div>\n        {shouldRenderContent ? (\n          <div\n            {...restContentProps}\n            className={twMerge(\n              menuBaseClasses,\n              placementClasses[placement],\n              offsetClasses[verticalPlacement],\n              matchActivatorWidth ? 'min-w-full' : undefined,\n              visibilityClasses,\n              contentClassName,\n              contentExtraClassName\n            )}\n            data-state={visible ? 'open' : 'closed'}\n            role={contentRole ?? 'menu'}\n            tabIndex={contentTabIndex ?? -1}\n            style={contentStyle}\n            onMouseEnter={event => {\n              if (openOnHover) {\n                openMenu();\n              }\n              restContentProps?.onMouseEnter?.(event);\n            }}\n            onMouseLeave={event => {\n              if (openOnHover) {\n                scheduleClose();\n              }\n              restContentProps?.onMouseLeave?.(event);\n            }}\n          >\n            {children}\n          </div>\n        ) : null}\n      </div>\n    </>\n  );\n});\n\nMenu.displayName = 'Menu';\n\nexport default Menu;\n"]}

package/dist/{chunk-32KFNI6K.js → chunk-U2AL7XFY.js}

@@ -33,19 +33,19 @@ var arrowPlacementClasses = {
   bottom: "left-1/2 bottom-full -translate-x-1/2 translate-y-1/2",
   "bottom-start": "left-4 bottom-full translate-y-1/2",
   "bottom-end": "right-4 bottom-full translate-y-1/2",
-  left: "right-full top-1/2 -translate-y-1/2 translate-x-1/2",
-  "left-start": "right-full top-4 translate-x-1/2",
-  "left-end": "right-full bottom-4 translate-x-1/2",
-  right: "left-full top-1/2 -translate-y-1/2 -translate-x-1/2",
-  "right-start": "left-full top-4 -translate-x-1/2",
-  "right-end": "left-full bottom-4 -translate-x-1/2"
+  left: "left-full top-1/2 -translate-y-1/2 -translate-x-1/2",
+  "left-start": "left-full top-4 -translate-x-1/2",
+  "left-end": "left-full bottom-4 -translate-x-1/2",
+  right: "right-full top-1/2 -translate-y-1/2 translate-x-1/2",
+  "right-start": "right-full top-4 translate-x-1/2",
+  "right-end": "right-full bottom-4 translate-x-1/2"
 };
 var ToolTip = React.forwardRef((props, forwardedRef) => {
   const {
     activator,
     children,
     placement = "top",
-    arrow = true,
+    arrow = false,
     disabled = false,
     persistent = false,
     showOnHover = true,
@@ -86,29 +86,49 @@ var ToolTip = React.forwardRef((props, forwardedRef) => {
     }
     return classes.join(" ");
   })();
-  return /* @__PURE__ */ jsxs("span", { className: twMerge(wrapperBaseClasses, "group/tooltip", wrapperClassName), "data-disabled": disabled || void 0, children: [
-    /* @__PURE__ */ jsx("span", { className: "inline-flex max-w-full", children: activator }),
-    shouldRenderTooltip ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...rest,
-        ref: forwardedRef,
-        role: "tooltip",
-        id,
-        "aria-hidden": persistent || disabled ? void 0 : true,
-        className: twMerge(tooltipBaseClasses, placementClasses[placement], visibilityClasses, pointerClasses, className),
-        style: resolvedStyle,
-        children: [
-          children,
-          arrow && /* @__PURE__ */ jsx("span", { className: twMerge(arrowBaseClasses, arrowPlacementClasses[placement]), "aria-hidden": true, "data-arrow": true })
-        ]
-      }
-    ) : null
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: twMerge(wrapperBaseClasses, "group/tooltip", wrapperClassName),
+      "data-disabled": disabled || void 0,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "inline-flex max-w-full", children: activator }),
+        shouldRenderTooltip ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...rest,
+            ref: forwardedRef,
+            role: "tooltip",
+            id,
+            "aria-hidden": persistent || disabled ? void 0 : true,
+            className: twMerge(
+              tooltipBaseClasses,
+              placementClasses[placement],
+              visibilityClasses,
+              pointerClasses,
+              className
+            ),
+            style: resolvedStyle,
+            children: [
+              children,
+              arrow && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: twMerge(arrowBaseClasses, arrowPlacementClasses[placement]),
+                  "aria-hidden": true,
+                  "data-arrow": true
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
 });
 ToolTip.displayName = "ToolTip";
 var ToolTip_default = ToolTip;
 
 export { ToolTip_default };
-//# sourceMappingURL=chunk-32KFNI6K.js.map
-//# sourceMappingURL=chunk-32KFNI6K.js.map
+//# sourceMappingURL=chunk-U2AL7XFY.js.map
+//# sourceMappingURL=chunk-U2AL7XFY.js.map

package/dist/chunk-U2AL7XFY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/ToolTip/index.tsx"],"names":[],"mappings":"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","file":"chunk-U2AL7XFY.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst tooltipBaseClasses =\n  'absolute z-[60] max-w-xs rounded-lg border border-white/10 bg-gray-900 px-3 py-2 text-xs font-medium text-white shadow-lg shadow-black/30 ring-1 ring-black/40 transition-all duration-150';\nconst wrapperBaseClasses = 'relative inline-flex max-w-full align-middle';\nconst arrowBaseClasses =\n  'pointer-events-none absolute h-2 w-2 rotate-45 border border-white/10 bg-gray-900 shadow-lg shadow-black/20';\n\nconst resolveSizeValue = (value?: string | number) => {\n  if (value === undefined) {\n    return undefined;\n  }\n  return typeof value === 'number' ? `${value}px` : value;\n};\n\nexport type ToolTipPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end';\n\nconst placementClasses: Record<ToolTipPlacement, string> = {\n  top: 'bottom-full left-1/2 -translate-x-1/2 -translate-y-2 origin-bottom',\n  'top-start': 'bottom-full left-0 -translate-y-2 origin-bottom-left',\n  'top-end': 'bottom-full right-0 -translate-y-2 origin-bottom-right',\n  bottom: 'top-full left-1/2 -translate-x-1/2 translate-y-2 origin-top',\n  'bottom-start': 'top-full left-0 translate-y-2 origin-top-left',\n  'bottom-end': 'top-full right-0 translate-y-2 origin-top-right',\n  left: 'right-full top-1/2 -translate-y-1/2 -translate-x-2 origin-right',\n  'left-start': 'right-full top-0 -translate-x-2 origin-top-right',\n  'left-end': 'right-full bottom-0 -translate-x-2 origin-bottom-right',\n  right: 'left-full top-1/2 -translate-y-1/2 translate-x-2 origin-left',\n  'right-start': 'left-full top-0 translate-x-2 origin-top-left',\n  'right-end': 'left-full bottom-0 translate-x-2 origin-bottom-left'\n};\n\nconst arrowPlacementClasses: Record<ToolTipPlacement, string> = {\n  top: 'left-1/2 top-full -translate-x-1/2 -translate-y-1/2',\n  'top-start': 'left-4 top-full -translate-y-1/2',\n  'top-end': 'right-4 top-full -translate-y-1/2',\n  bottom: 'left-1/2 bottom-full -translate-x-1/2 translate-y-1/2',\n  'bottom-start': 'left-4 bottom-full translate-y-1/2',\n  'bottom-end': 'right-4 bottom-full translate-y-1/2',\n  left: 'left-full top-1/2 -translate-y-1/2 -translate-x-1/2',\n  'left-start': 'left-full top-4 -translate-x-1/2',\n  'left-end': 'left-full bottom-4 -translate-x-1/2',\n  right: 'right-full top-1/2 -translate-y-1/2 translate-x-1/2',\n  'right-start': 'right-full top-4 translate-x-1/2',\n  'right-end': 'right-full bottom-4 translate-x-1/2'\n};\n\nexport interface ToolTipProps extends React.HTMLAttributes<HTMLDivElement> {\n  activator: React.ReactNode;\n  placement?: ToolTipPlacement;\n  arrow?: boolean;\n  disabled?: boolean;\n  persistent?: boolean;\n  showOnHover?: boolean;\n  showOnFocus?: boolean;\n  interactive?: boolean;\n  keepMounted?: boolean;\n  maxWidth?: string | number;\n  wrapperClassName?: string;\n}\n\n/**\n * Tooltip wrapper that reveals contextual content around an activator on hover or focus.\n */\nconst ToolTip = React.forwardRef<HTMLDivElement, ToolTipProps>((props, forwardedRef) => {\n  const {\n    activator,\n    children,\n    placement = 'top',\n    arrow = false,\n    disabled = false,\n    persistent = false,\n    showOnHover = true,\n    showOnFocus = true,\n    interactive = false,\n    keepMounted = false,\n    maxWidth = '18rem',\n    wrapperClassName,\n    className,\n    style,\n    id,\n    ...rest\n  } = props;\n\n  const hasRenderableContent = children !== undefined && children !== null;\n  const shouldEnableTriggers = !disabled && (persistent || showOnHover || showOnFocus);\n  const shouldRenderTooltip = hasRenderableContent && (shouldEnableTriggers || keepMounted);\n\n  const resolvedStyle: React.CSSProperties = { ...style };\n  if (resolvedStyle.maxWidth === undefined) {\n    resolvedStyle.maxWidth = resolveSizeValue(maxWidth);\n  }\n\n  const baseVisibility = persistent ? 'opacity-100 scale-100' : 'opacity-0 scale-95';\n  const hoverClasses =\n    !persistent && showOnHover\n      ? ' group-hover/tooltip:opacity-100 group-hover/tooltip:scale-100'\n      : '';\n  const focusClasses =\n    !persistent && showOnFocus\n      ? ' group-focus-within/tooltip:opacity-100 group-focus-within/tooltip:scale-100'\n      : '';\n  const visibilityClasses = `${baseVisibility}${hoverClasses}${focusClasses}`;\n\n  const pointerClasses = (() => {\n    if (persistent) {\n      return 'pointer-events-auto';\n    }\n    if (!interactive) {\n      return 'pointer-events-none';\n    }\n    const classes = ['pointer-events-none'];\n    if (showOnHover) {\n      classes.push('group-hover/tooltip:pointer-events-auto');\n    }\n    if (showOnFocus) {\n      classes.push('group-focus-within/tooltip:pointer-events-auto');\n    }\n    return classes.join(' ');\n  })();\n\n  return (\n    <span\n      className={twMerge(wrapperBaseClasses, 'group/tooltip', wrapperClassName)}\n      data-disabled={disabled || undefined}\n    >\n      <span className='inline-flex max-w-full'>{activator}</span>\n      {shouldRenderTooltip ? (\n        <div\n          {...rest}\n          ref={forwardedRef}\n          role='tooltip'\n          id={id}\n          aria-hidden={persistent || disabled ? undefined : true}\n          className={twMerge(\n            tooltipBaseClasses,\n            placementClasses[placement],\n            visibilityClasses,\n            pointerClasses,\n            className\n          )}\n          style={resolvedStyle}\n        >\n          {children}\n          {arrow && (\n            <span\n              className={twMerge(arrowBaseClasses, arrowPlacementClasses[placement])}\n              aria-hidden\n              data-arrow\n            />\n          )}\n        </div>\n      ) : null}\n    </span>\n  );\n});\n\nToolTip.displayName = 'ToolTip';\n\nexport default ToolTip;\n"]}

package/dist/chunk-VPF7M2PB.js

@@ -0,0 +1,141 @@
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/Blocks/Hero/index.tsx
+var containerVariants = {
+  solid: "bg-gradient-to-br from-primary via-primary/90 to-indigo-600 text-white shadow-2xl shadow-primary/30",
+  outline: "border border-gray-200 bg-white text-gray-900",
+  text: "bg-transparent text-gray-900",
+  ghost: "bg-primary/5 text-gray-900 border border-primary/10",
+  filled: "bg-slate-900 text-white shadow-2xl shadow-slate-900/40",
+  underlined: "border-b-4 border-primary/70 bg-white text-gray-900",
+  rounded: "rounded-3xl border border-gray-100 bg-white text-gray-900 shadow-xl",
+  sharp: "rounded-none border border-gray-200 bg-white text-gray-900 shadow"
+};
+var frameRadii = {
+  solid: "rounded-3xl",
+  outline: "rounded-2xl",
+  text: "rounded-2xl",
+  ghost: "rounded-2xl",
+  filled: "rounded-3xl",
+  underlined: "rounded-2xl",
+  rounded: "rounded-3xl",
+  sharp: "rounded-none"
+};
+var badgeVariants = {
+  solid: "bg-white/10 text-white border border-white/20",
+  outline: "bg-primary/10 text-primary border border-primary/20",
+  text: "bg-primary/10 text-primary border border-primary/20",
+  ghost: "bg-primary/15 text-primary border border-primary/25",
+  filled: "bg-white/10 text-white border border-white/20",
+  underlined: "bg-primary/10 text-primary border border-primary/20",
+  rounded: "bg-primary/10 text-primary border border-primary/20",
+  sharp: "bg-primary/10 text-primary border border-primary/20"
+};
+var Hero = ({
+  title,
+  description,
+  eyebrow,
+  actions = [],
+  stats = [],
+  logos = [],
+  image,
+  variant = "solid",
+  className,
+  ...rest
+}) => {
+  const containerClass = twMerge(
+    "hero-block relative isolate overflow-hidden",
+    containerVariants[variant] ?? containerVariants.solid,
+    className
+  );
+  const badgeClass = twMerge(
+    "inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide",
+    badgeVariants[variant] ?? badgeVariants.solid
+  );
+  const isDark = variant === "solid" || variant === "filled";
+  const subdued = isDark ? "text-white/80" : "text-gray-600";
+  const statMuted = isDark ? "text-white/70" : "text-gray-500";
+  const actionPrimary = isDark ? "bg-white text-gray-900 hover:bg-white/90 focus-visible:outline-white/70" : "bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary/50";
+  const actionSecondary = isDark ? "border border-white/40 text-white hover:bg-white/10 focus-visible:outline-white/60" : "border border-gray-300 text-gray-900 hover:border-primary/60 hover:text-primary focus-visible:outline-primary/50";
+  const frameRadius = frameRadii[variant] ?? "rounded-2xl";
+  const frameDecoration = isDark ? "border-white/10 bg-white/10 shadow-2xl shadow-black/20" : "border-gray-200 bg-white shadow-2xl shadow-gray-200/60";
+  const renderAction = (action, index) => {
+    const { href, label, onClick, variant: actionVariant = "primary" } = action;
+    const Component = href ? "a" : "button";
+    const resolvedClass = actionVariant === "secondary" ? twMerge("bg-white/70", actionSecondary) : twMerge("shadow-lg shadow-primary/25", actionPrimary);
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        href,
+        onClick,
+        className: twMerge(
+          "inline-flex items-center gap-2 rounded-xl px-4 py-3 text-sm font-semibold transition focus-visible:outline  focus-visible:outline-offset-2",
+          resolvedClass
+        ),
+        children: label
+      },
+      `${label}-${index}`
+    );
+  };
+  return /* @__PURE__ */ jsxs("section", { ...rest, className: containerClass, children: [
+    /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute left-24 top-10 h-64 w-64 rounded-full bg-primary/15 blur-3xl" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute -right-16 -bottom-10 h-80 w-80 rounded-full bg-primary/20 blur-3xl" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-6xl flex-col gap-12 px-6 py-16 lg:px-10 lg:py-24", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          eyebrow && /* @__PURE__ */ jsx("span", { className: badgeClass, children: eyebrow }),
+          /* @__PURE__ */ jsx(
+            "h1",
+            {
+              className: twMerge(
+                "text-4xl font-semibold leading-tight sm:text-5xl",
+                isDark ? "text-white" : "text-gray-900"
+              ),
+              children: title
+            }
+          ),
+          description && /* @__PURE__ */ jsx("p", { className: twMerge("text-lg leading-relaxed", subdued), children: description }),
+          actions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: actions.map(renderAction) }),
+          stats.length > 0 && /* @__PURE__ */ jsx("dl", { className: "grid gap-6 sm:grid-cols-3", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx("dd", { className: twMerge("text-3xl font-semibold", isDark ? "text-white" : "text-gray-900"), children: stat.value }),
+            /* @__PURE__ */ jsx("dt", { className: twMerge("text-sm font-medium", statMuted), children: stat.label })
+          ] }, stat.label)) })
+        ] }),
+        image && /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsxs("div", { className: twMerge("relative overflow-hidden backdrop-blur", frameDecoration, frameRadius), children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: image.src,
+              alt: image.alt ?? "",
+              className: twMerge("h-full w-full object-cover", frameRadius),
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 bg-linear-to-t from-black/30 via-transparent to-transparent" })
+        ] }) })
+      ] }),
+      logos.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-6 lg:items-center lg:gap-10", children: [
+        /* @__PURE__ */ jsx("span", { className: twMerge("text-sm font-semibold tracking-wide", subdued), children: "Duveruji nam" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-4 opacity-80", children: logos.map((logo) => /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: logo.src,
+            alt: logo.alt ?? "",
+            className: "h-8 w-auto grayscale transition hover:grayscale-0",
+            loading: "lazy"
+          },
+          logo.src
+        )) })
+      ] })
+    ] })
+  ] });
+};
+Hero.displayName = "Hero";
+var Hero_default = Hero;
+
+export { Hero_default };
+//# sourceMappingURL=chunk-VPF7M2PB.js.map
+//# sourceMappingURL=chunk-VPF7M2PB.js.map

package/dist/chunk-VPF7M2PB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blocks/Hero/index.tsx"],"names":[],"mappings":"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","file":"chunk-VPF7M2PB.js","sourcesContent":["import type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\ntype HeroAction = {\n  label: string;\n  href?: string;\n  variant?: 'primary' | 'secondary';\n  onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;\n};\n\ntype HeroStat = {\n  value: string;\n  label: string;\n};\n\ntype HeroLogo = {\n  src: string;\n  alt?: string;\n};\n\ntype HeroImage = {\n  src: string;\n  alt?: string;\n};\n\nexport type HeroProps = React.HTMLAttributes<HTMLElement> & {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  eyebrow?: string;\n  actions?: HeroAction[];\n  stats?: HeroStat[];\n  logos?: HeroLogo[];\n  image?: HeroImage;\n  variant?: GlobalVariant;\n};\n\nconst containerVariants: Record<GlobalVariant, string> = {\n  solid: 'bg-gradient-to-br from-primary via-primary/90 to-indigo-600 text-white shadow-2xl shadow-primary/30',\n  outline: 'border border-gray-200 bg-white text-gray-900',\n  text: 'bg-transparent text-gray-900',\n  ghost: 'bg-primary/5 text-gray-900 border border-primary/10',\n  filled: 'bg-slate-900 text-white shadow-2xl shadow-slate-900/40',\n  underlined: 'border-b-4 border-primary/70 bg-white text-gray-900',\n  rounded: 'rounded-3xl border border-gray-100 bg-white text-gray-900 shadow-xl',\n  sharp: 'rounded-none border border-gray-200 bg-white text-gray-900 shadow'\n};\n\nconst frameRadii: Record<GlobalVariant, string> = {\n  solid: 'rounded-3xl',\n  outline: 'rounded-2xl',\n  text: 'rounded-2xl',\n  ghost: 'rounded-2xl',\n  filled: 'rounded-3xl',\n  underlined: 'rounded-2xl',\n  rounded: 'rounded-3xl',\n  sharp: 'rounded-none'\n};\n\nconst badgeVariants: Record<GlobalVariant, string> = {\n  solid: 'bg-white/10 text-white border border-white/20',\n  outline: 'bg-primary/10 text-primary border border-primary/20',\n  text: 'bg-primary/10 text-primary border border-primary/20',\n  ghost: 'bg-primary/15 text-primary border border-primary/25',\n  filled: 'bg-white/10 text-white border border-white/20',\n  underlined: 'bg-primary/10 text-primary border border-primary/20',\n  rounded: 'bg-primary/10 text-primary border border-primary/20',\n  sharp: 'bg-primary/10 text-primary border border-primary/20'\n};\n\nconst Hero: React.FC<HeroProps> = ({\n  title,\n  description,\n  eyebrow,\n  actions = [],\n  stats = [],\n  logos = [],\n  image,\n  variant = 'solid',\n  className,\n  ...rest\n}) => {\n  const containerClass = twMerge(\n    'hero-block relative isolate overflow-hidden',\n    containerVariants[variant] ?? containerVariants.solid,\n    className\n  );\n  const badgeClass = twMerge(\n    'inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide',\n    badgeVariants[variant] ?? badgeVariants.solid\n  );\n  const isDark = variant === 'solid' || variant === 'filled';\n  const subdued = isDark ? 'text-white/80' : 'text-gray-600';\n  const statMuted = isDark ? 'text-white/70' : 'text-gray-500';\n  const actionPrimary = isDark\n    ? 'bg-white text-gray-900 hover:bg-white/90 focus-visible:outline-white/70'\n    : 'bg-primary text-white hover:bg-primary/90 focus-visible:outline-primary/50';\n  const actionSecondary = isDark\n    ? 'border border-white/40 text-white hover:bg-white/10 focus-visible:outline-white/60'\n    : 'border border-gray-300 text-gray-900 hover:border-primary/60 hover:text-primary focus-visible:outline-primary/50';\n  const frameRadius = frameRadii[variant] ?? 'rounded-2xl';\n  const frameDecoration = isDark\n    ? 'border-white/10 bg-white/10 shadow-2xl shadow-black/20'\n    : 'border-gray-200 bg-white shadow-2xl shadow-gray-200/60';\n\n  const renderAction = (action: HeroAction, index: number) => {\n    const { href, label, onClick, variant: actionVariant = 'primary' } = action;\n    const Component = href ? 'a' : 'button';\n    const resolvedClass =\n      actionVariant === 'secondary'\n        ? twMerge('bg-white/70', actionSecondary)\n        : twMerge('shadow-lg shadow-primary/25', actionPrimary);\n\n    return (\n      <Component\n        key={`${label}-${index}`}\n        href={href}\n        onClick={onClick as never}\n        className={twMerge(\n          'inline-flex items-center gap-2 rounded-xl px-4 py-3 text-sm font-semibold transition focus-visible:outline  focus-visible:outline-offset-2',\n          resolvedClass\n        )}\n      >\n        {label}\n      </Component>\n    );\n  };\n\n  return (\n    <section {...rest} className={containerClass}>\n      <div className='pointer-events-none absolute inset-0 overflow-hidden'>\n        <div className='absolute left-24 top-10 h-64 w-64 rounded-full bg-primary/15 blur-3xl' />\n        <div className='absolute -right-16 -bottom-10 h-80 w-80 rounded-full bg-primary/20 blur-3xl' />\n      </div>\n      <div className='mx-auto flex max-w-6xl flex-col gap-12 px-6 py-16 lg:px-10 lg:py-24'>\n        <div className='grid items-center gap-12 lg:grid-cols-2'>\n          <div className='space-y-6'>\n            {eyebrow && <span className={badgeClass}>{eyebrow}</span>}\n            <h1\n              className={twMerge(\n                'text-4xl font-semibold leading-tight sm:text-5xl',\n                isDark ? 'text-white' : 'text-gray-900'\n              )}\n            >\n              {title}\n            </h1>\n            {description && <p className={twMerge('text-lg leading-relaxed', subdued)}>{description}</p>}\n            {actions.length > 0 && <div className='flex flex-wrap gap-3'>{actions.map(renderAction)}</div>}\n            {stats.length > 0 && (\n              <dl className='grid gap-6 sm:grid-cols-3'>\n                {stats.map(stat => (\n                  <div key={stat.label} className='space-y-1'>\n                    <dd className={twMerge('text-3xl font-semibold', isDark ? 'text-white' : 'text-gray-900')}>\n                      {stat.value}\n                    </dd>\n                    <dt className={twMerge('text-sm font-medium', statMuted)}>{stat.label}</dt>\n                  </div>\n                ))}\n              </dl>\n            )}\n          </div>\n          {image && (\n            <div className='relative'>\n              <div className={twMerge('relative overflow-hidden backdrop-blur', frameDecoration, frameRadius)}>\n                <img\n                  src={image.src}\n                  alt={image.alt ?? ''}\n                  className={twMerge('h-full w-full object-cover', frameRadius)}\n                  loading='lazy'\n                />\n                <div className='pointer-events-none absolute inset-0 bg-linear-to-t from-black/30 via-transparent to-transparent' />\n              </div>\n            </div>\n          )}\n        </div>\n        {logos.length > 0 && (\n          <div className='flex flex-wrap items-center gap-6 lg:items-center lg:gap-10'>\n            <span className={twMerge('text-sm font-semibold tracking-wide', subdued)}>Duveruji nam</span>\n            <div className='flex flex-wrap items-center gap-4 opacity-80'>\n              {logos.map(logo => (\n                <img\n                  key={logo.src}\n                  src={logo.src}\n                  alt={logo.alt ?? ''}\n                  className='h-8 w-auto grayscale transition hover:grayscale-0'\n                  loading='lazy'\n                />\n              ))}\n            </div>\n          </div>\n        )}\n      </div>\n    </section>\n  );\n};\n\nHero.displayName = 'Hero';\n\nexport default Hero;\n"]}

package/dist/dialog.cjs

@@ -93,24 +93,46 @@ var Dialog = React__namespace.forwardRef((props, forwardedRef) => {
   ) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     activator ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex", children: activator }) : null,
-    shouldRenderDialog ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge(containerBaseClasses, containerClassName), "data-state": state, "aria-hidden": !open, children: [
-      overlayNode,
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge(panelWrapperClasses, fullscreen ? "h-full items-stretch" : "mx-auto"), "data-state": state, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ...rest,
-          ref: forwardedRef,
-          id,
-          role: roleProp,
-          tabIndex,
-          "aria-modal": ariaModal,
-          className: tailwindMerge.twMerge(panelBaseClasses, fullscreen ? "h-full w-full max-w-none rounded-none" : void 0, className),
-          style: resolvedStyle,
-          "data-state": state,
-          children
-        }
-      ) })
-    ] }) : null
+    shouldRenderDialog ? /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: tailwindMerge.twMerge(containerBaseClasses, containerClassName),
+        "data-state": state,
+        "aria-hidden": !open,
+        children: [
+          overlayNode,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: tailwindMerge.twMerge(
+                panelWrapperClasses,
+                fullscreen ? "h-full items-stretch" : "mx-auto"
+              ),
+              "data-state": state,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  ...rest,
+                  ref: forwardedRef,
+                  id,
+                  role: roleProp,
+                  tabIndex,
+                  "aria-modal": ariaModal,
+                  className: tailwindMerge.twMerge(
+                    panelBaseClasses,
+                    fullscreen ? "h-full w-full max-w-none rounded-none" : void 0,
+                    className
+                  ),
+                  style: resolvedStyle,
+                  "data-state": state,
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) : null
   ] });
 });
 Dialog.displayName = "Dialog";