@lindle/linoardo 1.0.23 → 1.0.25

package/dist/badge.d.ts

@@ -0,0 +1,71 @@
+import * as react from 'react';
+import { P as Palette } from './global.types-E2uVLemv.js';
+
+type BadgePlacement = 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start' | 'center';
+type IconDefinition = string | [library: string, icon: string];
+type BaseSpanProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'content'>;
+interface BadgeProps extends BaseSpanProps {
+    /**
+     * Content displayed inside the badge. Ignored when dot mode is enabled.
+     */
+    content?: React.ReactNode;
+    /**
+     * Caps numeric content and adds a "+" suffix when overflowed.
+     */
+    max?: number;
+    /**
+     * Controls whether zero numeric values should be rendered.
+     */
+    showZero?: boolean;
+    /**
+     * Renders the badge as a small dot without inner content.
+     */
+    dot?: boolean;
+    /**
+     * Optional icon name. Supports Material Design Icons by default.
+     */
+    icon?: IconDefinition;
+    /**
+     * Visual palette used for the badge background and text.
+     */
+    color?: Palette;
+    /**
+     * Defines the anchor point relative to the wrapped content.
+     */
+    placement?: BadgePlacement;
+    /**
+     * Fine-grained positional adjustment in pixels [x, y].
+     */
+    offset?: [x?: number, y?: number];
+    /**
+     * Controls whether the badge overlaps its anchor element.
+     */
+    overlap?: boolean;
+    /**
+     * Adds a subtle border around the badge for contrast.
+     */
+    bordered?: boolean;
+    /**
+     * Switches to inline rendering so the badge is not absolutely positioned.
+     */
+    floating?: boolean;
+    /**
+     * Toggles display regardless of whether content is provided.
+     */
+    visible?: boolean;
+    /**
+     * Additional class name applied to the badge itself.
+     */
+    badgeClassName?: string;
+    /**
+     * Chooses between inline-flex and block-level layout for the root wrapper.
+     */
+    inline?: boolean;
+}
+
+/**
+ * Notification badge that can render numbers, dots or icons with flexible positioning.
+ */
+declare const Badge: react.FC<BadgeProps>;
+
+export { Badge as default };

package/dist/badge.js

@@ -0,0 +1,3 @@
+export { Badge_default as default } from './chunk-HIRPMCQJ.js';
+//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"badge.js"}

package/dist/block.cjs

