@e-burgos/tucu-ui 2.5.0 → 2.7.0

package/documentation/ParamTabSection-BUFHEsdU.js

@@ -1,94 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COp_AWCS.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>{const i=[{title:"Overview",path:"overview"},{title:"Details",path:"details"},{title:"Settings",path:"settings"}],r=[{title:"Dashboard",path:"dashboard",icon:e.jsx(t.Home,{size:16})},{title:"Analytics",path:"analytics",icon:e.jsx(t.BarChart,{size:16})},{title:"Reports",path:"reports",icon:e.jsx(t.FileText,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],n=[{title:"Profile",path:"profile",icon:e.jsx(t.User,{size:16})},{title:"Notifications",path:"notifications",icon:e.jsx(t.Bell,{size:16})},{title:"Settings",path:"settings",icon:e.jsx(t.Settings,{size:16})}],l=[{prop:"title",type:"React.ReactNode",default:"required",description:"Tab label (can be text, JSX, or components)"},{prop:"path",type:"string",default:"required",description:'Unique path for URL parameter (e.g., "overview")'},{prop:"icon",type:"React.ReactNode",default:"-",description:"Optional icon to display before tab label"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"ParamTab",description:`A powerful tab component that automatically syncs with URL query
-          parameters and switches to a dropdown selector on mobile devices for
-          optimal responsive behavior.`,icon:e.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-purple-600 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(t.Hash,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Underline Variant (Default)"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Classic underline style with animated indicator. URL syncs with ?view=overview, ?view=details, etc."}),e.jsxs(a.ParamTab,{tabMenu:i,variant:"underline",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Overview Dashboard"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Main dashboard content with key metrics and overview information. The URL parameter updates to ?view=overview when this tab is active."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Detailed Information"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Comprehensive details and in-depth analysis. URL parameter: ?view=details"})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Configuration Settings"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your preferences and application settings. URL parameter: ?view=settings"})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Pills Variant with Icons"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Modern rounded pills with icon support for enhanced visual clarity."}),e.jsxs(a.ParamTab,{tabMenu:r,variant:"pills",size:"medium",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.Home,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Dashboard Home"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Welcome to your dashboard! Here you'll find a summary of your most important information."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.BarChart,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Analytics Overview"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Track your performance with detailed analytics and insights."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.FileText,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Reports Center"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Generate and view comprehensive reports for your data."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx(t.Settings,{className:"text-brand",size:24}),e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold",children:"Application Settings"})]}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Customize your application preferences and configuration."})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Bordered Variant"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Distinct bordered style with highlighted selection state."}),e.jsxs(a.ParamTab,{tabMenu:n,variant:"bordered",children:[e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"User Profile"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your personal information and profile settings."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Notifications"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Configure how and when you receive notifications."})]})}),e.jsx(a.TabPanel,{children:e.jsxs(a.CardContainer,{className:"p-6",children:[e.jsx(a.Typography,{tag:"h3",className:"text-base font-semibold mb-2",children:"Account Settings"}),e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Manage your account security and privacy settings."})]})})]})]}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid Variant (Small Size)"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"Compact solid background style perfect for space-constrained layouts."}),e.jsxs(a.ParamTab,{tabMenu:i,variant:"solid",size:"small",children:[e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Compact overview content with small tab size."})})}),e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Detailed information in a compact format."})})}),e.jsx(a.TabPanel,{children:e.jsx(a.CardContainer,{className:"p-6",children:e.jsx(a.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Settings panel with space-efficient design."})})})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Key Features",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"link",children:"🔗"})," ","URL Synchronization"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically syncs tab state with URL query parameters (e.g., ?view=overview). This enables:"}),e.jsxs("ul",{className:"list-disc list-inside text-sm text-gray-600 dark:text-gray-400 space-y-1 ml-4",children:[e.jsx("li",{children:"Deep linking to specific tabs"}),e.jsx("li",{children:"Browser back/forward navigation"}),e.jsx("li",{children:"Shareable URLs with selected tab state"}),e.jsx("li",{children:"Bookmark support for specific views"})]})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"mobile",children:"📱"})," ","Responsive Mobile Adaptation"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Automatically switches to TabSelect dropdown on mobile devices (xs, sm breakpoints) for optimal space usage and better UX."}),e.jsx(a.CardContainer,{className:"p-4 bg-blue-50 dark:bg-blue-900/20",children:e.jsxs(a.Typography,{tag:"p",className:"text-sm",children:[e.jsx("span",{role:"img","aria-label":"tip",children:"💡"})," ",e.jsx("span",{className:"font-semibold",children:"Tip:"})," Resize your browser window to see the automatic switch between tab bar and dropdown selector!"]})})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"styles",children:"🎨"})," ","Multiple Style Variants"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Choose from 4 distinct visual styles (underline, pills, bordered, solid) and 3 sizes (small, medium, large) to match your design system."})]}),e.jsxs("div",{children:[e.jsxs(a.Typography,{tag:"h5",className:"mb-2",children:[e.jsx("span",{role:"img","aria-label":"icons",children:"✨"})," ","Icon Support"]}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Add icons to tabs for better visual communication and improved scannability. Works seamlessly with Lucide Icons."})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"TabMenuItem Interface",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:[{key:"prop",label:"Prop",render:s=>e.jsx("code",{className:"text-xs text-brand",children:s})},{key:"type",label:"Type",render:s=>e.jsx("code",{className:"text-xs",children:s})},{key:"default",label:"Default",render:s=>s==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:s})},{key:"description",label:"Description",className:"text-gray-600 dark:text-gray-400"}],data:l,maxRows:10,resizable:!1})})})}),e.jsx(a.PropPlayground,{componentName:"ParamTab",title:"ParamTab Playground",defaultValues:{variant:"solid",size:"medium",showMobileSelect:!1},excludeProps:["tabMenu","tabListClassName"],children:s=>e.jsx(a.ParamTab,{...s,tabMenu:[{title:"Tab 1",path:"#tab1"},{title:"Tab 2",path:"#tab2"},{title:"Tab 3",path:"#tab3"}]})}),e.jsx(a.AutoPropsTable,{componentName:"ParamTab"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { ParamTab, TabPanel } from '@e-burgos/tucu-ui';
-import { Home, Settings, User } from 'lucide-react';
-
-// Basic usage with URL sync
-function BasicExample() {
-const tabMenu = [
-  { title: 'Overview', path: 'overview' },
-  { title: 'Details', path: 'details' },
-  { title: 'Settings', path: 'settings' },
-];
-
-  return (
-<ParamTab tabMenu={tabMenu}>
-  <TabPanel>
-    <div>Overview content</div>
-  </TabPanel>
-  <TabPanel>
-    <div>Details content</div>
-  </TabPanel>
-  <TabPanel>
-    <div>Settings content</div>
-  </TabPanel>
-</ParamTab>
-  );
-}
-
-// Pills variant with icons
-function PillsWithIcons() {
-  const tabMenu = [
-    {
-      title: 'Dashboard',
-      path: 'dashboard',
-      icon: <Home size={16} />,
-    },
-    {
-      title: 'Profile',
-      path: 'profile',
-      icon: <User size={16} />,
-    },
-    {
-      title: 'Settings',
-      path: 'settings',
-      icon: <Settings size={16} />,
-    },
-  ];
-
-  return (
-    <ParamTab tabMenu={tabMenu} variant="pills" size="medium">
-      <TabPanel>Dashboard content</TabPanel>
-      <TabPanel>Profile content</TabPanel>
-      <TabPanel>Settings content</TabPanel>
-    </ParamTab>
-  );
-}
-
-// Bordered variant
-function BorderedExample() {
-  const tabMenu = [
-    { title: 'Tab 1', path: 'tab1' },
-    { title: 'Tab 2', path: 'tab2' },
-  ];
-
-  return (
-    <ParamTab tabMenu={tabMenu} variant="bordered">
-      <TabPanel>Content 1</TabPanel>
-      <TabPanel>Content 2</TabPanel>
-    </ParamTab>
-  );
-}
-
-// Solid variant with small size
-function CompactExample() {
-  const tabMenu = [
-    { title: 'View 1', path: 'view1' },
-    { title: 'View 2', path: 'view2' },
-  ];
-
-  return (
-    <ParamTab tabMenu={tabMenu} variant="solid" size="small">
-      <TabPanel>Compact content 1</TabPanel>
-      <TabPanel>Compact content 2</TabPanel>
-    </ParamTab>
-  );
-}
-
-// How it works:
-// 1. Component reads current URL parameter (?view=overview)
-// 2. Matches it with tabMenu path to set active tab
-// 3. When user clicks tab, URL updates automatically
-// 4. On mobile (xs, sm), shows TabSelect dropdown
-// 5. On desktop, shows regular tab bar
-// 6. Browser back/forward buttons work seamlessly`})})})})]})};exports.default=o;

package/documentation/PieChartSection-DZ-efnf5.js

@@ -1,91 +0,0 @@
-import { jsxs as n, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { T as r, C as a, a as t, n as l, c as d, P as m, A as h } from "../index-DYDFy1df.js";
-import "lucide-react";
-import "react-router-dom";
-import "react";
-import "react-dom";
-const s = [
-  { name: "Chrome", value: 62 },
-  { name: "Safari", value: 19 },
-  { name: "Firefox", value: 10 },
-  { name: "Edge", value: 6 },
-  { name: "Other", value: 3 }
-], v = () => /* @__PURE__ */ n(o, { children: [
-  /* @__PURE__ */ n("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ e(r, { tag: "h2", className: "text-base md:text-base font-semibold", children: "PieChart" }),
-    /* @__PURE__ */ e(
-      r,
-      {
-        tag: "p",
-        className: "text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
-        children: "Pie and donut chart component for displaying proportions and distributions with labels and inner content support."
-      }
-    )
-  ] }),
-  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Basic Pie Chart", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(l, { data: s, height: 300 }) }) }) }),
-  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Donut Chart", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(l, { data: s, donut: !0, height: 300 }) }) }) }),
-  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Donut with Inner Content", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    l,
-    {
-      data: s,
-      donut: !0,
-      height: 300,
-      innerContent: /* @__PURE__ */ n("div", { className: "text-center", children: [
-        /* @__PURE__ */ e("p", { className: "text-2xl font-bold", children: "100%" }),
-        /* @__PURE__ */ e("p", { className: "text-sm text-gray-500", children: "Total" })
-      ] })
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Without Labels", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(l, { data: s, showLabels: !1, height: 300 }) }) }) }),
-  /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(t, { title: "Usage", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-    d,
-    {
-      code: `import { PieChart } from '@e-burgos/tucu-ui';
-
-const data = [
-  { name: 'Chrome', value: 62 },
-  { name: 'Safari', value: 19 },
-  { name: 'Firefox', value: 10 },
-  { name: 'Edge', value: 6 },
-  { name: 'Other', value: 3 },
-];
-
-<PieChart
-  data={data}
-  height={300}
-  donut
-  showLabels
-  showTooltip
-  showLegend
-  innerContent={<p>Center</p>}
-/>`,
-      language: "tsx"
-    }
-  ) }) }) }),
-  /* @__PURE__ */ e(
-    m,
-    {
-      componentName: "PieChart",
-      defaultValues: {
-        height: 300,
-        donut: !1,
-        showLabels: !0,
-        showTooltip: !0,
-        showLegend: !0,
-        animate: !0
-      },
-      excludeProps: [
-        "data",
-        "colors",
-        "className",
-        "innerContent",
-        "emptyMessage"
-      ],
-      children: (i) => /* @__PURE__ */ e(l, { data: s, ...i })
-    }
-  ),
-  /* @__PURE__ */ e(h, { componentName: "PieChart" })
-] });
-export {
-  v as default
-};

