@sikka/hawa 0.45.1-next → 0.46.1-next

package/dist/elements/index.d.mts

@@ -98,8 +98,9 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     animation?: "none" | "pulse" | "shimmer";
     content?: any;
     fade?: "top" | "bottom" | "left" | "right";
+    as?: "div" | "input";
 }
-declare function Skeleton({ className, content, animation, fade, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, fade, as, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type AccordionItemProps = {
     trigger: React.ReactNode;

package/dist/elements/index.d.ts

@@ -98,8 +98,9 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     animation?: "none" | "pulse" | "shimmer";
     content?: any;
     fade?: "top" | "bottom" | "left" | "right";
+    as?: "div" | "input";
 }
-declare function Skeleton({ className, content, animation, fade, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, fade, as, ...props }: SkeletonProps): React__default.JSX.Element;
 
 type AccordionItemProps = {
     trigger: React.ReactNode;

package/dist/elements/index.js

@@ -600,6 +600,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -613,6 +614,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react3.default.createElement(
     "div",
     {
@@ -620,6 +625,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -4282,6 +4288,7 @@ var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
+      !props.disabled && "hawa-cursor-pointer",
       "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled='true']:hawa-pointer-events-none data-[disabled='true']:hawa-opacity-50",
       className
     ),
@@ -7430,19 +7437,19 @@ var PhoneInput = ({
 var React50 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react41 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react40 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -7455,7 +7462,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -7487,7 +7494,7 @@ var Icon = (0, import_react40.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -7501,7 +7508,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -9054,7 +9061,7 @@ var PhoneMockup = ({
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -9062,7 +9069,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -9070,7 +9077,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -9078,7 +9085,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -9086,7 +9093,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -9094,7 +9101,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/elements/index.mjs

@@ -26,7 +26,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-QOVVJCFE.mjs";
+} from "../chunk-QUC5EXTF.mjs";
 import {
   useClipboard
 } from "../chunk-WL7C2A5D.mjs";
@@ -41,7 +41,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-XC6FSDW7.mjs";
+} from "../chunk-CIMTNOLA.mjs";
 import {
   Button,
   Card,
@@ -81,7 +81,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-3B7UZCET.mjs";
+} from "../chunk-HJVL6X7I.mjs";
 import {
   __require
 } from "../chunk-2LUXOXAL.mjs";
@@ -1626,6 +1626,7 @@ var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
+      !props.disabled && "hawa-cursor-pointer",
       "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled='true']:hawa-pointer-events-none data-[disabled='true']:hawa-opacity-50",
       className
     ),

package/dist/index.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.8 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

package/dist/index.d.mts

@@ -102,8 +102,9 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     animation?: "none" | "pulse" | "shimmer";
     content?: any;
     fade?: "top" | "bottom" | "left" | "right";
+    as?: "div" | "input";
 }
-declare function Skeleton({ className, content, animation, fade, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, fade, as, ...props }: SkeletonProps): React__default.JSX.Element;
 
 declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -102,8 +102,9 @@ interface SkeletonProps extends React__default.HTMLAttributes<HTMLDivElement> {
     animation?: "none" | "pulse" | "shimmer";
     content?: any;
     fade?: "top" | "bottom" | "left" | "right";
+    as?: "div" | "input";
 }
-declare function Skeleton({ className, content, animation, fade, ...props }: SkeletonProps): React__default.JSX.Element;
+declare function Skeleton({ className, content, animation, fade, as, ...props }: SkeletonProps): React__default.JSX.Element;
 
 declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/index.js

@@ -675,6 +675,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -688,6 +689,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react3.default.createElement(
     "div",
     {
@@ -695,6 +700,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -4357,6 +4363,7 @@ var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
+      !props.disabled && "hawa-cursor-pointer",
       "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled='true']:hawa-pointer-events-none data-[disabled='true']:hawa-opacity-50",
       className
     ),
@@ -7957,19 +7964,19 @@ var PhoneInput = ({
 var React50 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react41 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react40 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -7982,7 +7989,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -8014,7 +8021,7 @@ var Icon = (0, import_react40.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -8028,7 +8035,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -13895,7 +13902,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13903,7 +13910,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13911,7 +13918,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13919,7 +13926,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13927,7 +13934,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13935,7 +13942,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/index.mjs

@@ -423,6 +423,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -436,6 +437,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ React4.createElement(
     "div",
     {
@@ -443,6 +448,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props
@@ -4113,6 +4119,7 @@ var CommandItem = React28.forwardRef(({ className, ...props }, ref) => /* @__PUR
   {
     ref,
     className: cn(
+      !props.disabled && "hawa-cursor-pointer",
       "hawa-relative hawa-flex hawa-cursor-default hawa-select-none hawa-items-center hawa-rounded-sm hawa-px-2 hawa-py-1.5 hawa-text-sm hawa-outline-none aria-selected:hawa-bg-accent aria-selected:hawa-text-accent-foreground data-[disabled='true']:hawa-pointer-events-none data-[disabled='true']:hawa-opacity-50",
       className
     ),
@@ -7713,19 +7720,19 @@ var PhoneInput = ({
 import * as React50 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef25, createElement as createElement24 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 import { forwardRef as forwardRef24, createElement as createElement23 } from "react";
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -7738,7 +7745,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = forwardRef24(
   ({
     color = "currentColor",
@@ -7770,7 +7777,7 @@ var Icon = forwardRef24(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = forwardRef25(
     ({ className, ...props }, ref) => createElement24(Icon, {
@@ -7784,7 +7791,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.424.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.427.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -13662,7 +13669,7 @@ export {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13670,7 +13677,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13678,7 +13685,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13686,7 +13693,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13694,7 +13701,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13702,7 +13709,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.424.0 - ISC
+   * @license lucide-react v0.427.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.

package/dist/input/index.js

@@ -183,6 +183,7 @@ function Skeleton({
   content,
   animation = "pulse",
   fade,
+  as = "div",
   ...props
 }) {
   const animationStyles = {
@@ -196,6 +197,10 @@ function Skeleton({
     right: "hawa-mask-fade-right",
     left: "hawa-mask-fade-left "
   };
+  const styledAs = {
+    div: "",
+    input: "!h-[38px] !w-full"
+  };
   return /* @__PURE__ */ import_react3.default.createElement(
     "div",
     {
@@ -203,6 +208,7 @@ function Skeleton({
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
         fade && fadeStyle[fade],
+        styledAs[as],
         className
       ),
       ...props