@@ -0,0 +1,70 @@
+'use strict';
+
+var React = require('react');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/Blocks/Block/index.tsx
+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 variantClasses = {
+  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 = React__namespace.forwardRef(function Block2({ className, variant = "solid", blur = "sm", interactive = false, children, ...rest }, ref) {
+  const variantClass = variantClasses[variant] ?? variantClasses.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;
+
+module.exports = Block_default;
+//# sourceMappingURL=block.cjs.map
+//# sourceMappingURL=block.cjs.map

package/dist/block.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blocks/Block/index.tsx"],"names":["React","Block","jsx","twMerge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAM,SAAA,GAAY,uEAAA;AAElB,IAAM,WAAA,GAAyC;AAAA,EAC7C,IAAA,EAAM,oBAAA;AAAA,EACN,EAAA,EAAI,kBAAA;AAAA,EACJ,IAAA,EAAM,eAAA;AAAA,EACN,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,KAAA,EAAO,mBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,cAAA,GAAgD;AAAA,EACpD,KAAA,EACE,4GAAA;AAAA,EACF,OAAA,EACE,4GAAA;AAAA,EACF,IAAA,EAAM,qDAAA;AAAA,EACN,KAAA,EACE,4GAAA;AAAA,EACF,MAAA,EACE,4GAAA;AAAA,EACF,UAAA,EACE,8GAAA;AAAA,EACF,OAAA,EACE,6GAAA;AAAA,EACF,KAAA,EACE;AACJ,CAAA;AAKA,IAAM,QAAcA,gBAAA,CAAA,UAAA,CAAuC,SAASC,MAAAA,CAClE,EAAE,WAAW,OAAA,GAAU,OAAA,EAAS,IAAA,GAAO,IAAA,EAAM,cAAc,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,IAC/E,GAAA,EACA;AACA,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,OAAO,CAAA,IAAK,cAAA,CAAe,KAAA;AAC/D,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,IAAI,CAAA,IAAK,WAAA,CAAY,EAAA;AACnD,EAAA,MAAM,gBAAA,GAAmB,cACrB,uPAAA,GACA,MAAA;AACJ,EAAA,MAAM,gBAAgB,WAAA,IAAe,IAAA,CAAK,QAAA,KAAa,MAAA,GAAY,IAAI,IAAA,CAAK,QAAA;AAE5E,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,QAAA,EAAU,aAAA;AAAA,MACV,WAAWC,qBAAA,CAAQ,SAAA,EAAW,cAAc,SAAA,EAAW,KAAA,EAAO,kBAAkB,SAAS,CAAA;AAAA,MAExF;AAAA;AAAA,GACH;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAIpB,IAAO,aAAA,GAAQ","file":"block.cjs","sourcesContent":["import * as React from 'react';\nimport type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport { twMerge } from 'tailwind-merge';\nimport type { BlockBlur, BlockProps } from './types.block';\n\nconst blockBase = 'block-base relative overflow-hidden text-gray-900 dark:text-slate-100';\n\nconst blurClasses: Record<BlockBlur, string> = {\n  none: 'backdrop-blur-none',\n  sm: 'backdrop-blur-sm',\n  base: 'backdrop-blur',\n  md: 'backdrop-blur-md',\n  lg: 'backdrop-blur-lg',\n  xl: 'backdrop-blur-xl',\n  '2xl': 'backdrop-blur-2xl',\n  '3xl': 'backdrop-blur-3xl'\n};\n\nconst variantClasses: Record<GlobalVariant, string> = {\n  solid:\n    'rounded-xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10',\n  outline:\n    'rounded-xl bg-white/10 backdrop-opacity-5 border border-white/60 dark:bg-slate-900/30 dark:border-white/20',\n  text: 'rounded-xl bg-transparent border border-transparent',\n  ghost:\n    'rounded-xl bg-white/20 backdrop-opacity-5 border border-white/20 dark:bg-slate-900/30 dark:border-white/10',\n  filled:\n    'rounded-xl bg-white/60 backdrop-opacity-5 border border-white/40 dark:bg-slate-900/70 dark:border-white/15',\n  underlined:\n    'rounded-xl bg-white/20 backdrop-opacity-5 border-b border-white/40 dark:bg-slate-900/30 dark:border-white/20',\n  rounded:\n    'rounded-3xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10',\n  sharp:\n    'rounded-none bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10'\n};\n\n/**\n * Glass-like block container with blur and shared variant styling.\n */\nconst Block = React.forwardRef<HTMLDivElement, BlockProps>(function Block(\n  { className, variant = 'solid', blur = 'sm', interactive = false, children, ...rest },\n  ref\n) {\n  const variantClass = variantClasses[variant] ?? variantClasses.solid;\n  const blurClass = blurClasses[blur] ?? blurClasses.sm;\n  const interactiveClass = interactive\n    ? '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'\n    : undefined;\n  const tabIndexValue = interactive && rest.tabIndex === undefined ? 0 : rest.tabIndex;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      tabIndex={tabIndexValue}\n      className={twMerge(blockBase, variantClass, blurClass, 'p-2', interactiveClass, className)}\n    >\n      {children}\n    </div>\n  );\n});\n\nBlock.displayName = 'Block';\n\nexport type { BlockProps, BlockBlur };\n\nexport default Block;\n"]}

package/dist/block.d.cts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { G as GlobalVariant } from './global.types-E2uVLemv.cjs';
+
+type BlockBlur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+type BlockProps = react.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visual variant shared across Block components.
+     * @default 'solid'
+     */
+    variant?: GlobalVariant;
+    /**
+     * Backdrop blur intensity mapped to Tailwind's `backdrop-blur-*` utilities.
+     * @default 'sm'
+     */
+    blur?: BlockBlur;
+    /**
+     * Adds hover + focus ring styles for interactive usage.
+     * @default false
+     */
+    interactive?: boolean;
+};
+
+/**
+ * Glass-like block container with blur and shared variant styling.
+ */
+declare const Block: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
+    variant?: GlobalVariant;
+    blur?: BlockBlur;
+    interactive?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { type BlockBlur, type BlockProps, Block as default };

package/dist/block.d.ts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { G as GlobalVariant } from './global.types-E2uVLemv.js';
+
+type BlockBlur = 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+type BlockProps = react.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visual variant shared across Block components.
+     * @default 'solid'
+     */
+    variant?: GlobalVariant;
+    /**
+     * Backdrop blur intensity mapped to Tailwind's `backdrop-blur-*` utilities.
+     * @default 'sm'
+     */
+    blur?: BlockBlur;
+    /**
+     * Adds hover + focus ring styles for interactive usage.
+     * @default false
+     */
+    interactive?: boolean;
+};
+
+/**
+ * Glass-like block container with blur and shared variant styling.
+ */
+declare const Block: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & {
+    variant?: GlobalVariant;
+    blur?: BlockBlur;
+    interactive?: boolean;
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { type BlockBlur, type BlockProps, Block as default };

package/dist/block.js

@@ -0,0 +1,3 @@
+export { Block_default as default } from './chunk-5GT6L4BE.js';
+//# sourceMappingURL=block.js.map
+//# sourceMappingURL=block.js.map

package/dist/block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"block.js"}

