ekm-ui 0.3.0 → 0.3.2

package/dist/{chunk-IUZHBHDJ.mjs.map → chunk-OZBN2ZC6.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/card-payment-block.tsx","../src/layout/layout.tsx","../shared/sidebar-items.tsx","../src/stacked-list-item.tsx"],"names":["TextInput","Card","Radio","Label","HiCreditCard","Fragment","jsx","jsxs","CardPaymentBlock","cardPayment","enablePayPal","FormRow","useMemo","useState","Sidebar","HiChartPie","HiDocument","HiGlobeAlt","HiPaintBrush","HiShoppingBag","HiTag","HiRocketLaunch","HiStar","SidebarItems","currentPage","Layout","children","hasHeader","isSidebarCollapsed","setIsSidebarCollapsed","showNavbarCloseButton","setShowNavbarCloseButton","is_small_screen_default","Navbar","LoveFooter","Badge","StackedListItem","id","title","text","avatarShow","avatarColor","avatarBorder","badgeText","badgeColor","icon","getFirstAndLastLetters","str","words","firstWord","lastWord","firstLetter","lastLetter","avatarLetters","Avatar"],"mappings":"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","sourcesContent":["import { FormRow } from \"./index\";\nimport { TextInput, Card, Radio, Label } from \"flowbite-react\";\nimport { HiCreditCard } from \"react-icons/hi\";\n\nexport function CardPaymentBlock({\n  cardPayment,\n  enablePayPal,\n}: {\n  cardPayment?: boolean;\n  enablePayPal?: boolean;\n}) {\n  return (\n    <Card className=\"border-0 shadow-sm\t\">\n      <h3 className=\"text-lg font-semibold dark:text-white\">Billing Details</h3>\n      <div className=\"flex items-center justify-between border-b-2 pb-4\">\n        <fieldset className=\"flex w-full flex-col gap-4\" id=\"radio\">\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-2\">\n              {enablePayPal && (\n                <Radio\n                  defaultChecked\n                  id=\"creditDebitCard\"\n                  name=\"paymentType\"\n                  value=\"creditDebitCard\"\n                />\n              )}\n\n              <Label htmlFor=\"creditDebitCard\">\n                Pay by Credit or Debit card\n              </Label>\n            </div>\n            <div className={enablePayPal ? \"ml-6 flex gap-2\" : \"flex gap-2\"}>\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/visa.png\"\n                alt=\"VISA Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png\"\n                alt=\"MasterCard Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/maestro.png\"\n                alt=\"Maestro Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/amex.png\"\n                alt=\"AMEX Card Logo\"\n              />\n            </div>\n          </div>\n          {cardPayment && (\n            <>\n              <div className=\"grid grid-cols-1 content-start gap-6 sm:grid-cols-2\">\n                <FormRow\n                  label=\"Name on Card *\"\n                  htmlFor=\"nameOnCard\"\n                  helperText=\"This is your name as is appears on the front of your credit or debit card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"Your name\"\n                    type=\"text\"\n                    required\n                  />\n                </FormRow>\n                <FormRow\n                  label=\"Card Number *\"\n                  htmlFor=\"cardNumber\"\n                  helperText=\"This is the long number on the front of your credit or debit card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"0000 0000 0000 0000\"\n                    type=\"number\"\n                    rightIcon={HiCreditCard}\n                    required\n                  />\n                </FormRow>\n              </div>\n              <div className=\"grid grid-cols-1 content-start gap-6 sm:grid-cols-4\">\n                <FormRow\n                  label=\"Expiry Date *\"\n                  htmlFor=\"nameOnCard\"\n                  helperText=\"The expiry date as it appears on your card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"MM / YY\"\n                    type=\"text\"\n                    required\n                  />\n                </FormRow>\n                <FormRow\n                  label=\"Security Code (CVC) *\"\n                  htmlFor=\"cardNumber\"\n                  helperText=\"The last three digits on the back of your card’s signature strip.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"123\"\n                    type=\"number\"\n                    rightIcon={HiCreditCard}\n                    required\n                  />\n                </FormRow>\n              </div>\n            </>\n          )}\n          {enablePayPal && (\n            <div className=\"flex flex-col gap-2\">\n              <div className=\"flex items-center gap-2\">\n                <Radio id=\"PayPal\" name=\"paymentType\" value=\"PayPal\" />\n                <Label htmlFor=\"PayPal\">PayPal</Label>\n              </div>\n              <div className=\"ml-6\">\n                <img\n                  src=\"https://shared.ekmcdn.com/images/uifw/cards/paypal.png\"\n                  alt=\"PayPal Icon\"\n                />\n              </div>\n            </div>\n          )}\n        </fieldset>\n      </div>\n    </Card>\n  );\n}\n","import { Navbar, Sidebar, LoveFooter } from \"../\";\nimport { useMemo, useState } from \"react\";\nimport isSmallScreen from \"../helpers/is-small-screen\";\nimport { SidebarItems } from \"../../shared/sidebar-items\";\n\ntype Props = {\n  children: JSX.Element;\n  hasHeader?: boolean;\n};\n\nexport function Layout({ children, hasHeader }: Props) {\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n  const [showNavbarCloseButton, setShowNavbarCloseButton] = useState(false);\n\n  useMemo(() => {\n    if (isSmallScreen() && !isSidebarCollapsed) {\n      setShowNavbarCloseButton(true);\n    }\n  }, [isSidebarCollapsed]);\n\n  return (\n    <>\n      <Navbar\n        onMenuButtonClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n        }}\n        showCloseButton={showNavbarCloseButton}\n        avatarImg=\"https://avatars.githubusercontent.com/u/49406022?v=4\"\n      />\n      <div className=\"flex\">\n        <Sidebar collapsed={isSidebarCollapsed}>\n          <SidebarItems />\n        </Sidebar>\n        <div className=\"flex w-3/4 flex-grow flex-col\">\n          <main\n            className={`\"relative dark:bg-gray-900\" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${\n              !hasHeader ? \"p-4\" : \"\"\n            }`}\n          >\n            {children}\n          </main>\n          <LoveFooter />\n        </div>\n      </div>\n    </>\n  );\n}\n","import { Sidebar } from \"flowbite-react\";\n\nimport {\n  HiChartPie,\n  HiClipboard,\n  HiDocument,\n  HiGlobeAlt,\n  HiPaintBrush,\n  HiShoppingBag,\n  HiTag,\n  HiRocketLaunch,\n  HiStar,\n} from \"react-icons/hi2\";\n\nexport function SidebarItems() {\n  const currentPage = \"/\" as string;\n  return (\n    <Sidebar.Items>\n      <Sidebar.ItemGroup>\n        <Sidebar.Item\n          href=\"/\"\n          icon={HiChartPie}\n          className={\"/\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"}\n        >\n          Dashboard\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"/products\"\n          icon={HiTag}\n          className={\n            \"/products\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Products\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"/orders\"\n          icon={HiShoppingBag}\n          label=\"27\"\n          className={\n            \"/orders\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Orders\n        </Sidebar.Item>\n        <Sidebar.Collapse icon={HiPaintBrush} label=\"Design\">\n          <Sidebar.Item\n            href=\"/design/design\"\n            className={\n              \"/design/theme\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Theme\n          </Sidebar.Item>\n          <Sidebar.Item\n            href=\"/design/editor\"\n            className={\n              \"/e-commerce/billing\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Editor\n          </Sidebar.Item>\n          <Sidebar.Item\n            href=\"/theme/webpages\"\n            className={\n              \"/e-commerce/invoice\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Webpages\n          </Sidebar.Item>\n        </Sidebar.Collapse>\n        <Sidebar.Item\n          href=\"/features\"\n          icon={HiStar}\n          className={\n            \"/features\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Features\n        </Sidebar.Item>\n      </Sidebar.ItemGroup>\n      <Sidebar.ItemGroup>\n        <Sidebar.Item\n          href=\"https://github.com/themesberg/flowbite-react/\"\n          icon={HiDocument}\n        >\n          Docs\n        </Sidebar.Item>\n        <Sidebar.Item href=\"https://flowbite-react.com/\" icon={HiRocketLaunch}>\n          What's New\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"https://github.com/themesberg/flowbite-react/issues\"\n          icon={HiGlobeAlt}\n        >\n          Support Centre\n        </Sidebar.Item>\n      </Sidebar.ItemGroup>\n    </Sidebar.Items>\n  );\n}\n","import { Avatar } from \"./\";\nimport { Badge } from \"flowbite-react\";\n\ntype Props = {\n  id: number;\n  title: string;\n  text?: string | JSX.Element;\n  avatarShow?: boolean;\n  avatarColor?: string;\n  avatarBorder?: string;\n  children?: JSX.Element;\n  badgeColor?: string;\n  badgeText?: string;\n  icon?: JSX.Element;\n};\n\nexport function StackedListItem({\n  id,\n  title,\n  text,\n  avatarShow,\n  avatarColor,\n  avatarBorder,\n  children,\n  badgeText,\n  badgeColor,\n  icon,\n}: Props) {\n  function getFirstAndLastLetters(str: string) {\n    var words = str.split(\" \");\n    var firstWord = words[0];\n    var lastWord = words[words.length - 1];\n    var firstLetter = firstWord.charAt(0);\n    if (firstWord !== lastWord) {\n      var lastLetter = lastWord.charAt(0);\n    } else {\n      var lastLetter = \"\";\n    }\n    return [firstLetter, lastLetter];\n  }\n\n  let avatarLetters = getFirstAndLastLetters(title);\n\n  return (\n    <li\n      key={id}\n      className=\"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900\"\n    >\n      <div className=\"flex min-w-0 flex-auto items-center gap-x-4\">\n        {avatarShow && (\n          <Avatar\n            placeholderInitials={avatarLetters}\n            color={avatarColor}\n            border={avatarBorder}\n          />\n        )}\n        {icon && icon}\n        <div className=\"min-w-0 flex-auto\">\n          <div className=\"flex gap-2\">\n            <p className=\"truncate text-sm font-semibold text-gray-900 dark:text-white\">\n              {title}\n            </p>\n            {badgeText && (\n              <Badge color={badgeColor || \"info\"}>{badgeText}</Badge>\n            )}\n          </div>\n          <p className=\"mt-1 flex text-xs text-gray-500 dark:text-gray-400\">\n            <span className=\"relative truncate\">{text}</span>\n          </p>\n        </div>\n      </div>\n      <div className=\"flex flex-shrink-0  items-center gap-x-4\">\n        <div className=\"sm:flex sm:flex-col sm:items-end\">{children}</div>\n      </div>\n    </li>\n  );\n}\n"]}
+{"version":3,"sources":["../src/card-payment-block.tsx","../src/layout/layout.tsx","../shared/sidebar-items.tsx","../src/stacked-list-item.tsx"],"names":["TextInput","Card","Radio","Label","HiCreditCard","Fragment","jsx","jsxs","CardPaymentBlock","cardPayment","enablePayPal","FormRow","useMemo","useState","Sidebar","HiChartPie","HiDocument","HiGlobeAlt","HiPaintBrush","HiShoppingBag","HiTag","HiRocketLaunch","HiStar","SidebarItems","currentPage","Layout","children","hasHeader","isSidebarCollapsed","setIsSidebarCollapsed","showNavbarCloseButton","setShowNavbarCloseButton","is_small_screen_default","Navbar","LoveFooter","Badge","StackedListItem","id","title","text","avatarShow","avatarColor","avatarBorder","badgeText","badgeColor","icon","getFirstAndLastLetters","str","words","firstWord","lastWord","firstLetter","lastLetter","avatarLetters","Avatar"],"mappings":"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","sourcesContent":["import { FormRow } from \"./index\";\nimport { TextInput, Card, Radio, Label } from \"flowbite-react\";\nimport { HiCreditCard } from \"react-icons/hi\";\n\nexport function CardPaymentBlock({\n  cardPayment,\n  enablePayPal,\n}: {\n  cardPayment?: boolean;\n  enablePayPal?: boolean;\n}) {\n  return (\n    <Card className=\"border-0 shadow-sm\t\">\n      <h3 className=\"text-lg font-semibold dark:text-white\">Billing Details</h3>\n      <div className=\"flex items-center justify-between border-b-2 pb-4\">\n        <fieldset className=\"flex w-full flex-col gap-4\" id=\"radio\">\n          <div className=\"flex flex-col gap-2\">\n            <div className=\"flex items-center gap-2\">\n              {enablePayPal && (\n                <Radio\n                  defaultChecked\n                  id=\"creditDebitCard\"\n                  name=\"paymentType\"\n                  value=\"creditDebitCard\"\n                />\n              )}\n\n              <Label htmlFor=\"creditDebitCard\">\n                Pay by Credit or Debit card\n              </Label>\n            </div>\n            <div className={enablePayPal ? \"ml-6 flex gap-2\" : \"flex gap-2\"}>\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/visa.png\"\n                alt=\"VISA Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/mastercard.png\"\n                alt=\"MasterCard Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/maestro.png\"\n                alt=\"Maestro Card Logo\"\n              />\n              <img\n                src=\"https://shared.ekmcdn.com/images/uifw/cards/amex.png\"\n                alt=\"AMEX Card Logo\"\n              />\n            </div>\n          </div>\n          {cardPayment && (\n            <>\n              <div className=\"grid grid-cols-1 content-start gap-6 sm:grid-cols-2\">\n                <FormRow\n                  label=\"Name on Card *\"\n                  htmlFor=\"nameOnCard\"\n                  helperText=\"This is your name as is appears on the front of your credit or debit card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"Your name\"\n                    type=\"text\"\n                    required\n                  />\n                </FormRow>\n                <FormRow\n                  label=\"Card Number *\"\n                  htmlFor=\"cardNumber\"\n                  helperText=\"This is the long number on the front of your credit or debit card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"0000 0000 0000 0000\"\n                    type=\"number\"\n                    rightIcon={HiCreditCard}\n                    required\n                  />\n                </FormRow>\n              </div>\n              <div className=\"grid grid-cols-1 content-start gap-6 sm:grid-cols-4\">\n                <FormRow\n                  label=\"Expiry Date *\"\n                  htmlFor=\"nameOnCard\"\n                  helperText=\"The expiry date as it appears on your card.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"MM / YY\"\n                    type=\"text\"\n                    required\n                  />\n                </FormRow>\n                <FormRow\n                  label=\"Security Code (CVC) *\"\n                  htmlFor=\"cardNumber\"\n                  helperText=\"The last three digits on the back of your card’s signature strip.\"\n                >\n                  <TextInput\n                    id=\"nameOnCard\"\n                    name=\"nameOnCard\"\n                    placeholder=\"123\"\n                    type=\"number\"\n                    rightIcon={HiCreditCard}\n                    required\n                  />\n                </FormRow>\n              </div>\n            </>\n          )}\n          {enablePayPal && (\n            <div className=\"flex flex-col gap-2\">\n              <div className=\"flex items-center gap-2\">\n                <Radio id=\"PayPal\" name=\"paymentType\" value=\"PayPal\" />\n                <Label htmlFor=\"PayPal\">PayPal</Label>\n              </div>\n              <div className=\"ml-6\">\n                <img\n                  src=\"https://shared.ekmcdn.com/images/uifw/cards/paypal.png\"\n                  alt=\"PayPal Icon\"\n                />\n              </div>\n            </div>\n          )}\n        </fieldset>\n      </div>\n    </Card>\n  );\n}\n","import { Navbar, Sidebar, LoveFooter } from \"../\";\nimport { useMemo, useState } from \"react\";\nimport isSmallScreen from \"../helpers/is-small-screen\";\nimport { SidebarItems } from \"../../shared/sidebar-items\";\n\ntype Props = {\n  children: JSX.Element;\n  hasHeader?: boolean;\n};\n\nexport function Layout({ children, hasHeader }: Props) {\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(false);\n  const [showNavbarCloseButton, setShowNavbarCloseButton] = useState(false);\n\n  useMemo(() => {\n    if (isSmallScreen() && !isSidebarCollapsed) {\n      setShowNavbarCloseButton(true);\n    }\n  }, [isSidebarCollapsed]);\n\n  return (\n    <>\n      <Navbar\n        onMenuButtonClick={() => {\n          setIsSidebarCollapsed(!isSidebarCollapsed);\n        }}\n        showCloseButton={showNavbarCloseButton}\n        avatarImg=\"https://avatars.githubusercontent.com/u/49406022?v=4\"\n      />\n      <div className=\"flex\">\n        <Sidebar collapsed={isSidebarCollapsed}>\n          <SidebarItems />\n        </Sidebar>\n        <div className=\"flex w-3/4 flex-grow flex-col\">\n          <main\n            className={`\"relative dark:bg-gray-900\" flex h-full flex-grow flex-col gap-4 overflow-y-auto bg-gray-50 ${\n              !hasHeader ? \"p-4\" : \"\"\n            }`}\n          >\n            {children}\n          </main>\n          <LoveFooter />\n        </div>\n      </div>\n    </>\n  );\n}\n","import { Sidebar } from \"flowbite-react\";\n\nimport {\n  HiChartPie,\n  HiClipboard,\n  HiDocument,\n  HiGlobeAlt,\n  HiPaintBrush,\n  HiShoppingBag,\n  HiTag,\n  HiRocketLaunch,\n  HiStar,\n} from \"react-icons/hi2\";\n\nexport function SidebarItems() {\n  const currentPage = \"/\" as string;\n  return (\n    <Sidebar.Items>\n      <Sidebar.ItemGroup>\n        <Sidebar.Item\n          href=\"/\"\n          icon={HiChartPie}\n          className={\"/\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"}\n        >\n          Dashboard\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"/products\"\n          icon={HiTag}\n          className={\n            \"/products\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Products\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"/orders\"\n          icon={HiShoppingBag}\n          label=\"27\"\n          className={\n            \"/orders\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Orders\n        </Sidebar.Item>\n        <Sidebar.Collapse icon={HiPaintBrush} label=\"Design\">\n          <Sidebar.Item\n            href=\"/design/design\"\n            className={\n              \"/design/theme\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Theme\n          </Sidebar.Item>\n          <Sidebar.Item\n            href=\"/design/editor\"\n            className={\n              \"/e-commerce/billing\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Editor\n          </Sidebar.Item>\n          <Sidebar.Item\n            href=\"/theme/webpages\"\n            className={\n              \"/e-commerce/invoice\" === currentPage\n                ? \"bg-gray-100 dark:bg-gray-700\"\n                : \"\"\n            }\n          >\n            Webpages\n          </Sidebar.Item>\n        </Sidebar.Collapse>\n        <Sidebar.Item\n          href=\"/features\"\n          icon={HiStar}\n          className={\n            \"/features\" === currentPage ? \"bg-gray-100 dark:bg-gray-700\" : \"\"\n          }\n        >\n          Features\n        </Sidebar.Item>\n      </Sidebar.ItemGroup>\n      <Sidebar.ItemGroup>\n        <Sidebar.Item\n          href=\"https://github.com/themesberg/flowbite-react/\"\n          icon={HiDocument}\n        >\n          Docs\n        </Sidebar.Item>\n        <Sidebar.Item href=\"https://flowbite-react.com/\" icon={HiRocketLaunch}>\n          What's New\n        </Sidebar.Item>\n        <Sidebar.Item\n          href=\"https://github.com/themesberg/flowbite-react/issues\"\n          icon={HiGlobeAlt}\n        >\n          Support Centre\n        </Sidebar.Item>\n      </Sidebar.ItemGroup>\n    </Sidebar.Items>\n  );\n}\n","//@ts-nocheck\nimport { Avatar } from \"./\";\nimport { Badge } from \"flowbite-react\";\n\ntype Props = {\n  id: number;\n  title: string;\n  text?: string | JSX.Element;\n  avatarShow?: boolean;\n  avatarColor?: string;\n  avatarBorder?: string;\n  children?: JSX.Element;\n  badgeColor?: string;\n  badgeText?: string;\n  icon?: JSX.Element;\n};\n\nexport function StackedListItem({\n  id,\n  title,\n  text,\n  avatarShow,\n  avatarColor,\n  avatarBorder,\n  children,\n  badgeText,\n  badgeColor,\n  icon,\n}: Props) {\n  function getFirstAndLastLetters(str: string) {\n    var words = str.split(\" \");\n    var firstWord = words[0];\n    var lastWord = words[words.length - 1];\n    var firstLetter = firstWord.charAt(0);\n    if (firstWord !== lastWord) {\n      var lastLetter = lastWord.charAt(0);\n    } else {\n      var lastLetter = \"\";\n    }\n    return [firstLetter, lastLetter];\n  }\n\n  let avatarLetters = getFirstAndLastLetters(title);\n\n  return (\n    <li\n      key={id}\n      className=\"hover:bg-gray-90 relative flex justify-between gap-x-6 px-4 py-5  dark:hover:bg-gray-900\"\n    >\n      <div className=\"flex min-w-0 flex-auto items-center gap-x-4\">\n        {avatarShow && (\n          <Avatar\n            placeholderInitials={avatarLetters}\n            color={avatarColor}\n            border={avatarBorder}\n          />\n        )}\n        {icon && icon}\n        <div className=\"min-w-0 flex-auto\">\n          <div className=\"flex gap-2\">\n            <p className=\"truncate text-sm font-semibold text-gray-900 dark:text-white\">\n              {title}\n            </p>\n            {badgeText && (\n              <Badge color={badgeColor || \"info\"}>{badgeText}</Badge>\n            )}\n          </div>\n          <p className=\"mt-1 flex text-xs text-gray-500 dark:text-gray-400\">\n            <span className=\"relative truncate\">{text}</span>\n          </p>\n        </div>\n      </div>\n      <div className=\"flex flex-shrink-0  items-center gap-x-4\">\n        <div className=\"sm:flex sm:flex-col sm:items-end\">{children}</div>\n      </div>\n    </li>\n  );\n}\n"]}