package/documentation/PieChartSection-rvFWOh4i.js

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COp_AWCS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{name:"Chrome",value:62},{name:"Safari",value:19},{name:"Firefox",value:10},{name:"Edge",value:6},{name:"Other",value:3}],r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-base md:text-base font-semibold",children:"PieChart"}),e.jsx(a.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Pie and donut chart component for displaying proportions and distributions with labels and inner content support."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Pie Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Donut with Inner Content",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,donut:!0,height:300,innerContent:e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-2xl font-bold",children:"100%"}),e.jsx("p",{className:"text-sm text-gray-500",children:"Total"})]})})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Without Labels",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.PieChart,{data:t,showLabels:!1,height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { PieChart } from '@e-burgos/tucu-ui';
-
-const data = [
-  { name: 'Chrome', value: 62 },
-  { name: 'Safari', value: 19 },
-  { name: 'Firefox', value: 10 },
-  { name: 'Edge', value: 6 },
-  { name: 'Other', value: 3 },
-];
-
-<PieChart
-  data={data}
-  height={300}
-  donut
-  showLabels
-  showTooltip
-  showLegend
-  innerContent={<p>Center</p>}
-/>`,language:"tsx"})})})}),e.jsx(a.PropPlayground,{componentName:"PieChart",defaultValues:{height:300,donut:!1,showLabels:!0,showTooltip:!0,showLegend:!0,animate:!0},excludeProps:["data","colors","className","innerContent","emptyMessage"],children:s=>e.jsx(a.PieChart,{data:t,...s})}),e.jsx(a.AutoPropsTable,{componentName:"PieChart"})]});exports.default=r;

package/documentation/PinCodeSection-DY6pf21z.js

@@ -1,235 +0,0 @@
-import { jsxs as l, Fragment as C, jsx as e } from "react/jsx-runtime";
-import { useState as t } from "react";
-import { H as N, C as a, a as s, T as n, r as i, P as b, A as v, c as f } from "../index-DYDFy1df.js";
-import { Hash as P } from "lucide-react";
-import "react-router-dom";
-import "react-dom";
-const V = () => {
-  const [o, c] = t(""), [m, h] = t(""), g = [
-    { label: "Primary", color: "primary" },
-    { label: "Secondary", color: "secondary" },
-    { label: "Danger", color: "danger" },
-    { label: "Info", color: "info" },
-    { label: "Success", color: "success" },
-    { label: "Warning", color: "warning" }
-  ], p = [
-    { label: "Small", size: "sm" },
-    { label: "Medium", size: "md" },
-    { label: "Large", size: "lg" }
-  ], u = [
-    { label: "Square", rounded: "none" },
-    { label: "Soft", rounded: "sm" },
-    { label: "Default", rounded: "md" },
-    { label: "Large", rounded: "lg" },
-    { label: "Pill", rounded: "full" }
-  ];
-  return /* @__PURE__ */ l(C, { children: [
-    /* @__PURE__ */ e(
-      N,
-      {
-        title: "PinCode",
-        description: "A pin code input component for entering numeric codes digit by digit.",
-        icon: /* @__PURE__ */ e("div", { className: "w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-orange-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50", children: /* @__PURE__ */ e(P, { className: "w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg" }) })
-      }
-    ),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "4 Digit PinCode" }),
-        /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Pin Code" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              length: 4,
-              value: o,
-              onChange: c
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "6 Digit PinCode" }),
-        /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Verification Code" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              length: 6,
-              value: o,
-              onChange: c
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "With Helper Text" }),
-        /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Security Code" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              length: 4,
-              helperText: "Enter the 4-digit code",
-              value: o,
-              onChange: c
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "With Error" }),
-        /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Pin Code" }),
-          /* @__PURE__ */ e(
-            i,
-            {
-              length: 4,
-              error: "Invalid pin code",
-              value: o,
-              onChange: c
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-3", children: "Disabled" }),
-        /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Pin Code" }),
-          /* @__PURE__ */ e(i, { length: 4, disabled: !0 })
-        ] })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Variants", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Ghost (default)" }),
-        /* @__PURE__ */ e(i, { length: 4, variant: "ghost" })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Solid" }),
-        /* @__PURE__ */ e(i, { length: 4, variant: "solid" })
-      ] }),
-      /* @__PURE__ */ l(a, { className: "p-4", children: [
-        /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2", children: "Transparent" }),
-        /* @__PURE__ */ e(i, { length: 4, variant: "transparent" })
-      ] })
-    ] }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Colors", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: g.map(({ label: r, color: d }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2 text-sm", children: r }),
-      /* @__PURE__ */ e(i, { length: 4, color: d })
-    ] }, d)) }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Sizes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: p.map(({ label: r, size: d }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2 text-sm", children: r }),
-      /* @__PURE__ */ e(i, { length: 4, size: d })
-    ] }, d)) }) }) }) }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Shapes", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: u.map(({ label: r, rounded: d }) => /* @__PURE__ */ l(a, { className: "p-4", children: [
-      /* @__PURE__ */ e(n, { tag: "h5", className: "mb-2 text-sm", children: r }),
-      /* @__PURE__ */ e(i, { length: 4, rounded: d })
-    ] }, d)) }) }) }) }),
-    /* @__PURE__ */ e(
-      b,
-      {
-        componentName: "PinCode",
-        defaultValues: {
-          length: 4,
-          type: "text",
-          placeholder: "-",
-          mask: !1,
-          center: !0,
-          size: "md",
-          rounded: "md",
-          variant: "ghost",
-          color: "primary",
-          helperText: "",
-          error: "",
-          fullWidth: !1,
-          disabled: !1
-        },
-        controlOverrides: [
-          {
-            name: "placeholder",
-            type: "text",
-            description: "Character placeholder rendered in each box"
-          },
-          {
-            name: "disabled",
-            type: "boolean",
-            description: "Disables the pin input and prevents interaction"
-          }
-        ],
-        includeProps: [
-          "length",
-          "type",
-          "placeholder",
-          "mask",
-          "center",
-          "size",
-          "rounded",
-          "variant",
-          "color",
-          "helperText",
-          "error",
-          "fullWidth",
-          "disabled"
-        ],
-        excludeProps: [
-          "value",
-          "onChange",
-          "inputClassName",
-          "errorClassName",
-          "helperTextClassName",
-          "className"
-        ],
-        children: (r) => /* @__PURE__ */ e("div", { className: "w-full max-w-lg flex justify-center", children: /* @__PURE__ */ e(
-          i,
-          {
-            ...r,
-            value: m,
-            onChange: h
-          }
-        ) })
-      }
-    ),
-    /* @__PURE__ */ e(v, { componentName: "PinCode" }),
-    /* @__PURE__ */ e(a, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
-      f,
-      {
-        language: "tsx",
-        code: `import { PinCode } from '@e-burgos/tucu-ui';
-
-<PinCode
-  length={4}
-  value={value}
-  onChange={setValue}
-/>
-
-// Variants
-<PinCode length={4} variant="ghost" />
-<PinCode length={4} variant="solid" />
-<PinCode length={4} variant="transparent" />
-
-// Colors
-<PinCode length={4} color="primary" />
-<PinCode length={4} color="secondary" />
-<PinCode length={4} color="danger" />
-<PinCode length={4} color="info" />
-<PinCode length={4} color="success" />
-<PinCode length={4} color="warning" />
-
-// Sizes
-<PinCode length={4} size="sm" />
-<PinCode length={4} size="md" />
-<PinCode length={4} size="lg" />
-
-// Shapes
-<PinCode length={4} rounded="none" />
-<PinCode length={4} rounded="sm" />
-<PinCode length={4} rounded="md" />
-<PinCode length={4} rounded="lg" />
-<PinCode length={4} rounded="full" />`
-      }
-    ) }) }) })
-  ] });
-};
-export {
-  V as default
-};

package/documentation/PinCodeSection-iYhP8WRn.js

@@ -1,32 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),a=require("../index-COp_AWCS.js"),m=require("lucide-react");require("react-router-dom");require("react-dom");const g=()=>{const[n,r]=i.useState(""),[d,o]=i.useState(""),t=[{label:"Primary",color:"primary"},{label:"Secondary",color:"secondary"},{label:"Danger",color:"danger"},{label:"Info",color:"info"},{label:"Success",color:"success"},{label:"Warning",color:"warning"}],c=[{label:"Small",size:"sm"},{label:"Medium",size:"md"},{label:"Large",size:"lg"}],h=[{label:"Square",rounded:"none"},{label:"Soft",rounded:"sm"},{label:"Default",rounded:"md"},{label:"Large",rounded:"lg"},{label:"Pill",rounded:"full"}];return e.jsxs(e.Fragment,{children:[e.jsx(a.HeroCard,{title:"PinCode",description:"A pin code input component for entering numeric codes digit by digit.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-orange-500 to-yellow-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:e.jsx(m.Hash,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(a.PinCode,{length:6,value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(a.PinCode,{length:4,helperText:"Enter the 4-digit code",value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,error:"Invalid pin code",value:n,onChange:r})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(a.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(a.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(a.PinCode,{length:4,variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(a.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:t.map(({label:s,color:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,color:l})]},l))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:c.map(({label:s,size:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,size:l})]},l))})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3",children:h.map(({label:s,rounded:l})=>e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-2 text-sm",children:s}),e.jsx(a.PinCode,{length:4,rounded:l})]},l))})})})}),e.jsx(a.PropPlayground,{componentName:"PinCode",defaultValues:{length:4,type:"text",placeholder:"-",mask:!1,center:!0,size:"md",rounded:"md",variant:"ghost",color:"primary",helperText:"",error:"",fullWidth:!1,disabled:!1},controlOverrides:[{name:"placeholder",type:"text",description:"Character placeholder rendered in each box"},{name:"disabled",type:"boolean",description:"Disables the pin input and prevents interaction"}],includeProps:["length","type","placeholder","mask","center","size","rounded","variant","color","helperText","error","fullWidth","disabled"],excludeProps:["value","onChange","inputClassName","errorClassName","helperTextClassName","className"],children:s=>e.jsx("div",{className:"w-full max-w-lg flex justify-center",children:e.jsx(a.PinCode,{...s,value:d,onChange:o})})}),e.jsx(a.AutoPropsTable,{componentName:"PinCode"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { PinCode } from '@e-burgos/tucu-ui';
-
-<PinCode
-  length={4}
-  value={value}
-  onChange={setValue}
-/>
-
-// Variants
-<PinCode length={4} variant="ghost" />
-<PinCode length={4} variant="solid" />
-<PinCode length={4} variant="transparent" />
-
-// Colors
-<PinCode length={4} color="primary" />
-<PinCode length={4} color="secondary" />
-<PinCode length={4} color="danger" />
-<PinCode length={4} color="info" />
-<PinCode length={4} color="success" />
-<PinCode length={4} color="warning" />
-
-// Sizes
-<PinCode length={4} size="sm" />
-<PinCode length={4} size="md" />
-<PinCode length={4} size="lg" />
-
-// Shapes
-<PinCode length={4} rounded="none" />
-<PinCode length={4} rounded="sm" />
-<PinCode length={4} rounded="md" />
-<PinCode length={4} rounded="lg" />
-<PinCode length={4} rounded="full" />`})})})})]})};exports.default=g;

package/documentation/ProgressbarSection-CDDDOLHD.js

@@ -1,22 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-COp_AWCS.js"),o=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsx(e.HeroCard,{title:"Progressbar",description:`A progress bar component for displaying completion status with
-          customizable colors, sizes, and variants.`,icon:s.jsx("div",{className:"w-16 h-16 sm:w-20 sm:h-20 md:w-24 md:h-24 bg-linear-to-br from-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:s.jsx(o.BarChart3,{className:"w-8 h-8 sm:w-10 sm:h-10 md:w-12 md:h-12 text-white filter drop-shadow-lg"})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-border hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-border hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
-
-// Basic usage
-<Progressbar value={45} />
-
-// With label
-<Progressbar value={45} label="45%" size="xl" />
-
-// Different colors
-<Progressbar value={60} color="primary" />
-<Progressbar value={60} color="success" />
-<Progressbar value={60} color="danger" />
-
-// Different variants
-<Progressbar value={60} variant="solid" />
-<Progressbar value={60} variant="flat" />
-
-// Different sizes
-<Progressbar value={60} size="sm" />
-<Progressbar value={60} size="lg" />
-<Progressbar value={60} size="xl" />`})})})})]})};exports.default=c;