package/dist/chunk-5GT6L4BE.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+// src/Blocks/Block/index.tsx
+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 variantClasses = {
+  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 = React.forwardRef(function Block2({ className, variant = "solid", blur = "sm", interactive = false, children, ...rest }, ref) {
+  const variantClass = variantClasses[variant] ?? variantClasses.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__ */ jsx(
+    "div",
+    {
+      ...rest,
+      ref,
+      tabIndex: tabIndexValue,
+      className: twMerge(blockBase, variantClass, blurClass, "p-2", interactiveClass, className),
+      children
+    }
+  );
+});
+Block.displayName = "Block";
+var Block_default = Block;
+
+export { Block_default };
+//# sourceMappingURL=chunk-5GT6L4BE.js.map
+//# sourceMappingURL=chunk-5GT6L4BE.js.map

package/dist/chunk-5GT6L4BE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blocks/Block/index.tsx"],"names":["Block"],"mappings":";;;;;AAKA,IAAM,SAAA,GAAY,uEAAA;AAElB,IAAM,WAAA,GAAyC;AAAA,EAC7C,IAAA,EAAM,oBAAA;AAAA,EACN,EAAA,EAAI,kBAAA;AAAA,EACJ,IAAA,EAAM,eAAA;AAAA,EACN,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,KAAA,EAAO,mBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,cAAA,GAAgD;AAAA,EACpD,KAAA,EACE,4GAAA;AAAA,EACF,OAAA,EACE,4GAAA;AAAA,EACF,IAAA,EAAM,qDAAA;AAAA,EACN,KAAA,EACE,4GAAA;AAAA,EACF,MAAA,EACE,4GAAA;AAAA,EACF,UAAA,EACE,8GAAA;AAAA,EACF,OAAA,EACE,6GAAA;AAAA,EACF,KAAA,EACE;AACJ,CAAA;AAKA,IAAM,QAAc,KAAA,CAAA,UAAA,CAAuC,SAASA,MAAAA,CAClE,EAAE,WAAW,OAAA,GAAU,OAAA,EAAS,IAAA,GAAO,IAAA,EAAM,cAAc,KAAA,EAAO,QAAA,EAAU,GAAG,IAAA,IAC/E,GAAA,EACA;AACA,EAAA,MAAM,YAAA,GAAe,cAAA,CAAe,OAAO,CAAA,IAAK,cAAA,CAAe,KAAA;AAC/D,EAAA,MAAM,SAAA,GAAY,WAAA,CAAY,IAAI,CAAA,IAAK,WAAA,CAAY,EAAA;AACnD,EAAA,MAAM,gBAAA,GAAmB,cACrB,uPAAA,GACA,MAAA;AACJ,EAAA,MAAM,gBAAgB,WAAA,IAAe,IAAA,CAAK,QAAA,KAAa,MAAA,GAAY,IAAI,IAAA,CAAK,QAAA;AAE5E,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,QAAA,EAAU,aAAA;AAAA,MACV,WAAW,OAAA,CAAQ,SAAA,EAAW,cAAc,SAAA,EAAW,KAAA,EAAO,kBAAkB,SAAS,CAAA;AAAA,MAExF;AAAA;AAAA,GACH;AAEJ,CAAC,CAAA;AAED,KAAA,CAAM,WAAA,GAAc,OAAA;AAIpB,IAAO,aAAA,GAAQ","file":"chunk-5GT6L4BE.js","sourcesContent":["import * as React from 'react';\nimport type { GlobalVariant } from '@lindle/linoardo/global.types';\nimport { twMerge } from 'tailwind-merge';\nimport type { BlockBlur, BlockProps } from './types.block';\n\nconst blockBase = 'block-base relative overflow-hidden text-gray-900 dark:text-slate-100';\n\nconst blurClasses: Record<BlockBlur, string> = {\n  none: 'backdrop-blur-none',\n  sm: 'backdrop-blur-sm',\n  base: 'backdrop-blur',\n  md: 'backdrop-blur-md',\n  lg: 'backdrop-blur-lg',\n  xl: 'backdrop-blur-xl',\n  '2xl': 'backdrop-blur-2xl',\n  '3xl': 'backdrop-blur-3xl'\n};\n\nconst variantClasses: Record<GlobalVariant, string> = {\n  solid:\n    'rounded-xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10',\n  outline:\n    'rounded-xl bg-white/10 backdrop-opacity-5 border border-white/60 dark:bg-slate-900/30 dark:border-white/20',\n  text: 'rounded-xl bg-transparent border border-transparent',\n  ghost:\n    'rounded-xl bg-white/20 backdrop-opacity-5 border border-white/20 dark:bg-slate-900/30 dark:border-white/10',\n  filled:\n    'rounded-xl bg-white/60 backdrop-opacity-5 border border-white/40 dark:bg-slate-900/70 dark:border-white/15',\n  underlined:\n    'rounded-xl bg-white/20 backdrop-opacity-5 border-b border-white/40 dark:bg-slate-900/30 dark:border-white/20',\n  rounded:\n    'rounded-3xl bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10',\n  sharp:\n    'rounded-none bg-white/40 backdrop-opacity-5 border border-white/30 dark:bg-slate-900/50 dark:border-white/10'\n};\n\n/**\n * Glass-like block container with blur and shared variant styling.\n */\nconst Block = React.forwardRef<HTMLDivElement, BlockProps>(function Block(\n  { className, variant = 'solid', blur = 'sm', interactive = false, children, ...rest },\n  ref\n) {\n  const variantClass = variantClasses[variant] ?? variantClasses.solid;\n  const blurClass = blurClasses[blur] ?? blurClasses.sm;\n  const interactiveClass = interactive\n    ? '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'\n    : undefined;\n  const tabIndexValue = interactive && rest.tabIndex === undefined ? 0 : rest.tabIndex;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      tabIndex={tabIndexValue}\n      className={twMerge(blockBase, variantClass, blurClass, 'p-2', interactiveClass, className)}\n    >\n      {children}\n    </div>\n  );\n});\n\nBlock.displayName = 'Block';\n\nexport type { BlockProps, BlockBlur };\n\nexport default Block;\n"]}

package/dist/chunk-67BAO35I.js