package/dist/chunk-UGSJ7PI7.mjs

@@ -0,0 +1,9 @@
+import { c, b, a } from './chunk-RUPJ2ZHA.mjs';
+import { variantProps } from 'classname-variants/react';
+import { jsx } from 'react/jsx-runtime';
+
+var k=variantProps({base:"flex h-fit items-center gap-1 font-semibold",variants:{color:{info:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600",failure:"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300",success:"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300",warning:"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300",indigo:"bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300",purple:"bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300",pink:"bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300",blue:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",cyan:"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300",dark:"bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700",light:"bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500",green:"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300",lime:"bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300",red:"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300",teal:"bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300",yellow:"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300"},size:{xs:"p-1 text-xs",sm:"p-1.5 text-sm"},icon:{false:"rounded px-2 py-0.5",true:"rounded-full p-1.5"}}});function x(y){var e=y,{color:o="gray",size:t="xs",icon:d="false",children:b$1}=e,p=c(e,["color","size","icon","children"]);return jsx("span",b(a(a({},k({color:o,size:t,icon:d})),p),{children:b$1}))}
+
+export { x as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-UGSJ7PI7.mjs.map

package/dist/chunk-UGSJ7PI7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge.tsx"],"names":["variantProps","jsx","badgeProps","Badge","_a","_b","color","size","icon","children","props","__objRest","__spreadProps","__spreadValues"],"mappings":"uDACA,OAAS,gBAAAA,MAAoB,2BAqCzB,cAAAC,MAAA,oBAnCJ,IAAMC,EAAaF,EAAa,CAC9B,KAAM,8CACN,SAAU,CACR,MAAO,CACL,KAAM,qHACN,KAAM,qHACN,QAAS,+GACT,QAAS,2HACT,QAAS,iIACT,OAAQ,iIACR,OAAQ,iIACR,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,KAAM,qHACN,MAAO,qHACP,MAAO,2HACP,KAAM,qHACN,IAAK,+GACL,KAAM,qHACN,OAAQ,gIACV,EACA,KAAM,CACJ,GAAI,cACJ,GAAI,eACN,EACA,KAAM,CACJ,MAAO,sBACP,KAAM,oBACR,CACF,CACF,CAAC,EAEM,SAASG,EAAOC,EAA+D,CAA/D,IAAAC,EAAAD,EAAE,OAAAE,EAAM,OAAQ,KAAAC,EAAK,KAAM,KAAAC,EAAK,QAAS,SAAAC,CApChE,EAoCuBJ,EAAsDK,EAAAC,EAAtDN,EAAsD,CAApD,QAAc,OAAW,OAAc,aAC9D,OACEJ,EAAC,OAAAW,EAAAC,IAAA,GAASX,EAAW,CAAE,MAAAI,EAAO,KAAAC,EAAM,KAAAC,CAAK,CAAC,GAAOE,GAAhD,CAAwD,SAAAD,GACzD,CAGJ","sourcesContent":["//@ts-nocheck\nimport { variantProps } from 'classname-variants/react';\n\nconst badgeProps = variantProps({\n  base: \"flex h-fit items-center gap-1 font-semibold\",\n  variants: {\n    color: {\n      info: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-800 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      gray: \"bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 group-hover:bg-gray-200 dark:group-hover:bg-gray-600\",\n      failure: \"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300\",\n      success: \"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300\",\n      warning: \"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300\",\n      indigo: \"bg-indigo-100 text-indigo-800 dark:bg-indigo-200 dark:text-indigo-900 group-hover:bg-indigo-200 dark:group-hover:bg-indigo-300\",\n      purple: \"bg-purple-100 text-purple-800 dark:bg-purple-200 dark:text-purple-900 group-hover:bg-purple-200 dark:group-hover:bg-purple-300\",\n      pink: \"bg-pink-100 text-pink-800 dark:bg-pink-200 dark:text-pink-900 group-hover:bg-pink-200 dark:group-hover:bg-pink-300\",\n      blue: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      cyan: \"bg-cyan-100 text-cyan-800 dark:bg-cyan-200 dark:text-cyan-900 group-hover:bg-cyan-200 dark:group-hover:bg-cyan-300\",\n      dark: \"bg-gray-600 text-gray-100 dark:bg-gray-900 dark:text-gray-200 group-hover:bg-gray-500 dark:group-hover:bg-gray-700\",\n      light: \"bg-gray-200 text-gray-800 dark:bg-gray-400 dark:text-gray-900 group-hover:bg-gray-300 dark:group-hover:bg-gray-500\",\n      green: \"bg-green-100 text-green-800 dark:bg-green-200 dark:text-green-900 group-hover:bg-green-200 dark:group-hover:bg-green-300\",\n      lime: \"bg-lime-100 text-lime-800 dark:bg-lime-200 dark:text-lime-900 group-hover:bg-lime-200 dark:group-hover:bg-lime-300\",\n      red: \"bg-red-100 text-red-800 dark:bg-red-200 dark:text-red-900 group-hover:bg-red-200 dark:group-hover:bg-red-300\",\n      teal: \"bg-teal-100 text-teal-800 dark:bg-teal-200 dark:text-teal-900 group-hover:bg-teal-200 dark:group-hover:bg-teal-300\",\n      yellow: \"bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900 group-hover:bg-yellow-200 dark:group-hover:bg-yellow-300\"\n    },\n    size: {\n      xs: \"p-1 text-xs\",\n      sm: \"p-1.5 text-sm\"\n    },\n    icon: {\n      false: \"rounded px-2 py-0.5\",\n      true: \"rounded-full p-1.5\",\n    },\n  }\n})\n\nexport function Badge ({ color=\"gray\", size=\"xs\", icon=\"false\", children, ...props }) {\n  return (\n    <span {...badgeProps({ color, size, icon })} {...props}>{children}\n    </span>\n    \n  )\n}"]}

package/dist/chunk-UVKFEZEW.mjs

@@ -0,0 +1,11 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e as e$1, c as c$1, b, a as a$1 } from './chunk-RUPJ2ZHA.mjs';
+import { FaTimes } from 'react-icons/fa';
+import { variantProps } from 'classname-variants/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var e=e$1(a());var c=variantProps({base:"relative p-4 w-full max-h-full ",variants:{size:{xsm:"max-w-md",sm:"max-w-xl",md:"max-w-2xl",lg:"max-w-3xl"},defaultVariants:{size:"md"}}});function d(p){var i=p,{children:r}=i,a=c$1(i,["children"]);let y=()=>jsxs("div",{className:"flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600",children:[jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white",children:a.title}),jsxs("button",{type:"button",className:"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white","data-modal-hide":"default-modal",onClick:a.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]})]}),b$1=()=>jsxs("button",{type:"button",className:"absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white","data-modal-hide":"default-modal",onClick:a.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]});return a.show?jsx("div",{id:"default-modal",tabIndex:"-1","aria-hidden":"true",className:"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50",role:"dialog",children:jsx("div",b(a$1({},c(a)),{children:jsxs("div",{className:"relative bg-white rounded-lg shadow dark:bg-gray-700",children:[a.title?y():b$1(),!a.title&&jsxs("button",{type:"button",className:"absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white","data-modal-hide":"default-modal",onClick:a.onClose,children:[jsx(FaTimes,{}),jsx("span",{className:"sr-only",children:"Close modal"})]}),r]})}))}):jsx("div",{})}function s({children:r}){return jsx("div",{children:r})}function n({children:r,border:a=!0}){return jsx("div",{className:`flex items-center p-4 md:p-5 ${a&&"border-t"} border-gray-200 rounded-b dark:border-gray-600`,children:r})}d.Body=s;d.Footer=n;d.defaultProps={size:"md",show:!0};d.propTypes={title:e.default.string,show:e.default.bool,size:e.default.oneOf(["xsm","sm","md","lg"]),onClose:e.default.func.isRequired,children:e.default.arrayOf([e.default.shape({type:e.default.oneOf([s])}).isRequired,e.default.shape({type:e.default.oneOf([n])})])};s.propTypes={children:e.default.node.isRequired};n.propTypes={border:e.default.bool,children:e.default.node.isRequired};
+
+export { d as a, s as b, n as c };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-UVKFEZEW.mjs.map

