@lindle/linoardo 1.0.22 → 1.0.23

package/dist/index.cjs

@@ -1565,6 +1565,45 @@ function hasNestedChildren(element) {
   const props = element.props;
   return "children" in props;
 }
+var blockBase = "block-base relative overflow-hidden text-gray-900 dark:text-slate-100";
+var blurClasses = {
+  none: "backdrop-blur-none",
+  sm: "backdrop-blur-sm",
+  base: "backdrop-blur",
+  md: "backdrop-blur-md",
+  lg: "backdrop-blur-lg",
+  xl: "backdrop-blur-xl",
+  "2xl": "backdrop-blur-2xl",
+  "3xl": "backdrop-blur-3xl"
+};
+var variantClasses2 = {
+  solid: "rounded-xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10",
+  outline: "rounded-xl bg-white/10 backdrop-opacity-5 border border-white/60 dark:bg-slate-900/30 dark:border-white/20",
+  text: "rounded-xl bg-transparent border border-transparent",
+  ghost: "rounded-xl bg-white/20 backdrop-opacity-5 border border-white/20 dark:bg-slate-900/30 dark:border-white/10",
+  filled: "rounded-xl bg-white/60 backdrop-opacity-5 border border-white/40 dark:bg-slate-900/70 dark:border-white/15",
+  underlined: "rounded-xl bg-white/20 backdrop-opacity-5 border-b border-white/40 dark:bg-slate-900/30 dark:border-white/20",
+  rounded: "rounded-3xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10",
+  sharp: "rounded-none bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10"
+};
+var Block = React3__namespace.forwardRef(function Block2({ className, variant = "solid", blur = "sm", interactive = false, children, ...rest }, ref) {
+  const variantClass = variantClasses2[variant] ?? variantClasses2.solid;
+  const blurClass = blurClasses[blur] ?? blurClasses.sm;
+  const interactiveClass = interactive ? "transition-all duration-200 hover:-translate-y-0.5 hover:shadow-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-slate-900" : void 0;
+  const tabIndexValue = interactive && rest.tabIndex === void 0 ? 0 : rest.tabIndex;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...rest,
+      ref,
+      tabIndex: tabIndexValue,
+      className: tailwindMerge.twMerge(blockBase, variantClass, blurClass, "p-2", interactiveClass, className),
+      children
+    }
+  );
+});
+Block.displayName = "Block";
+var Block_default = Block;
 var masonryBaseClass = "masonry-grid w-full";
 var itemBaseClass = "masonry-item block break-inside-avoid";
 var MasonryBase = (props, ref) => {
@@ -2128,7 +2167,7 @@ var Input = ({
   const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;
   const [isFocused, setIsFocused] = React3__namespace.default.useState(false);
   const classBase = "input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400";
-  const variantClasses3 = {
+  const variantClasses4 = {
     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",
@@ -2164,7 +2203,7 @@ var Input = ({
     warn: "text-amber-600 dark:text-amber-300",
     success: "text-emerald-600 dark:text-emerald-300"
   };
-  const variantClass = variantClasses3[variant] ?? variantClasses3.outline;
+  const variantClass = variantClasses4[variant] ?? variantClasses4.outline;
   const toneClass = status ? statusClasses[status.tone] : void 0;
   let prependIconClass = resolveIconClassName3(icon);
   const sizeConfig = sizeClasses4[size] ?? sizeClasses4.medium;
@@ -2254,7 +2293,7 @@ function generateString(length = 5) {
   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 variantClasses2 = {
+var variantClasses3 = {
   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",
@@ -2297,7 +2336,7 @@ var Select = ({
 }) => {
   const selectId = id || name || generateString();
   const selectName = name || selectId;
-  const variantClass = variantClasses2[variant] ?? variantClasses2.outline;
+  const variantClass = variantClasses3[variant] ?? variantClasses3.outline;
   const sizeConfig = sizeClasses2[size] ?? sizeClasses2.medium;
   const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;
   const normalizedOptions = options.map(normalizeOption);
@@ -3225,6 +3264,7 @@ var Progress = (props) => {
 var Progress_default = Progress;
 
 exports.AppBar = AppBar_default;
+exports.Block = Block_default;
 exports.Button = Button_default;
 exports.Card = Card_default;
 exports.Chip = Chip_default;