@@ -0,0 +1,146 @@
+import * as React from 'react';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/Blocks/AppBar/index.tsx
+var positionClasses = {
+  fixed: "fixed inset-x-0 top-0",
+  absolute: "absolute inset-x-0 top-0",
+  sticky: "sticky inset-x-0 top-0",
+  static: "static",
+  relative: "relative"
+};
+var colorClasses = {
+  primary: "bg-primary text-white",
+  surface: "bg-white text-gray-900 border-b border-gray-200",
+  muted: "bg-gray-50 text-gray-900 border-b border-gray-200",
+  dark: "bg-gray-900 text-white",
+  transparent: "bg-transparent text-inherit"
+};
+var AppBar = ({
+  title,
+  logo,
+  logoAlt = "Logo",
+  brandHref,
+  navigation = [],
+  actions,
+  position = "static",
+  color = "surface",
+  dense = false,
+  elevated = true,
+  contained = true,
+  titlePosition = "start",
+  className,
+  children,
+  ...rest
+}) => {
+  const [mobileOpen, setMobileOpen] = React.useState(false);
+  const isDark = color === "primary" || color === "dark";
+  const isTransparent = color === "transparent";
+  const barClass = twMerge(
+    "app-bar z-40 w-full backdrop-blur-md",
+    positionClasses[position] ?? positionClasses.static,
+    colorClasses[color] ?? colorClasses.surface,
+    elevated && !isTransparent ? "shadow-sm shadow-black/10" : void 0,
+    "relative",
+    className
+  );
+  const innerClass = twMerge(
+    "mx-auto flex w-full items-center gap-4",
+    contained ? "max-w-6xl px-4 sm:px-6 lg:px-8" : "px-4",
+    dense ? "py-2.5" : "py-4"
+  );
+  const brandTextClass = isDark ? "text-white" : "text-gray-900";
+  const navBaseClass = twMerge(
+    "inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition focus-visible:outline-none",
+    isDark ? "hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-white/70" : "hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent"
+  );
+  const navActiveClass = isDark ? "bg-white/15 text-white" : "bg-primary/10 text-primary";
+  const renderNavItem = (item, index) => {
+    const { href, label, active, onClick } = item;
+    const Component = href ? "a" : "button";
+    const resolvedHref = href && href.trim().length > 0 ? href : void 0;
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        href: resolvedHref,
+        onClick,
+        className: twMerge(navBaseClass, active ? navActiveClass : void 0),
+        "aria-current": active ? "page" : void 0,
+        children: label
+      },
+      `${resolvedHref ?? "item"}-${index}`
+    );
+  };
+  const brandAlignClass = titlePosition === "center" ? "justify-self-center text-center" : titlePosition === "end" ? "justify-self-end text-right" : "justify-self-start";
+  const brandNode = title || logo ? /* @__PURE__ */ jsxs("div", { className: twMerge("flex min-w-0 items-center gap-3", brandAlignClass), children: [
+    logo ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-white/10 ring-1 ring-black/5", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: logo,
+        alt: logoAlt,
+        className: "h-full w-full object-cover",
+        loading: "lazy",
+        decoding: "async"
+      }
+    ) }) : null,
+    /* @__PURE__ */ jsx("div", { className: "min-w-0", children: title ? /* @__PURE__ */ jsx("div", { className: twMerge("text-base font-semibold leading-tight", brandTextClass), children: brandHref ? /* @__PURE__ */ jsx("a", { href: brandHref, className: "hover:underline focus-visible:outline-none", children: title }) : title }) : null })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs("header", { ...rest, className: barClass, children: [
+    /* @__PURE__ */ jsx("div", { className: innerClass, children: /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-[auto_1fr_auto] items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        navigation.length > 0 ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Otev\u0159\xEDt navigaci",
+            className: twMerge(
+              "inline-flex h-10 w-10 items-center justify-center rounded-xl text-xl sm:hidden",
+              isDark ? "text-white hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-white/60" : "text-gray-700 hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent"
+            ),
+            "aria-expanded": mobileOpen,
+            onClick: () => setMobileOpen((open) => !open),
+            children: /* @__PURE__ */ jsx("i", { className: mobileOpen ? "mdi mdi-close" : "mdi mdi-menu", "aria-hidden": true })
+          }
+        ) : null,
+        navigation.length > 0 ? /* @__PURE__ */ jsx("nav", { className: "hidden items-center gap-1 sm:flex", "aria-label": "Hlavni navigace", children: navigation.map(renderNavItem) }) : null
+      ] }),
+      brandNode,
+      /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center justify-end gap-2", children: [
+        children,
+        actions
+      ] })
+    ] }) }),
+    navigation.length > 0 && mobileOpen ? /* @__PURE__ */ jsx("div", { className: "sm:hidden", children: /* @__PURE__ */ jsx("nav", { className: "absolute inset-x-0 top-full border-t border-gray-200/70 bg-white/95 p-3 shadow-lg shadow-gray-900/5 backdrop-blur-md", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", "aria-label": "Mobilni navigace", children: navigation.map((item, index) => {
+      const { href, label, active, onClick } = item;
+      const Component = href ? "a" : "button";
+      const resolvedHref = href && href.trim().length > 0 ? href : void 0;
+      return /* @__PURE__ */ jsxs(
+        Component,
+        {
+          href: resolvedHref,
+          onClick: (event) => {
+            onClick?.(event);
+            setMobileOpen(false);
+          },
+          className: twMerge(
+            "flex items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition",
+            active ? "bg-primary/10 text-primary" : "text-gray-800 hover:bg-gray-100"
+          ),
+          "aria-current": active ? "page" : void 0,
+          children: [
+            label,
+            active ? /* @__PURE__ */ jsx("i", { className: "mdi mdi-circle-small text-primary", "aria-hidden": true }) : null
+          ]
+        },
+        `${resolvedHref ?? "mobile-item"}-${index}`
+      );
+    }) }) }) }) : null
+  ] });
+};
+AppBar.displayName = "AppBar";
+var AppBar_default = AppBar;
+
+export { AppBar_default };
+//# sourceMappingURL=chunk-67BAO35I.js.map
+//# sourceMappingURL=chunk-67BAO35I.js.map

