@flamingo-stack/openframe-frontend-core 0.0.295 → 0.0.296-snapshot.20260621021605

package/dist/chunk-M2OCXTNT.js

@@ -1,311 +0,0 @@
-"use client";
-import {
-  cn,
-  init_cn
-} from "./chunk-XTCBRQN2.js";
-import {
-  CheckboxCheckmarkIcon
-} from "./chunk-6U3IUD57.js";
-
-// src/components/ui/field-wrapper.tsx
-init_cn();
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var errorVariantClasses = {
-  error: "text-ods-error",
-  warning: "text-[var(--ods-attention-yellow-warning)]"
-};
-var FieldWrapper = React.forwardRef(
-  ({ label, error, errorVariant = "error", className, children }, ref) => {
-    const hasChrome = label != null || error != null;
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn(hasChrome ? "relative flex w-full flex-col" : "contents", className), children: [
-      label && /* @__PURE__ */ jsx("label", { className: "text-h4 text-ods-text-primary mb-1", children: label }),
-      children,
-      error && /* @__PURE__ */ jsx("p", { className: cn("absolute bottom-0 left-0 right-0 translate-y-full text-h6 truncate", errorVariantClasses[errorVariant]), title: error, children: error })
-    ] });
-  }
-);
-FieldWrapper.displayName = "FieldWrapper";
-
-// src/components/ui/input.tsx
-init_cn();
-import * as React2 from "react";
-import { Loader2 } from "lucide-react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var invalidBorderClasses = {
-  error: "border-ods-error hover:border-ods-error has-[:focus]:border-ods-error",
-  warning: "!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]"
-};
-var Input = React2.forwardRef(
-  ({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = "error", loading = false, ...props }, ref) => {
-    const isInvalid = invalid || !!error;
-    if (type === "range") {
-      const rangeInput = /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "range",
-          className: cn(
-            "w-full cursor-pointer appearance-none rounded-full bg-white/30 h-1",
-            // Webkit (Chrome/Safari) thumb
-            "[&::-webkit-slider-thumb]:appearance-none",
-            "[&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3",
-            "[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white",
-            "[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm",
-            // Firefox thumb
-            "[&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3",
-            "[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white",
-            "[&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer",
-            // Firefox track
-            "[&::-moz-range-track]:bg-transparent",
-            // Disabled
-            "disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          ref,
-          ...props
-        }
-      );
-      return label ? /* @__PURE__ */ jsx2(FieldWrapper, { label, error, errorVariant, children: rangeInput }) : rangeInput;
-    }
-    const content = /* @__PURE__ */ jsxs2(
-      "label",
-      {
-        "data-invalid": isInvalid || void 0,
-        className: cn(
-          // Layout & spacing
-          "flex w-full items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text",
-          // Focus-within states
-          "has-[:focus-visible]:outline-none",
-          "group",
-          // Animations & touch UX
-          "transition-colors duration-200",
-          // Theme palette
-          "bg-ods-card border-ods-border has-[:focus]:border-ods-accent",
-          // Hover & active (not disabled)
-          !props.disabled && "hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active",
-          // Disabled
-          props.disabled && "!cursor-not-allowed bg-ods-bg",
-          // Invalid
-          isInvalid && invalidBorderClasses[errorVariant],
-          className
-        ),
-        children: [
-          startAdornment && /* @__PURE__ */ jsx2("span", { className: "text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6", children: startAdornment }),
-          /* @__PURE__ */ jsx2(
-            "input",
-            {
-              type,
-              className: cn(
-                // Layout
-                "flex-1 min-w-0 bg-transparent border-none outline-none",
-                // Typography
-                "text-h4",
-                // Colors
-                "text-ods-text-primary placeholder:text-ods-text-secondary",
-                // File input adjustments
-                "file:border-0 file:bg-transparent",
-                // Disabled
-                "disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border",
-                // Touch
-                "touch-manipulation",
-                // Autofill override
-                "[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]"
-              ),
-              ref,
-              ...props
-            }
-          ),
-          loading && /* @__PURE__ */ jsx2(Loader2, { className: "animate-spin flex-shrink-0 text-ods-text-secondary size-4 md:size-6" }),
-          !loading && endAdornment && /* @__PURE__ */ jsx2("span", { className: "text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6", children: endAdornment })
-        ]
-      }
-    );
-    return /* @__PURE__ */ jsx2(FieldWrapper, { label, error, errorVariant, children: content });
-  }
-);
-Input.displayName = "Input";
-
-// src/components/ui/checkbox.tsx
-init_cn();
-import * as React3 from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Checkbox = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-ods-accent data-[state=checked]:border-ods-accent",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx3(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-ods-text-on-accent"),
-        children: /* @__PURE__ */ jsx3(CheckboxCheckmarkIcon, { size: 10 })
-      }
-    )
-  }
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-// src/components/ui/skeleton.tsx
-init_cn();
-import * as React4 from "react";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Skeleton = React4.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx4(
-      "div",
-      {
-        ref,
-        className: cn(
-          "animate-pulse rounded-md bg-ods-border",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-Skeleton.displayName = "Skeleton";
-var SkeletonText = React4.forwardRef(
-  ({ lines = 1, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx4("div", { ref, className: cn("space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx4(
-      Skeleton,
-      {
-        className: cn(
-          "h-4",
-          i === lines - 1 && lines > 1 && "w-3/4"
-          // Last line shorter for multi-line
-        )
-      },
-      i
-    )) });
-  }
-);
-SkeletonText.displayName = "SkeletonText";
-var SkeletonCard = React4.forwardRef(
-  ({ showImage = false, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        ref,
-        className: cn(
-          "rounded-lg border border-ods-border overflow-hidden",
-          className
-        ),
-        ...props,
-        children: [
-          showImage && /* @__PURE__ */ jsx4(Skeleton, { className: "h-48 w-full" }),
-          /* @__PURE__ */ jsxs3("div", { className: "p-6", children: [
-            /* @__PURE__ */ jsx4(Skeleton, { className: "h-6 w-3/4 mb-4" }),
-            /* @__PURE__ */ jsx4(SkeletonText, { lines: 3 })
-          ] })
-        ]
-      }
-    );
-  }
-);
-SkeletonCard.displayName = "SkeletonCard";
-var SkeletonGrid = React4.forwardRef(
-  ({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx4(
-      "div",
-      {
-        ref,
-        className: cn(
-          `grid grid-cols-1 gap-6`,
-          columns === 2 && "md:grid-cols-2",
-          columns === 3 && "md:grid-cols-3",
-          columns === 4 && "md:grid-cols-4",
-          className
-        ),
-        ...props,
-        children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx4(SkeletonCard, { showImage: showImages }, i))
-      }
-    );
-  }
-);
-SkeletonGrid.displayName = "SkeletonGrid";
-var SkeletonButton = React4.forwardRef(
-  ({ size = "default", className, ...props }, ref) => {
-    const sizeClasses = {
-      sm: "h-8 w-20",
-      default: "h-10 w-32",
-      lg: "h-12 w-40"
-    };
-    return /* @__PURE__ */ jsx4(
-      Skeleton,
-      {
-        ref,
-        className: cn(
-          "rounded-lg",
-          sizeClasses[size],
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-SkeletonButton.displayName = "SkeletonButton";
-var SkeletonHeading = React4.forwardRef(
-  ({ level = 1, className, ...props }, ref) => {
-    const heightClasses = {
-      1: "h-12",
-      2: "h-10",
-      3: "h-8",
-      4: "h-7",
-      5: "h-6",
-      6: "h-5"
-    };
-    return /* @__PURE__ */ jsx4(
-      Skeleton,
-      {
-        ref,
-        className: cn(
-          heightClasses[level],
-          "w-3/4",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-SkeletonHeading.displayName = "SkeletonHeading";
-var SkeletonList = React4.forwardRef(
-  ({ items = 5, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx4("div", { ref, className: cn("space-y-3", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx4(Skeleton, { className: "h-10 w-10 rounded-full flex-shrink-0" }),
-      /* @__PURE__ */ jsxs3("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-4 w-1/3 mb-1" }),
-        /* @__PURE__ */ jsx4(Skeleton, { className: "h-3 w-1/2" })
-      ] })
-    ] }, i)) });
-  }
-);
-SkeletonList.displayName = "SkeletonList";
-var SkeletonNavigation = React4.forwardRef(
-  ({ items = 6, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx4("div", { ref, className: cn("flex items-center gap-6", className), ...props, children: Array.from({ length: items }).map((_, i) => /* @__PURE__ */ jsx4(Skeleton, { className: "h-5 w-20" }, i)) });
-  }
-);
-SkeletonNavigation.displayName = "SkeletonNavigation";
-
-export {
-  FieldWrapper,
-  Input,
-  Checkbox,
-  Skeleton,
-  SkeletonText,
-  SkeletonCard,
-  SkeletonGrid,
-  SkeletonButton,
-  SkeletonHeading,
-  SkeletonList,
-  SkeletonNavigation
-};
-//# sourceMappingURL=chunk-M2OCXTNT.js.map

package/dist/chunk-M2OCXTNT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/field-wrapper.tsx","../src/components/ui/input.tsx","../src/components/ui/checkbox.tsx","../src/components/ui/skeleton.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../utils/cn\"\n\nexport interface FieldWrapperProps {\n  /** Label text displayed above the field */\n  label?: string\n  /** Error message displayed below the field. Space is always reserved to prevent layout shifts. */\n  error?: string\n  /** Color variant for the error message: \"error\" (red) or \"warning\" (yellow) */\n  errorVariant?: \"error\" | \"warning\"\n  /** Additional className for the outer wrapper */\n  className?: string\n  children: React.ReactNode\n}\n\nconst errorVariantClasses = {\n  error: \"text-ods-error\",\n  warning: \"text-[var(--ods-attention-yellow-warning)]\",\n} as const\n\nconst FieldWrapper = React.forwardRef<HTMLDivElement, FieldWrapperProps>(\n  ({ label, error, errorVariant = \"error\", className, children }, ref) => {\n    const hasChrome = label != null || error != null\n\n    return (\n      <div ref={ref} className={cn(hasChrome ? \"relative flex w-full flex-col\" : \"contents\", className)}>\n        {label && (\n          <label className=\"text-h4 text-ods-text-primary mb-1\">\n            {label}\n          </label>\n        )}\n        {children}\n        {error && (\n          <p className={cn(\"absolute bottom-0 left-0 right-0 translate-y-full text-h6 truncate\", errorVariantClasses[errorVariant])} title={error}>\n            {error}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\nFieldWrapper.displayName = \"FieldWrapper\"\n\nexport { FieldWrapper }\n","\"use client\"\n\nimport * as React from \"react\";\n\nimport { Loader2 } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  /** When true, renders error border & ring */\n  invalid?: boolean;\n  /** Element displayed at the start (left) of the input */\n  startAdornment?: React.ReactNode;\n  /** Element displayed at the end (right) of the input */\n  endAdornment?: React.ReactNode;\n  /** Label text displayed above the input */\n  label?: string;\n  /** Error message displayed below the input */\n  error?: string;\n  /** Color variant for error state: \"error\" (red) or \"warning\" (yellow) */\n  errorVariant?: \"error\" | \"warning\";\n  /** When true, shows a loading spinner as end adornment */\n  loading?: boolean;\n}\n\nconst invalidBorderClasses = {\n  error: \"border-ods-error hover:border-ods-error has-[:focus]:border-ods-error\",\n  warning: \"!border-[var(--ods-attention-yellow-warning)] hover:!border-[var(--ods-attention-yellow-warning)] has-[:focus]:!border-[var(--ods-attention-yellow-warning)]\",\n} as const;\n\nconst Input = React.forwardRef<HTMLInputElement, InputProps>(\n  ({ className, type, invalid = false, startAdornment, endAdornment, label, error, errorVariant = \"error\", loading = false, ...props }, ref) => {\n    const isInvalid = invalid || !!error\n\n    // Range inputs get a clean slider rendering — no label wrapper, borders, or adornments\n    if (type === 'range') {\n      const rangeInput = (\n        <input\n          type=\"range\"\n          className={cn(\n            \"w-full cursor-pointer appearance-none rounded-full bg-white/30 h-1\",\n            // Webkit (Chrome/Safari) thumb\n            \"[&::-webkit-slider-thumb]:appearance-none\",\n            \"[&::-webkit-slider-thumb]:w-3 [&::-webkit-slider-thumb]:h-3\",\n            \"[&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-white\",\n            \"[&::-webkit-slider-thumb]:cursor-pointer [&::-webkit-slider-thumb]:shadow-sm\",\n            // Firefox thumb\n            \"[&::-moz-range-thumb]:w-3 [&::-moz-range-thumb]:h-3\",\n            \"[&::-moz-range-thumb]:rounded-full [&::-moz-range-thumb]:bg-white\",\n            \"[&::-moz-range-thumb]:border-0 [&::-moz-range-thumb]:cursor-pointer\",\n            // Firefox track\n            \"[&::-moz-range-track]:bg-transparent\",\n            // Disabled\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        />\n      )\n      return label ? (\n        <FieldWrapper label={label} error={error} errorVariant={errorVariant}>\n          {rangeInput}\n        </FieldWrapper>\n      ) : rangeInput\n    }\n\n    const content = (\n      <label\n        data-invalid={isInvalid || undefined}\n        className={cn(\n          // Layout & spacing\n          \"flex w-full items-center gap-2 rounded-[6px] border px-3 h-11 md:h-12 cursor-text\",\n          // Focus-within states\n          \"has-[:focus-visible]:outline-none\",\n          \"group\",\n          // Animations & touch UX\n          \"transition-colors duration-200\",\n          // Theme palette\n          \"bg-ods-card border-ods-border has-[:focus]:border-ods-accent\",\n          // Hover & active (not disabled)\n          !props.disabled && \"hover:bg-ods-bg-hover hover:border-ods-border-hover active:bg-ods-bg-active active:border-ods-border-active\",\n          // Disabled\n          props.disabled && \"!cursor-not-allowed bg-ods-bg\",\n          // Invalid\n          isInvalid && invalidBorderClasses[errorVariant],\n          className\n        )}\n      >\n        {startAdornment && (\n          <span className=\"text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {startAdornment}\n          </span>\n        )}\n        <input\n          type={type}\n          className={cn(\n            // Layout\n            \"flex-1 min-w-0 bg-transparent border-none outline-none\",\n            // Typography\n            \"text-h4\",\n            // Colors\n            \"text-ods-text-primary placeholder:text-ods-text-secondary\",\n            // File input adjustments\n            \"file:border-0 file:bg-transparent\",\n            // Disabled\n            \"disabled:cursor-not-allowed disabled:text-ods-text-disabled disabled:placeholder:text-ods-border\",\n            // Touch\n            \"touch-manipulation\",\n            // Autofill override\n            \"[&:-webkit-autofill]:[-webkit-box-shadow:0_0_0_9999px_transparent_inset] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--color-text-primary)] [&:-webkit-autofill]:[caret-color:var(--color-text-primary)] [&:-webkit-autofill]:[transition:background-color_9999s_ease-in-out_0s]\"\n          )}\n          ref={ref}\n          {...props}\n        />\n        {loading && (\n          <Loader2 className=\"animate-spin flex-shrink-0 text-ods-text-secondary size-4 md:size-6\" />\n        )}\n        {!loading && endAdornment && (\n          <span className=\"text-h6 flex-shrink-0 text-ods-text-secondary transition-colors duration-200 group-has-[:focus]:text-ods-accent group-data-[invalid]:text-ods-error [&_svg]:size-4 md:[&_svg]:size-6\">\n            {endAdornment}\n          </span>\n        )}\n      </label>\n    )\n\n    return (\n      <FieldWrapper label={label} error={error} errorVariant={errorVariant}>\n        {content}\n      </FieldWrapper>\n    )\n  }\n)\nInput.displayName = \"Input\"\n\nexport { Input };\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\n\nimport { cn } from \"../../utils/cn\"\nimport { CheckboxCheckmarkIcon } from \"../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon\"\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-ods-accent data-[state=checked]:border-ods-accent\",\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-ods-text-on-accent\")}\n    >\n      <CheckboxCheckmarkIcon size={10} />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n","\"use client\"\n\nimport * as React from 'react'\nimport { cn } from \"../../utils/cn\"\n\ninterface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  className?: string\n}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          \"animate-pulse rounded-md bg-ods-border\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeleton.displayName = 'Skeleton'\n\ninterface SkeletonTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  lines?: number\n  className?: string\n}\n\nconst SkeletonText = React.forwardRef<HTMLDivElement, SkeletonTextProps>(\n  ({ lines = 1, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-2\", className)} {...props}>\n        {Array.from({ length: lines }).map((_, i) => (\n          <Skeleton \n            key={i} \n            className={cn(\n              \"h-4\",\n              i === lines - 1 && lines > 1 && \"w-3/4\" // Last line shorter for multi-line\n            )} \n          />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonText.displayName = 'SkeletonText'\n\ninterface SkeletonCardProps extends React.HTMLAttributes<HTMLDivElement> {\n  showImage?: boolean\n  className?: string\n}\n\nconst SkeletonCard = React.forwardRef<HTMLDivElement, SkeletonCardProps>(\n  ({ showImage = false, className, ...props }, ref) => {\n    return (\n      <div \n        ref={ref}\n        className={cn(\n          \"rounded-lg border border-ods-border overflow-hidden\",\n          className\n        )}\n        {...props}\n      >\n        {showImage && (\n          <Skeleton className=\"h-48 w-full\" />\n        )}\n        <div className=\"p-6\">\n          <Skeleton className=\"h-6 w-3/4 mb-4\" />\n          <SkeletonText lines={3} />\n        </div>\n      </div>\n    )\n  }\n)\nSkeletonCard.displayName = 'SkeletonCard'\n\ninterface SkeletonGridProps extends React.HTMLAttributes<HTMLDivElement> {\n  columns?: number\n  items?: number\n  showImages?: boolean\n  className?: string\n}\n\nconst SkeletonGrid = React.forwardRef<HTMLDivElement, SkeletonGridProps>(\n  ({ columns = 3, items = 6, showImages = false, className, ...props }, ref) => {\n    return (\n      <div \n        ref={ref}\n        className={cn(\n          `grid grid-cols-1 gap-6`,\n          columns === 2 && \"md:grid-cols-2\",\n          columns === 3 && \"md:grid-cols-3\",\n          columns === 4 && \"md:grid-cols-4\",\n          className\n        )}\n        {...props}\n      >\n        {Array.from({ length: items }).map((_, i) => (\n          <SkeletonCard key={i} showImage={showImages} />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonGrid.displayName = 'SkeletonGrid'\n\ninterface SkeletonButtonProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: 'sm' | 'default' | 'lg'\n  className?: string\n}\n\nconst SkeletonButton = React.forwardRef<HTMLDivElement, SkeletonButtonProps>(\n  ({ size = 'default', className, ...props }, ref) => {\n    const sizeClasses = {\n      sm: 'h-8 w-20',\n      default: 'h-10 w-32',\n      lg: 'h-12 w-40'\n    }\n    \n    return (\n      <Skeleton \n        ref={ref}\n        className={cn(\n          \"rounded-lg\",\n          sizeClasses[size],\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeletonButton.displayName = 'SkeletonButton'\n\ninterface SkeletonHeadingProps extends React.HTMLAttributes<HTMLDivElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6\n  className?: string\n}\n\nconst SkeletonHeading = React.forwardRef<HTMLDivElement, SkeletonHeadingProps>(\n  ({ level = 1, className, ...props }, ref) => {\n    const heightClasses = {\n      1: 'h-12',\n      2: 'h-10',\n      3: 'h-8',\n      4: 'h-7',\n      5: 'h-6',\n      6: 'h-5'\n    }\n    \n    return (\n      <Skeleton \n        ref={ref}\n        className={cn(\n          heightClasses[level],\n          \"w-3/4\",\n          className\n        )}\n        {...props}\n      />\n    )\n  }\n)\nSkeletonHeading.displayName = 'SkeletonHeading'\n\ninterface SkeletonListProps extends React.HTMLAttributes<HTMLDivElement> {\n  items?: number\n  className?: string\n}\n\nconst SkeletonList = React.forwardRef<HTMLDivElement, SkeletonListProps>(\n  ({ items = 5, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"space-y-3\", className)} {...props}>\n        {Array.from({ length: items }).map((_, i) => (\n          <div key={i} className=\"flex items-center gap-3\">\n            <Skeleton className=\"h-10 w-10 rounded-full flex-shrink-0\" />\n            <div className=\"flex-1\">\n              <Skeleton className=\"h-4 w-1/3 mb-1\" />\n              <Skeleton className=\"h-3 w-1/2\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonList.displayName = 'SkeletonList'\n\ninterface SkeletonNavigationProps extends React.HTMLAttributes<HTMLDivElement> {\n  items?: number\n  className?: string\n}\n\nconst SkeletonNavigation = React.forwardRef<HTMLDivElement, SkeletonNavigationProps>(\n  ({ items = 6, className, ...props }, ref) => {\n    return (\n      <div ref={ref} className={cn(\"flex items-center gap-6\", className)} {...props}>\n        {Array.from({ length: items }).map((_, i) => (\n          <Skeleton key={i} className=\"h-5 w-20\" />\n        ))}\n      </div>\n    )\n  }\n)\nSkeletonNavigation.displayName = 'SkeletonNavigation'\n\nexport { \n  Skeleton,\n  SkeletonText,\n  SkeletonCard,\n  SkeletonGrid,\n  SkeletonButton,\n  SkeletonHeading,\n  SkeletonList,\n  SkeletonNavigation\n}"],"mappings":"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","names":["React","jsx","jsxs","React","jsx","React","jsx","jsxs"]}