package/dist/chunk-UVKFEZEW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modal.tsx"],"names":["import_prop_types","FaTimes","variantProps","jsx","jsxs","modalProps","Modal","_a","_b","children","props","__objRest","renderHeadedModal","renderHeadlessModal","__spreadProps","__spreadValues","ModalBody","ModalFooter","border","PropTypes"],"mappings":"uGAGA,IAAAA,EAAsB,OAFtB,OAAS,WAAAC,MAAe,iBACxB,OAAS,gBAAAC,MAAoB,2BAqBvB,cAAAC,EACA,QAAAC,MADA,oBAlBN,IAAMC,EAAaH,EAAa,CAC9B,KAAM,kCACN,SAAU,CACR,KAAM,CACJ,IAAK,WACL,GAAI,WACJ,GAAI,YACJ,GAAI,WACN,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CACF,CAAC,EAEM,SAASI,EAAMC,EAAwB,CAAxB,IAAAC,EAAAD,EAAE,UAAAE,CApBxB,EAoBsBD,EAAeE,EAAAC,EAAfH,EAAe,CAAb,aACtB,IAAMI,EAAoB,IACxBR,EAAC,OAAI,UAAU,uFACb,UAAAD,EAAC,MAAG,UAAU,sDAAuD,SAAAO,EAAM,MAAM,EACjFN,EAAC,UACC,KAAK,SACL,UAAU,6LACV,kBAAgB,gBAChB,QAASM,EAAM,QAEf,UAAAP,EAACF,EAAA,EAAQ,EACTE,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,GACF,EAGIU,EAAsB,IAC1BT,EAAC,UACC,KAAK,SACL,UAAU,oNACV,kBAAgB,gBAChB,QAASM,EAAM,QAEf,UAAAP,EAACF,EAAA,EAAQ,EACTE,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAGF,OAAKO,EAAM,KAGTP,EAAC,OACC,GAAG,gBACH,SAAS,KACT,cAAY,OACZ,UAAU,oNACV,KAAK,SAEL,SAAAA,EAAC,MAAAW,EAAAC,EAAA,GAAQV,EAAWK,CAAK,GAAxB,CACC,SAAAN,EAAC,OAAI,UAAU,uDACZ,UAAAM,EAAM,MAAQE,EAAkB,EAAIC,EAAoB,EACxD,CAACH,EAAM,OACNN,EAAC,UACC,KAAK,SACL,UAAU,oNACV,kBAAgB,gBAChB,QAASM,EAAM,QAEf,UAAAP,EAACF,EAAA,EAAQ,EACTE,EAAC,QAAK,UAAU,UAAU,uBAAW,GACvC,EAEDM,GACH,GACF,EACF,EA3BsBN,EAAC,QAAI,CA6B/B,CAEO,SAASa,EAAU,CAAE,SAAAP,CAAS,EAAG,CACtC,OAAON,EAAC,OAAK,SAAAM,EAAS,CACxB,CAEO,SAASQ,EAAY,CAAE,SAAAR,EAAU,OAAAS,EAAS,EAAK,EAAG,CACvD,OAAOf,EAAC,OAAI,UAAW,gCAAgCe,GAAU,4DAA8D,SAAAT,EAAS,CAC1I,CAEAH,EAAM,KAAOU,EACbV,EAAM,OAASW,EAEfX,EAAM,aAAe,CACjB,KAAM,KACN,KAAM,EACV,EAEAA,EAAM,UAAY,CAEhB,MAAO,EAAAa,QAAU,OAEjB,KAAM,EAAAA,QAAU,KAEhB,KAAM,EAAAA,QAAU,MAAM,CAAC,MAAO,KAAM,KAAM,IAAI,CAAC,EAE/C,QAAS,EAAAA,QAAU,KAAK,WAExB,SAAU,EAAAA,QAAU,QAAQ,CAC1B,EAAAA,QAAU,MAAM,CAAE,KAAM,EAAAA,QAAU,MAAM,CAACH,CAAS,CAAC,CAAG,CAAC,EAAE,WACzD,EAAAG,QAAU,MAAM,CAAE,KAAM,EAAAA,QAAU,MAAM,CAACF,CAAW,CAAC,CAAE,CAAC,CAC1D,CAAC,CACH,EAEAD,EAAU,UAAY,CAElB,SAAU,EAAAG,QAAU,KAAK,UAC7B,EAEAF,EAAY,UAAY,CAEpB,OAAQ,EAAAE,QAAU,KAClB,SAAU,EAAAA,QAAU,KAAK,UAC7B","sourcesContent":["//@ts-nocheck\nimport { FaTimes } from 'react-icons/fa'\nimport { variantProps } from 'classname-variants/react'\nimport PropTypes from 'prop-types'\n\nconst modalProps = variantProps({\n  base: 'relative p-4 w-full max-h-full ',\n  variants: {\n    size: {\n      xsm: 'max-w-md',\n      sm: 'max-w-xl',\n      md: 'max-w-2xl',\n      lg: 'max-w-3xl',\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n})\n\nexport function Modal({ children, ...props }) {\n  const renderHeadedModal = () => (\n    <div className=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600\">\n      <h3 className=\"text-xl font-semibold text-gray-900 dark:text-white\">{props.title}</h3>\n      <button\n        type=\"button\"\n        className=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white\"\n        data-modal-hide=\"default-modal\"\n        onClick={props.onClose}\n      >\n        <FaTimes />\n        <span className=\"sr-only\">Close modal</span>\n      </button>\n    </div>\n  )\n\n  const renderHeadlessModal = () => (\n    <button\n      type=\"button\"\n      className=\"absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white\"\n      data-modal-hide=\"default-modal\"\n      onClick={props.onClose}\n    >\n      <FaTimes />\n      <span className=\"sr-only\">Close modal</span>\n    </button>\n  )\n\n  if (!props.show) return <div />\n\n  return (\n    <div\n      id=\"default-modal\"\n      tabIndex=\"-1\"\n      aria-hidden=\"true\"\n      className=\"overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 justify-center items-center w-full md:inset-0 h-[calc(100%-1rem)] max-h-full flex bg-gray-900 bg-opacity-50 dark:bg-gray-900 dark:bg-opacity-50\"\n      role=\"dialog\"\n    >\n      <div {...modalProps(props)}>\n        <div className=\"relative bg-white rounded-lg shadow dark:bg-gray-700\">\n          {props.title ? renderHeadedModal() : renderHeadlessModal()}\n          {!props.title && (\n            <button\n              type=\"button\"\n              className=\"absolute top-3 end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white\"\n              data-modal-hide=\"default-modal\"\n              onClick={props.onClose}\n            >\n              <FaTimes />\n              <span className=\"sr-only\">Close modal</span>\n            </button>\n          )}\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function ModalBody({ children }) {\n  return <div>{children}</div>\n}\n\nexport function ModalFooter({ children, border = true }) {\n  return <div className={`flex items-center p-4 md:p-5 ${border && 'border-t'} border-gray-200 rounded-b dark:border-gray-600`}>{children}</div>\n}\n\nModal.Body = ModalBody\nModal.Footer = ModalFooter\n\nModal.defaultProps = {\n    size: 'md',\n    show: true,\n}\n\nModal.propTypes = {\n  /** Tile of the modal not providing a title makes this a headless modal */\n  title: PropTypes.string,\n  /** Whether or not the modal is visible */\n  show: PropTypes.bool,\n  /** Size of the modal */\n  size: PropTypes.oneOf(['xsm', 'sm', 'md', 'lg']),\n  /** Callback for the close action */\n  onClose: PropTypes.func.isRequired,\n  /** Body and Footer compounds used to build up the modal. The footer is optional */\n  children: PropTypes.arrayOf([\n    PropTypes.shape({ type: PropTypes.oneOf([ModalBody]), }).isRequired,\n    PropTypes.shape({ type: PropTypes.oneOf([ModalFooter]) })\n  ]),\n}\n\nModalBody.propTypes = {\n    /** Markup to make up the Modal content */\n    children: PropTypes.node.isRequired,\n}\n\nModalFooter.propTypes = {\n    /** Markup to make up the Modal Footer */\n    border: PropTypes.bool,\n    children: PropTypes.node.isRequired,\n}"]}