package/dist/chunk-67BAO35I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Blocks/AppBar/index.tsx"],"names":[],"mappings":";;;;;AAyBA,IAAM,eAAA,GAAwE;AAAA,EAC5E,KAAA,EAAO,uBAAA;AAAA,EACP,QAAA,EAAU,0BAAA;AAAA,EACV,MAAA,EAAQ,wBAAA;AAAA,EACR,MAAA,EAAQ,QAAA;AAAA,EACR,QAAA,EAAU;AACZ,CAAA;AAEA,IAAM,YAAA,GAAkE;AAAA,EACtE,OAAA,EAAS,uBAAA;AAAA,EACT,OAAA,EAAS,iDAAA;AAAA,EACT,KAAA,EAAO,mDAAA;AAAA,EACP,IAAA,EAAM,wBAAA;AAAA,EACN,WAAA,EAAa;AACf,CAAA;AAEA,IAAM,SAAgC,CAAC;AAAA,EACrC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,MAAA;AAAA,EACV,SAAA;AAAA,EACA,aAAa,EAAC;AAAA,EACd,OAAA;AAAA,EACA,QAAA,GAAW,QAAA;AAAA,EACX,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,KAAA;AAAA,EACR,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,IAAA;AAAA,EACZ,aAAA,GAAgB,OAAA;AAAA,EAChB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAU,eAAS,KAAK,CAAA;AAExD,EAAA,MAAM,MAAA,GAAS,KAAA,KAAU,SAAA,IAAa,KAAA,KAAU,MAAA;AAChD,EAAA,MAAM,gBAAgB,KAAA,KAAU,aAAA;AAEhC,EAAA,MAAM,QAAA,GAAW,OAAA;AAAA,IACf,sCAAA;AAAA,IACA,eAAA,CAAgB,QAAQ,CAAA,IAAK,eAAA,CAAgB,MAAA;AAAA,IAC7C,YAAA,CAAa,KAAK,CAAA,IAAK,YAAA,CAAa,OAAA;AAAA,IACpC,QAAA,IAAY,CAAC,aAAA,GAAgB,2BAAA,GAA8B,MAAA;AAAA,IAC3D,UAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,UAAA,GAAa,OAAA;AAAA,IACjB,wCAAA;AAAA,IACA,YAAY,gCAAA,GAAmC,MAAA;AAAA,IAC/C,QAAQ,QAAA,GAAW;AAAA,GACrB;AAEA,EAAA,MAAM,cAAA,GAAiB,SAAS,YAAA,GAAe,eAAA;AAC/C,EAAA,MAAM,YAAA,GAAe,OAAA;AAAA,IACnB,+GAAA;AAAA,IACA,SACI,oEAAA,GACA;AAAA,GACN;AACA,EAAA,MAAM,cAAA,GAAiB,SAAS,wBAAA,GAA2B,4BAAA;AAE3D,EAAA,MAAM,aAAA,GAAgB,CAAC,IAAA,EAAqB,KAAA,KAAkB;AAC5D,IAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,SAAQ,GAAI,IAAA;AACzC,IAAA,MAAM,SAAA,GAAY,OAAO,GAAA,GAAM,QAAA;AAC/B,IAAA,MAAM,eAAe,IAAA,IAAQ,IAAA,CAAK,MAAK,CAAE,MAAA,GAAS,IAAI,IAAA,GAAO,MAAA;AAC7D,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAM,YAAA;AAAA,QACN,OAAA;AAAA,QACA,SAAA,EAAW,OAAA,CAAQ,YAAA,EAAc,MAAA,GAAS,iBAAiB,MAAS,CAAA;AAAA,QACpE,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,QAE/B,QAAA,EAAA;AAAA,OAAA;AAAA,MANI,CAAA,EAAG,YAAA,IAAgB,MAAM,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,KAOzC;AAAA,EAEJ,CAAA;AAEA,EAAA,MAAM,kBACJ,aAAA,KAAkB,QAAA,GACd,iCAAA,GACA,aAAA,KAAkB,QAClB,6BAAA,GACA,oBAAA;AAEN,EAAA,MAAM,SAAA,GACJ,SAAS,IAAA,mBACP,IAAA,CAAC,SAAI,SAAA,EAAW,OAAA,CAAQ,iCAAA,EAAmC,eAAe,CAAA,EACvE,QAAA,EAAA;AAAA,IAAA,IAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gHAAA,EACb,QAAA,kBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,IAAA;AAAA,QACL,GAAA,EAAK,OAAA;AAAA,QACL,SAAA,EAAU,4BAAA;AAAA,QACV,OAAA,EAAQ,MAAA;AAAA,QACR,QAAA,EAAS;AAAA;AAAA,OAEb,CAAA,GACE,IAAA;AAAA,oBACJ,GAAA,CAAC,SAAI,SAAA,EAAU,SAAA,EACZ,kCACC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,uCAAA,EAAyC,cAAc,GAC5E,QAAA,EAAA,SAAA,mBACC,GAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAM,SAAA,EAAW,SAAA,EAAU,8CAC3B,QAAA,EAAA,KAAA,EACH,CAAA,GAEA,KAAA,EAEJ,CAAA,GACE,IAAA,EACN;AAAA,GAAA,EACF,CAAA,GACE,IAAA;AAEN,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAQ,GAAG,IAAA,EAAM,WAAW,QAAA,EAC3B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAA,EAAW,UAAA,EACd,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,0DAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACZ,QAAA,EAAA;AAAA,QAAA,UAAA,CAAW,SAAS,CAAA,mBACnB,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,YAAA,EAAW,0BAAA;AAAA,YACX,SAAA,EAAW,OAAA;AAAA,cACT,gFAAA;AAAA,cACA,SACI,+EAAA,GACA;AAAA,aACN;AAAA,YACA,eAAA,EAAe,UAAA;AAAA,YACf,OAAA,EAAS,MAAM,aAAA,CAAc,CAAA,IAAA,KAAQ,CAAC,IAAI,CAAA;AAAA,YAE1C,8BAAC,GAAA,EAAA,EAAE,SAAA,EAAW,aAAa,eAAA,GAAkB,cAAA,EAAgB,eAAW,IAAA,EAAC;AAAA;AAAA,SAC3E,GACE,IAAA;AAAA,QACH,UAAA,CAAW,MAAA,GAAS,CAAA,mBACnB,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mCAAA,EAAoC,YAAA,EAAW,iBAAA,EAC3D,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,aAAa,GAC/B,CAAA,GACE;AAAA,OAAA,EACN,CAAA;AAAA,MACC,SAAA;AAAA,sBACD,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA;AAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,IACC,UAAA,CAAW,SAAS,CAAA,IAAK,UAAA,uBACvB,KAAA,EAAA,EAAI,SAAA,EAAU,WAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wHACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qBAAA,EAAsB,YAAA,EAAW,oBAC7C,QAAA,EAAA,UAAA,CAAW,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC/B,MAAA,MAAM,EAAE,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,SAAQ,GAAI,IAAA;AACzC,MAAA,MAAM,SAAA,GAAY,OAAO,GAAA,GAAM,QAAA;AAC/B,MAAA,MAAM,eAAe,IAAA,IAAQ,IAAA,CAAK,MAAK,CAAE,MAAA,GAAS,IAAI,IAAA,GAAO,MAAA;AAC7D,MAAA,uBACE,IAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UAEC,IAAA,EAAM,YAAA;AAAA,UACN,SAAS,CAAA,KAAA,KAAS;AAChB,YAAA,OAAA,GAAU,KAAc,CAAA;AACxB,YAAA,aAAA,CAAc,KAAK,CAAA;AAAA,UACrB,CAAA;AAAA,UACA,SAAA,EAAW,OAAA;AAAA,YACT,uFAAA;AAAA,YACA,SAAS,4BAAA,GAA+B;AAAA,WAC1C;AAAA,UACA,cAAA,EAAc,SAAS,MAAA,GAAS,MAAA;AAAA,UAE/B,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,yBACC,GAAA,CAAC,GAAA,EAAA,EAAE,WAAU,mCAAA,EAAoC,aAAA,EAAW,MAAC,CAAA,GAC3D;AAAA;AAAA,SAAA;AAAA,QAfC,CAAA,EAAG,YAAA,IAAgB,aAAa,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,OAgBhD;AAAA,IAEJ,CAAC,CAAA,EACH,CAAA,EACF,CAAA,EACF,CAAA,GACE;AAAA,GAAA,EACN,CAAA;AAEJ,CAAA;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;AAErB,IAAO,cAAA,GAAQ","file":"chunk-67BAO35I.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nexport type AppBarNavItem = {\n  label: React.ReactNode;\n  href?: string;\n  active?: boolean;\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;\n};\n\nexport type AppBarProps = React.HTMLAttributes<HTMLElement> & {\n  title?: React.ReactNode;\n  logo?: string;\n  logoAlt?: string;\n  brandHref?: string;\n  navigation?: AppBarNavItem[];\n  actions?: React.ReactNode;\n  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';\n  color?: 'primary' | 'surface' | 'muted' | 'dark' | 'transparent';\n  dense?: boolean;\n  elevated?: boolean;\n  contained?: boolean;\n  titlePosition?: 'start' | 'center' | 'end';\n};\n\nconst positionClasses: Record<NonNullable<AppBarProps['position']>, string> = {\n  fixed: 'fixed inset-x-0 top-0',\n  absolute: 'absolute inset-x-0 top-0',\n  sticky: 'sticky inset-x-0 top-0',\n  static: 'static',\n  relative: 'relative'\n};\n\nconst colorClasses: Record<NonNullable<AppBarProps['color']>, string> = {\n  primary: 'bg-primary text-white',\n  surface: 'bg-white text-gray-900 border-b border-gray-200',\n  muted: 'bg-gray-50 text-gray-900 border-b border-gray-200',\n  dark: 'bg-gray-900 text-white',\n  transparent: 'bg-transparent text-inherit'\n};\n\nconst AppBar: React.FC<AppBarProps> = ({\n  title,\n  logo,\n  logoAlt = 'Logo',\n  brandHref,\n  navigation = [],\n  actions,\n  position = 'static',\n  color = 'surface',\n  dense = false,\n  elevated = true,\n  contained = true,\n  titlePosition = 'start',\n  className,\n  children,\n  ...rest\n}) => {\n  const [mobileOpen, setMobileOpen] = React.useState(false);\n\n  const isDark = color === 'primary' || color === 'dark';\n  const isTransparent = color === 'transparent';\n\n  const barClass = twMerge(\n    'app-bar z-40 w-full backdrop-blur-md',\n    positionClasses[position] ?? positionClasses.static,\n    colorClasses[color] ?? colorClasses.surface,\n    elevated && !isTransparent ? 'shadow-sm shadow-black/10' : undefined,\n    'relative',\n    className\n  );\n\n  const innerClass = twMerge(\n    'mx-auto flex w-full items-center gap-4',\n    contained ? 'max-w-6xl px-4 sm:px-6 lg:px-8' : 'px-4',\n    dense ? 'py-2.5' : 'py-4'\n  );\n\n  const brandTextClass = isDark ? 'text-white' : 'text-gray-900';\n  const navBaseClass = twMerge(\n    'inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition focus-visible:outline-none',\n    isDark\n      ? 'hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-white/70'\n      : 'hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent'\n  );\n  const navActiveClass = isDark ? 'bg-white/15 text-white' : 'bg-primary/10 text-primary';\n\n  const renderNavItem = (item: AppBarNavItem, index: number) => {\n    const { href, label, active, onClick } = item;\n    const Component = href ? 'a' : 'button';\n    const resolvedHref = href && href.trim().length > 0 ? href : undefined;\n    return (\n      <Component\n        key={`${resolvedHref ?? 'item'}-${index}`}\n        href={resolvedHref}\n        onClick={onClick as never}\n        className={twMerge(navBaseClass, active ? navActiveClass : undefined)}\n        aria-current={active ? 'page' : undefined}\n      >\n        {label}\n      </Component>\n    );\n  };\n\n  const brandAlignClass =\n    titlePosition === 'center'\n      ? 'justify-self-center text-center'\n      : titlePosition === 'end'\n      ? 'justify-self-end text-right'\n      : 'justify-self-start';\n\n  const brandNode =\n    title || logo ? (\n      <div className={twMerge('flex min-w-0 items-center gap-3', brandAlignClass)}>\n        {logo ? (\n          <div className='flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-xl bg-white/10 ring-1 ring-black/5'>\n            <img\n              src={logo}\n              alt={logoAlt}\n              className='h-full w-full object-cover'\n              loading='lazy'\n              decoding='async'\n            />\n          </div>\n        ) : null}\n        <div className='min-w-0'>\n          {title ? (\n            <div className={twMerge('text-base font-semibold leading-tight', brandTextClass)}>\n              {brandHref ? (\n                <a href={brandHref} className='hover:underline focus-visible:outline-none'>\n                  {title}\n                </a>\n              ) : (\n                title\n              )}\n            </div>\n          ) : null}\n        </div>\n      </div>\n    ) : null;\n\n  return (\n    <header {...rest} className={barClass}>\n      <div className={innerClass}>\n        <div className='grid w-full grid-cols-[auto_1fr_auto] items-center gap-3'>\n          <div className='flex items-center gap-2'>\n            {navigation.length > 0 ? (\n              <button\n                type='button'\n                aria-label='Otevřít navigaci'\n                className={twMerge(\n                  'inline-flex h-10 w-10 items-center justify-center rounded-xl text-xl sm:hidden',\n                  isDark\n                    ? 'text-white hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-white/60'\n                    : 'text-gray-700 hover:bg-gray-100 focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent'\n                )}\n                aria-expanded={mobileOpen}\n                onClick={() => setMobileOpen(open => !open)}\n              >\n                <i className={mobileOpen ? 'mdi mdi-close' : 'mdi mdi-menu'} aria-hidden />\n              </button>\n            ) : null}\n            {navigation.length > 0 ? (\n              <nav className='hidden items-center gap-1 sm:flex' aria-label='Hlavni navigace'>\n                {navigation.map(renderNavItem)}\n              </nav>\n            ) : null}\n          </div>\n          {brandNode}\n          <div className='ml-auto flex items-center justify-end gap-2'>\n            {children}\n            {actions}\n          </div>\n        </div>\n      </div>\n      {navigation.length > 0 && mobileOpen ? (\n        <div className='sm:hidden'>\n          <nav className='absolute inset-x-0 top-full border-t border-gray-200/70 bg-white/95 p-3 shadow-lg shadow-gray-900/5 backdrop-blur-md'>\n            <div className='flex flex-col gap-2' aria-label='Mobilni navigace'>\n              {navigation.map((item, index) => {\n                const { href, label, active, onClick } = item;\n                const Component = href ? 'a' : 'button';\n                const resolvedHref = href && href.trim().length > 0 ? href : undefined;\n                return (\n                  <Component\n                    key={`${resolvedHref ?? 'mobile-item'}-${index}`}\n                    href={resolvedHref}\n                    onClick={event => {\n                      onClick?.(event as never);\n                      setMobileOpen(false);\n                    }}\n                    className={twMerge(\n                      'flex items-center justify-between rounded-xl px-3 py-2 text-sm font-medium transition',\n                      active ? 'bg-primary/10 text-primary' : 'text-gray-800 hover:bg-gray-100'\n                    )}\n                    aria-current={active ? 'page' : undefined}\n                  >\n                    {label}\n                    {active ? (\n                      <i className='mdi mdi-circle-small text-primary' aria-hidden />\n                    ) : null}\n                  </Component>\n                );\n              })}\n            </div>\n          </nav>\n        </div>\n      ) : null}\n    </header>\n  );\n};\n\nAppBar.displayName = 'AppBar';\n\nexport default AppBar;\n"]}

package/dist/chunk-6SKW43XI.js

@@ -0,0 +1,14 @@
+// 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;
+}
+
+export { generateString };
+//# sourceMappingURL=chunk-6SKW43XI.js.map
+//# sourceMappingURL=chunk-6SKW43XI.js.map

package/dist/chunk-6SKW43XI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/helpers/randomStr.ts"],"names":[],"mappings":";AAAA,IAAM,UAAA,GAAa,gEAAA;AAEZ,SAAS,cAAA,CAAe,SAAS,CAAA,EAAG;AACzC,EAAA,IAAI,MAAA,GAAiB,EAAA;AACrB,EAAA,MAAM,mBAAmB,UAAA,CAAW,MAAA;AACpC,EAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,MAAA,EAAQ,CAAA,EAAA,EAAK;AAC/B,IAAA,MAAA,IAAU,UAAA,CAAW,OAAO,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,GAAI,gBAAgB,CAAC,CAAA;AAAA,EAC1E;AAEA,EAAA,OAAO,MAAA;AACT","file":"chunk-6SKW43XI.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"]}

package/dist/{chunk-JGEXEDKS.js → chunk-AUFMBVXA.js}

@@ -144,13 +144,13 @@ var Input = ({
         {
           htmlFor: inputName,
           className: twMerge(
-            "absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200",
+            "absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200",
             labelLeftClass,
             // Floated state: center label's vertical middle on the top border line
-            "top-0 -translate-y-2/3 text-xs px-1",
+            "-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1",
             labelBgDefault,
             // focus state mirrors floated state (keeps center on border)
-            "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white/90 peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300",
+            "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300",
             // when input is empty (placeholder shown) -> center label inside input
             "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400"
           ),
@@ -164,5 +164,5 @@ var Input = ({
 var Input_default = Input;
 
 export { Input_default };
-//# sourceMappingURL=chunk-JGEXEDKS.js.map
-//# sourceMappingURL=chunk-JGEXEDKS.js.map
+//# sourceMappingURL=chunk-AUFMBVXA.js.map
+//# sourceMappingURL=chunk-AUFMBVXA.js.map

package/dist/{chunk-JGEXEDKS.js.map → chunk-AUFMBVXA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName"],"mappings":"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","file":"chunk-JGEXEDKS.js","sourcesContent":["import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input: React.FC<InputProp> = ({\n  variant = 'outline',\n  size = 'medium',\n  success,\n  error,\n  warn,\n  icon,\n  className,\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const { placeholder, onFocus, onBlur, ...inputProps } = props;\n  const reactId = React.useId();\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n  const [isFocused, setIsFocused] = React.useState(false);\n  const classBase =\n    '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';\n  const 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 px-0 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 px-0 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 px-4 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  const sizeClasses = {\n    'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n    small: {\n      paddingNoIcon: 'px-2.5 py-2.5',\n      paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n      text: 'text-sm'\n    },\n    medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n    large: {\n      paddingNoIcon: 'px-3.5 py-3.5',\n      paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n      text: 'text-lg'\n    },\n    'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n  } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n  const status = error\n    ? { tone: 'error' as const, message: error }\n    : warn\n    ? { tone: 'warn' as const, message: warn }\n    : success\n    ? { tone: 'success' as const, message: success }\n    : undefined;\n\n  const statusClasses = {\n    error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n    warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n    success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n  } as const;\n\n  const statusMessageClasses = {\n    error: 'text-red-600 dark:text-red-300',\n    warn: 'text-amber-600 dark:text-amber-300',\n    success: 'text-emerald-600 dark:text-emerald-300'\n  } as const;\n\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const toneClass = status ? statusClasses[status.tone] : undefined;\n  let prependIconClass = resolveIconClassName(icon);\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = [\n    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n    sizeConfig.text\n  ].join(' ');\n\n  // useId keeps SSR/CSR ids consistent while still providing a fallback name\n  const inputName = inputProps.name || reactId;\n\n  // Ensure placeholder is present when label exists so :placeholder-shown works.\n  // Label stays primary; placeholder only appears on focus when the field is empty.\n  const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n  const placeholderValue = hidePlaceholderUntilFocus\n    ? isFocused\n      ? placeholder\n      : ' '\n    : basePlaceholder;\n  const placeholderClass = hidePlaceholderUntilFocus\n    ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n    : undefined;\n\n  // Label left offset depends on icon presence\n  const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n  // Background for floated label — keep transparent for outline/text/underlined variants\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<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        {prependIconClass && (\n          <i\n            className={twMerge(\n              'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n              (status?.tone && statusMessageClasses[status?.tone]) || '',\n              prependIconClass\n            )}\n            aria-hidden\n          />\n        )}\n\n        {/* input is peer so label can react with peer-* utilities */}\n        <input\n          {...inputProps}\n          id={inputName}\n          name={inputName}\n          placeholder={placeholderValue}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className={twMerge(\n            'peer',\n            classBase,\n            variantClass,\n            toneClass,\n            sizeClass,\n            placeholderClass,\n            className\n          )}\n        />\n\n        {label && (\n          <label\n            htmlFor={inputName}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              // Floated state: center label's vertical middle on the top border line\n              'top-0 -translate-y-2/3 text-xs px-1',\n              labelBgDefault,\n              // focus state mirrors floated state (keeps center on border)\n              'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white/90 peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n              // when input is empty (placeholder shown) -> center label inside input\n              'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n            )}\n          >\n            {label}\n          </label>\n        )}\n\n        {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n      </div>\n      {status?.message && (\n        <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n          {status.message}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n"]}
+{"version":3,"sources":["../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName"],"mappings":"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","file":"chunk-AUFMBVXA.js","sourcesContent":["import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input: React.FC<InputProp> = ({\n  variant = 'outline',\n  size = 'medium',\n  success,\n  error,\n  warn,\n  icon,\n  className,\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const { placeholder, onFocus, onBlur, ...inputProps } = props;\n  const reactId = React.useId();\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n  const [isFocused, setIsFocused] = React.useState(false);\n  const classBase =\n    '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';\n  const 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 px-0 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 px-0 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 px-4 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  const sizeClasses = {\n    'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n    small: {\n      paddingNoIcon: 'px-2.5 py-2.5',\n      paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n      text: 'text-sm'\n    },\n    medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n    large: {\n      paddingNoIcon: 'px-3.5 py-3.5',\n      paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n      text: 'text-lg'\n    },\n    'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n  } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n  const status = error\n    ? { tone: 'error' as const, message: error }\n    : warn\n    ? { tone: 'warn' as const, message: warn }\n    : success\n    ? { tone: 'success' as const, message: success }\n    : undefined;\n\n  const statusClasses = {\n    error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n    warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n    success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n  } as const;\n\n  const statusMessageClasses = {\n    error: 'text-red-600 dark:text-red-300',\n    warn: 'text-amber-600 dark:text-amber-300',\n    success: 'text-emerald-600 dark:text-emerald-300'\n  } as const;\n\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const toneClass = status ? statusClasses[status.tone] : undefined;\n  let prependIconClass = resolveIconClassName(icon);\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = [\n    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n    sizeConfig.text\n  ].join(' ');\n\n  // useId keeps SSR/CSR ids consistent while still providing a fallback name\n  const inputName = inputProps.name || reactId;\n\n  // Ensure placeholder is present when label exists so :placeholder-shown works.\n  // Label stays primary; placeholder only appears on focus when the field is empty.\n  const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n  const placeholderValue = hidePlaceholderUntilFocus\n    ? isFocused\n      ? placeholder\n      : ' '\n    : basePlaceholder;\n  const placeholderClass = hidePlaceholderUntilFocus\n    ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n    : undefined;\n\n  // Label left offset depends on icon presence\n  const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n  // Background for floated label — keep transparent for outline/text/underlined variants\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<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        {prependIconClass && (\n          <i\n            className={twMerge(\n              'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n              (status?.tone && statusMessageClasses[status?.tone]) || '',\n              prependIconClass\n            )}\n            aria-hidden\n          />\n        )}\n\n        {/* input is peer so label can react with peer-* utilities */}\n        <input\n          {...inputProps}\n          id={inputName}\n          name={inputName}\n          placeholder={placeholderValue}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className={twMerge(\n            'peer',\n            classBase,\n            variantClass,\n            toneClass,\n            sizeClass,\n            placeholderClass,\n            className\n          )}\n        />\n\n        {label && (\n          <label\n            htmlFor={inputName}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200',\n              labelLeftClass,\n              // Floated state: center label's vertical middle on the top border line\n              '-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1',\n              labelBgDefault,\n              // focus state mirrors floated state (keeps center on border)\n              'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n              // when input is empty (placeholder shown) -> center label inside input\n              'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n            )}\n          >\n            {label}\n          </label>\n        )}\n\n        {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n      </div>\n      {status?.message && (\n        <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n          {status.message}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n"]}