@intlayer/design-system 5.7.8 → 5.8.1-canary.0

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopThemeSwitcher.cjs","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { type ButtonProps, Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\nimport { Modes } from './types';\n\nconst ButtonItem: FC<ButtonProps> = ({ Icon, children, ...props }) => (\n  <div className=\"relative w-full p-0.5\">\n    <Button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 focus:outline-hidden w-full cursor-pointer rounded-lg p-1 text-left disabled:text-white/25\"\n      Icon={Icon}\n      data-mode=\"system\"\n      role=\"option\"\n      variant=\"none\"\n      {...props}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\ntype DesktopThemeSwitcherProps = {\n  theme: Modes;\n  setTheme: (theme: Modes) => void;\n  systemTheme: Modes;\n};\n\nexport const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps> = ({\n  theme,\n  setTheme,\n  systemTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const switchMode = (mode: Modes) => {\n    if (mode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(mode);\n    }\n    setMode(mode);\n  };\n\n  const panelIdentifier = 'theme-switcher';\n\n  return (\n    <DropDown identifier={panelIdentifier}>\n      <DropDown.Trigger\n        className=\"p-2\"\n        identifier={panelIdentifier}\n        aria-label=\"Theme selector\"\n      >\n        {mode === Modes.system && <CircleDashed data-mode=\"system\" />}\n        {mode === Modes.light && <Sun data-mode=\"light\" />}\n        {mode === Modes.dark && <Moon data-mode=\"dark\" />}\n      </DropDown.Trigger>\n\n      <DropDown.Panel identifier={panelIdentifier} isFocusable isOverable>\n        <Container className=\"min-w-[100px] items-start p-1\" separator=\"y\">\n          <ButtonItem\n            Icon={CircleDashed}\n            onClick={() => switchMode(Modes.system)}\n            isActive={mode === Modes.system}\n            label=\"Restore to system mode\"\n          >\n            System\n          </ButtonItem>\n          <ButtonItem\n            Icon={Sun}\n            onClick={() => switchMode(Modes.light)}\n            isActive={mode === Modes.light}\n            label=\"Switch to light mode\"\n          >\n            Light\n          </ButtonItem>\n          <ButtonItem\n            Icon={Moon}\n            onClick={() => switchMode(Modes.dark)}\n            isActive={mode === Modes.dark}\n            label=\"Switch to dark mode\"\n          >\n            Dark\n          </ButtonItem>\n        </Container>\n      </DropDown.Panel>\n    </DropDown>\n  );\n};\n"],"names":["jsx","Button","Modes","useState","mode","jsxs","DropDown","CircleDashed","Sun","Moon","Container"],"mappings":";;;;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxDA,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAAA;AAAAA,EAACC,yBAAAA;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AAC3C,QAAM,cAAc,qBAAqBC,uCAAAA,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAIC,aAAAA,SAAgB,WAAW;AAEnD,QAAM,aAAa,CAACC,UAAgB;AAClC,QAAIA,UAASF,uCAAAA,MAAM,QAAQ;AACzB,eAAS,eAAeA,uCAAAA,MAAM,KAAK;AAAA,IACrC,OAAO;AACL,eAASE,KAAI;AAAA,IACf;AACA,YAAQA,KAAI;AAAA,EACd;AAEA,QAAM,kBAAkB;AAExB,SACEC,2BAAAA,KAACC,0BAAAA,UAAA,EAAS,YAAY,iBACpB,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAACC,0BAAAA,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAASJ,uCAAAA,MAAM,UAAUF,2BAAAA,IAACO,YAAAA,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAASL,uCAAAA,MAAM,SAASF,2BAAAA,IAACQ,YAAAA,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAASN,uCAAAA,MAAM,QAAQF,2BAAAA,IAACS,YAAAA,MAAA,EAAK,aAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjDT,2BAAAA,IAACM,0BAAAA,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAAAD,2BAAAA,KAACK,2BAAAA,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAAV,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMO,YAAAA;AAAAA,UACN,SAAS,MAAM,WAAWL,uCAAAA,MAAM,MAAM;AAAA,UACtC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGDF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMQ,YAAAA;AAAAA,UACN,SAAS,MAAM,WAAWN,uCAAAA,MAAM,KAAK;AAAA,UACrC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGDF,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMS,YAAAA;AAAAA,UACN,SAAS,MAAM,WAAWP,uCAAAA,MAAM,IAAI;AAAA,UACpC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;"}
+{"version":3,"file":"DesktopThemeSwitcher.cjs","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { CircleDashed, Moon, Sun } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { Button, ButtonVariant, type ButtonProps } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\nimport { Modes } from './types';\n\nconst ButtonItem: FC<ButtonProps> = ({ Icon, children, ...props }) => (\n  <div className=\"relative w-full p-0.5\">\n    <Button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 focus:outline-hidden w-full cursor-pointer rounded-lg p-1 text-left disabled:text-white/25\"\n      Icon={Icon}\n      data-mode=\"system\"\n      role=\"option\"\n      variant={ButtonVariant.NONE}\n      {...props}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\ntype DesktopThemeSwitcherProps = {\n  theme: Modes;\n  setTheme: (theme: Modes) => void;\n  systemTheme: Modes;\n};\n\nexport const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps> = ({\n  theme,\n  setTheme,\n  systemTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const switchMode = (mode: Modes) => {\n    if (mode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(mode);\n    }\n    setMode(mode);\n  };\n\n  const panelIdentifier = 'theme-switcher';\n\n  return (\n    <DropDown identifier={panelIdentifier}>\n      <DropDown.Trigger\n        className=\"p-2\"\n        identifier={panelIdentifier}\n        aria-label=\"Theme selector\"\n      >\n        {mode === Modes.system && <CircleDashed data-mode=\"system\" />}\n        {mode === Modes.light && <Sun data-mode=\"light\" />}\n        {mode === Modes.dark && <Moon data-mode=\"dark\" />}\n      </DropDown.Trigger>\n\n      <DropDown.Panel identifier={panelIdentifier} isFocusable isOverable>\n        <Container className=\"min-w-[100px] items-start p-1\" separator=\"y\">\n          <ButtonItem\n            Icon={CircleDashed}\n            onClick={() => switchMode(Modes.system)}\n            isActive={mode === Modes.system}\n            label=\"Restore to system mode\"\n          >\n            System\n          </ButtonItem>\n          <ButtonItem\n            Icon={Sun}\n            onClick={() => switchMode(Modes.light)}\n            isActive={mode === Modes.light}\n            label=\"Switch to light mode\"\n          >\n            Light\n          </ButtonItem>\n          <ButtonItem\n            Icon={Moon}\n            onClick={() => switchMode(Modes.dark)}\n            isActive={mode === Modes.dark}\n            label=\"Switch to dark mode\"\n          >\n            Dark\n          </ButtonItem>\n        </Container>\n      </DropDown.Panel>\n    </DropDown>\n  );\n};\n"],"names":["jsx","Button","ButtonVariant","Modes","useState","mode","jsxs","DropDown","CircleDashed","Sun","Moon","Container"],"mappings":";;;;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxDA,2BAAAA,IAAC,OAAA,EAAI,WAAU,yBACb,UAAAA,2BAAAA;AAAAA,EAACC,yBAAAA;AAAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAASC,yBAAAA,cAAc;AAAA,IACtB,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AAC3C,QAAM,cAAc,qBAAqBC,uCAAAA,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAIC,aAAAA,SAAgB,WAAW;AAEnD,QAAM,aAAa,CAACC,UAAgB;AAClC,QAAIA,UAASF,uCAAAA,MAAM,QAAQ;AACzB,eAAS,eAAeA,uCAAAA,MAAM,KAAK;AAAA,IACrC,OAAO;AACL,eAASE,KAAI;AAAA,IACf;AACA,YAAQA,KAAI;AAAA,EACd;AAEA,QAAM,kBAAkB;AAExB,SACEC,2BAAAA,KAACC,0BAAAA,UAAA,EAAS,YAAY,iBACpB,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAACC,0BAAAA,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAASJ,uCAAAA,MAAM,UAAUH,2BAAAA,IAACQ,YAAAA,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAASL,uCAAAA,MAAM,SAASH,2BAAAA,IAACS,YAAAA,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAASN,uCAAAA,MAAM,QAAQH,2BAAAA,IAACU,YAAAA,MAAA,EAAK,aAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjDV,2BAAAA,IAACO,0BAAAA,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAAAD,2BAAAA,KAACK,2BAAAA,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAAX,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMQ,YAAAA;AAAAA,UACN,SAAS,MAAM,WAAWL,uCAAAA,MAAM,MAAM;AAAA,UACtC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGDH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMS,YAAAA;AAAAA,UACN,SAAS,MAAM,WAAWN,uCAAAA,MAAM,KAAK;AAAA,UACrC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGDH,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMU,YAAAA;AAAAA,UACN,SAAS,MAAM,WAAWP,uCAAAA,MAAM,IAAI;AAAA,UACpC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { CircleDashed, Sun, Moon } from "lucide-react";
 import { useState } from "react";
-import { Button } from "../Button/Button.mjs";
+import { Button, ButtonVariant } from "../Button/Button.mjs";
 import { Container } from "../Container/index.mjs";
 import { DropDown } from "../DropDown/index.mjs";
 import { Modes } from "./types.mjs";
@@ -13,7 +13,7 @@ const ButtonItem = ({ Icon, children, ...props }) => /* @__PURE__ */ jsx("div",
     Icon,
     "data-mode": "system",
     role: "option",
-    variant: "none",
+    variant: ButtonVariant.NONE,
     ...props,
     children
   }

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopThemeSwitcher.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { type ButtonProps, Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\nimport { Modes } from './types';\n\nconst ButtonItem: FC<ButtonProps> = ({ Icon, children, ...props }) => (\n  <div className=\"relative w-full p-0.5\">\n    <Button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 focus:outline-hidden w-full cursor-pointer rounded-lg p-1 text-left disabled:text-white/25\"\n      Icon={Icon}\n      data-mode=\"system\"\n      role=\"option\"\n      variant=\"none\"\n      {...props}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\ntype DesktopThemeSwitcherProps = {\n  theme: Modes;\n  setTheme: (theme: Modes) => void;\n  systemTheme: Modes;\n};\n\nexport const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps> = ({\n  theme,\n  setTheme,\n  systemTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const switchMode = (mode: Modes) => {\n    if (mode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(mode);\n    }\n    setMode(mode);\n  };\n\n  const panelIdentifier = 'theme-switcher';\n\n  return (\n    <DropDown identifier={panelIdentifier}>\n      <DropDown.Trigger\n        className=\"p-2\"\n        identifier={panelIdentifier}\n        aria-label=\"Theme selector\"\n      >\n        {mode === Modes.system && <CircleDashed data-mode=\"system\" />}\n        {mode === Modes.light && <Sun data-mode=\"light\" />}\n        {mode === Modes.dark && <Moon data-mode=\"dark\" />}\n      </DropDown.Trigger>\n\n      <DropDown.Panel identifier={panelIdentifier} isFocusable isOverable>\n        <Container className=\"min-w-[100px] items-start p-1\" separator=\"y\">\n          <ButtonItem\n            Icon={CircleDashed}\n            onClick={() => switchMode(Modes.system)}\n            isActive={mode === Modes.system}\n            label=\"Restore to system mode\"\n          >\n            System\n          </ButtonItem>\n          <ButtonItem\n            Icon={Sun}\n            onClick={() => switchMode(Modes.light)}\n            isActive={mode === Modes.light}\n            label=\"Switch to light mode\"\n          >\n            Light\n          </ButtonItem>\n          <ButtonItem\n            Icon={Moon}\n            onClick={() => switchMode(Modes.dark)}\n            isActive={mode === Modes.dark}\n            label=\"Switch to dark mode\"\n          >\n            Dark\n          </ButtonItem>\n        </Container>\n      </DropDown.Panel>\n    </DropDown>\n  );\n};\n"],"names":["mode"],"mappings":";;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxD,oBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AAC3C,QAAM,cAAc,qBAAqB,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgB,WAAW;AAEnD,QAAM,aAAa,CAACA,UAAgB;AAClC,QAAIA,UAAS,MAAM,QAAQ;AACzB,eAAS,eAAe,MAAM,KAAK;AAAA,IACrC,OAAO;AACL,eAASA,KAAI;AAAA,IACf;AACA,YAAQA,KAAI;AAAA,EACd;AAEA,QAAM,kBAAkB;AAExB,SACE,qBAAC,UAAA,EAAS,YAAY,iBACpB,UAAA;AAAA,IAAA;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAAS,MAAM,UAAU,oBAAC,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAAS,MAAM,SAAS,oBAAC,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAAS,MAAM,QAAQ,oBAAC,MAAA,EAAK,aAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjD,oBAAC,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAAA,qBAAC,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,MAAM;AAAA,UACtC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,KAAK;AAAA,UACrC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,IAAI;AAAA,UACpC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DesktopThemeSwitcher.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { CircleDashed, Moon, Sun } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { Button, ButtonVariant, type ButtonProps } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\nimport { Modes } from './types';\n\nconst ButtonItem: FC<ButtonProps> = ({ Icon, children, ...props }) => (\n  <div className=\"relative w-full p-0.5\">\n    <Button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 focus:outline-hidden w-full cursor-pointer rounded-lg p-1 text-left disabled:text-white/25\"\n      Icon={Icon}\n      data-mode=\"system\"\n      role=\"option\"\n      variant={ButtonVariant.NONE}\n      {...props}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\ntype DesktopThemeSwitcherProps = {\n  theme: Modes;\n  setTheme: (theme: Modes) => void;\n  systemTheme: Modes;\n};\n\nexport const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps> = ({\n  theme,\n  setTheme,\n  systemTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const switchMode = (mode: Modes) => {\n    if (mode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(mode);\n    }\n    setMode(mode);\n  };\n\n  const panelIdentifier = 'theme-switcher';\n\n  return (\n    <DropDown identifier={panelIdentifier}>\n      <DropDown.Trigger\n        className=\"p-2\"\n        identifier={panelIdentifier}\n        aria-label=\"Theme selector\"\n      >\n        {mode === Modes.system && <CircleDashed data-mode=\"system\" />}\n        {mode === Modes.light && <Sun data-mode=\"light\" />}\n        {mode === Modes.dark && <Moon data-mode=\"dark\" />}\n      </DropDown.Trigger>\n\n      <DropDown.Panel identifier={panelIdentifier} isFocusable isOverable>\n        <Container className=\"min-w-[100px] items-start p-1\" separator=\"y\">\n          <ButtonItem\n            Icon={CircleDashed}\n            onClick={() => switchMode(Modes.system)}\n            isActive={mode === Modes.system}\n            label=\"Restore to system mode\"\n          >\n            System\n          </ButtonItem>\n          <ButtonItem\n            Icon={Sun}\n            onClick={() => switchMode(Modes.light)}\n            isActive={mode === Modes.light}\n            label=\"Switch to light mode\"\n          >\n            Light\n          </ButtonItem>\n          <ButtonItem\n            Icon={Moon}\n            onClick={() => switchMode(Modes.dark)}\n            isActive={mode === Modes.dark}\n            label=\"Switch to dark mode\"\n          >\n            Dark\n          </ButtonItem>\n        </Container>\n      </DropDown.Panel>\n    </DropDown>\n  );\n};\n"],"names":["mode"],"mappings":";;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxD,oBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAS,cAAc;AAAA,IACtB,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AAC3C,QAAM,cAAc,qBAAqB,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgB,WAAW;AAEnD,QAAM,aAAa,CAACA,UAAgB;AAClC,QAAIA,UAAS,MAAM,QAAQ;AACzB,eAAS,eAAe,MAAM,KAAK;AAAA,IACrC,OAAO;AACL,eAASA,KAAI;AAAA,IACf;AACA,YAAQA,KAAI;AAAA,EACd;AAEA,QAAM,kBAAkB;AAExB,SACE,qBAAC,UAAA,EAAS,YAAY,iBACpB,UAAA;AAAA,IAAA;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAAS,MAAM,UAAU,oBAAC,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAAS,MAAM,SAAS,oBAAC,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAAS,MAAM,QAAQ,oBAAC,MAAA,EAAK,aAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjD,oBAAC,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAAA,qBAAC,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,MAAM;AAAA,UACtC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,KAAK;AAAA,UACrC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,IAAI;AAAA,UACpC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/index.cjs

@@ -19,6 +19,7 @@ const components_DictionaryFieldEditor_VersionSwitcherDropDown_VersionSwitcherCo
 const components_DropDown_index = require("./DropDown/index.cjs");
 const components_EditableField_EditableFieldInput = require("./EditableField/EditableFieldInput.cjs");
 const components_EditableField_EditableFieldTextArea = require("./EditableField/EditableFieldTextArea.cjs");
+const components_ExpandCollapse_ExpandCollapse = require("./ExpandCollapse/ExpandCollapse.cjs");
 const components_Flags_Flag = require("./Flags/Flag.cjs");
 const components_Footer_index = require("./Footer/index.cjs");
 const components_Form_FormBase = require("./Form/FormBase.cjs");
@@ -83,13 +84,27 @@ const components_SocialNetworks_YoutubeLogo = require("./SocialNetworks/YoutubeL
 exports.Accordion = components_Accordion_Accordion.Accordion;
 exports.Avatar = components_Avatar_index.Avatar;
 exports.Badge = components_Badge_index.Badge;
+exports.BadgeColor = components_Badge_index.BadgeColor;
+exports.BadgeVariant = components_Badge_index.BadgeVariant;
 exports.badgeVariants = components_Badge_index.badgeVariants;
 exports.Breadcrumb = components_Breadcrumb_index.Breadcrumb;
 exports.Button = components_Button_Button.Button;
+exports.ButtonColor = components_Button_Button.ButtonColor;
+exports.ButtonIconPosition = components_Button_Button.ButtonIconPosition;
+exports.ButtonSize = components_Button_Button.ButtonSize;
+exports.ButtonTextAlign = components_Button_Button.ButtonTextAlign;
+exports.ButtonVariant = components_Button_Button.ButtonVariant;
 exports.ClickOutsideDiv = components_ClickOutsideDiv_index.ClickOutsideDiv;
 exports.Command = components_Command_index.Command;
 exports.CommandRoot = components_Command_index.CommandRoot;
 exports.Container = components_Container_index.Container;
+exports.ContainerBackground = components_Container_index.ContainerBackground;
+exports.ContainerBorderColor = components_Container_index.ContainerBorderColor;
+exports.ContainerGap = components_Container_index.ContainerGap;
+exports.ContainerPadding = components_Container_index.ContainerPadding;
+exports.ContainerRoundedSize = components_Container_index.ContainerRoundedSize;
+exports.ContainerSeparator = components_Container_index.ContainerSeparator;
+exports.ContainerTransparency = components_Container_index.ContainerTransparency;
 exports.containerVariants = components_Container_index.containerVariants;
 exports.ContentSelector = components_ContentSelector_ContentSelector.ContentSelector;
 exports.CopyButton = components_CopyButton_index.CopyButton;
@@ -101,8 +116,10 @@ exports.VersionSwitcher = components_DictionaryFieldEditor_VersionSwitcherDropDo
 exports.VersionSwitcherProvider = components_DictionaryFieldEditor_VersionSwitcherDropDown_VersionSwitcherContext.VersionSwitcherProvider;
 exports.useVersionSwitcher = components_DictionaryFieldEditor_VersionSwitcherDropDown_VersionSwitcherContext.useVersionSwitcher;
 exports.DropDown = components_DropDown_index.DropDown;
+exports.DropDownAlign = components_DropDown_index.DropDownAlign;
 exports.EditableFieldInput = components_EditableField_EditableFieldInput.EditableFieldInput;
 exports.EditableFieldTextArea = components_EditableField_EditableFieldTextArea.EditableFieldTextArea;
+exports.ExpandCollapse = components_ExpandCollapse_ExpandCollapse.ExpandCollapse;
 exports.Flag = components_Flags_Flag.Flag;
 exports.Footer = components_Footer_index.Footer;
 exports.useForm = components_Form_FormBase.useForm;
@@ -119,13 +136,20 @@ exports.IDE = components_IDE_IDE.IDE;
 exports.FileList = components_IDE_FileList.FileList;
 exports.InformationTag = components_InformationTag_index.InformationTag;
 exports.Input = components_Input_Input.Input;
+exports.InputSize = components_Input_Input.InputSize;
+exports.InputVariant = components_Input_Input.InputVariant;
 exports.inputVariants = components_Input_Input.inputVariants;
 exports.InputPassword = components_Input_InputPassword.InputPassword;
 exports.Checkbox = components_Input_Checkbox.Checkbox;
+exports.CheckboxColor = components_Input_Checkbox.CheckboxColor;
+exports.CheckboxSize = components_Input_Checkbox.CheckboxSize;
 exports.checkboxVariants = components_Input_Checkbox.checkboxVariants;
 exports.KeyboardScreenAdapter = components_KeyboardScreenAdapter_index.KeyboardScreenAdapter;
 exports.Label = components_Label_index.Label;
 exports.Link = components_Link_Link.Link;
+exports.LinkColor = components_Link_Link.LinkColor;
+exports.LinkUnderlined = components_Link_Link.LinkUnderlined;
+exports.LinkVariant = components_Link_Link.LinkVariant;
 exports.checkIsExternalLink = components_Link_Link.checkIsExternalLink;
 exports.linkVariants = components_Link_Link.linkVariants;
 exports.Loader = components_Loader_index.Loader;
@@ -141,23 +165,35 @@ exports.MarkdownRenderer = components_MarkDownRender_index.MarkdownRenderer;
 exports.MaxHeightSmoother = components_MaxHeightSmoother_index.MaxHeightSmoother;
 exports.MaxWidthSmoother = components_MaxWidthSmoother_index.MaxWidthSmoother;
 exports.Modal = components_Modal_Modal.Modal;
+exports.ModalSize = components_Modal_Modal.ModalSize;
 exports.Navbar = components_Navbar_index.Navbar;
 exports.GridPattern = components_Pattern_GridPattern.GridPattern;
 exports.DotPattern = components_Pattern_DotPattern.DotPattern;
 exports.Spotlight = components_Pattern_SpotLight.Spotlight;
 exports.Popover = components_Popover_index.Popover;
+exports.PopoverXAlign = components_Popover_index.PopoverXAlign;
+exports.PopoverYAlign = components_Popover_index.PopoverYAlign;
 exports.PressableSpan = components_PressableSpan_PressableSpan.PressableSpan;
 exports.RightDrawer = components_RightDrawer_RightDrawer.RightDrawer;
 exports.useRightDrawerStore = components_RightDrawer_useRightDrawerStore.useRightDrawerStore;
 exports.MultiSelect = components_Select_Multiselect.MultiSelect;
 exports.Select = components_Select_Select.Select;
 exports.SelectContent = components_Select_Select.SelectContent;
+exports.SelectContentPosition = components_Select_Select.SelectContentPosition;
 exports.SelectLabel = components_Select_Select.SelectLabel;
 exports.SelectSeparator = components_Select_Select.SelectSeparator;
 exports.SocialNetworks = components_SocialNetworks_index.SocialNetworks;
 exports.SwitchSelector = components_SwitchSelector_index.SwitchSelector;
+exports.SwitchSelectorColor = components_SwitchSelector_index.SwitchSelectorColor;
+exports.SwitchSelectorSize = components_SwitchSelector_index.SwitchSelectorSize;
 exports.TabSelector = components_TabSelector_TabSelector.TabSelector;
+exports.TabSelectorColor = components_TabSelector_TabSelector.TabSelectorColor;
 exports.Tag = components_Tag_index.Tag;
+exports.TagBackground = components_Tag_index.TagBackground;
+exports.TagBorder = components_Tag_index.TagBorder;
+exports.TagColor = components_Tag_index.TagColor;
+exports.TagRoundedSize = components_Tag_index.TagRoundedSize;
+exports.TagSize = components_Tag_index.TagSize;
 exports.AutoSizedTextArea = components_TextArea_AutoSizeTextArea.AutoSizedTextArea;
 exports.TextArea = components_TextArea_TextArea.TextArea;
 exports.AutoCompleteTextarea = components_TextArea_AutocompleteTextArea.AutoCompleteTextarea;

package/dist/components/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/index.d.ts

@@ -13,6 +13,7 @@ export * from './DictionaryEditor';
 export * from './DictionaryFieldEditor';
 export * from './DropDown';
 export * from './EditableField';
+export * from './ExpandCollapse';
 export * from './Flags';
 export * from './Footer';
 export * from './Form';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/components/index.mjs

@@ -1,11 +1,11 @@
 import { Accordion } from "./Accordion/Accordion.mjs";
 import { Avatar } from "./Avatar/index.mjs";
-import { Badge, badgeVariants } from "./Badge/index.mjs";
+import { Badge, BadgeColor, BadgeVariant, badgeVariants } from "./Badge/index.mjs";
 import { Breadcrumb } from "./Breadcrumb/index.mjs";
-import { Button } from "./Button/Button.mjs";
+import { Button, ButtonColor, ButtonIconPosition, ButtonSize, ButtonTextAlign, ButtonVariant } from "./Button/Button.mjs";
 import { ClickOutsideDiv } from "./ClickOutsideDiv/index.mjs";
 import { Command, CommandRoot } from "./Command/index.mjs";
-import { Container, containerVariants } from "./Container/index.mjs";
+import { Container, ContainerBackground, ContainerBorderColor, ContainerGap, ContainerPadding, ContainerRoundedSize, ContainerSeparator, ContainerTransparency, containerVariants } from "./Container/index.mjs";
 import { ContentSelector } from "./ContentSelector/ContentSelector.mjs";
 import { CopyButton } from "./CopyButton/index.mjs";
 import { CopyToClipboard } from "./CopyToClipboard/index.mjs";
@@ -14,9 +14,10 @@ import { DictionaryCreationForm } from "./DictionaryFieldEditor/DictionaryCreati
 import { DictionaryFieldEditor } from "./DictionaryFieldEditor/DictionaryFieldEditor.mjs";
 import { VersionSwitcher } from "./DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcher.mjs";
 import { VersionSwitcherProvider, useVersionSwitcher } from "./DictionaryFieldEditor/VersionSwitcherDropDown/VersionSwitcherContext.mjs";
-import { DropDown } from "./DropDown/index.mjs";
+import { DropDown, DropDownAlign } from "./DropDown/index.mjs";
 import { EditableFieldInput } from "./EditableField/EditableFieldInput.mjs";
 import { EditableFieldTextArea } from "./EditableField/EditableFieldTextArea.mjs";
+import { ExpandCollapse } from "./ExpandCollapse/ExpandCollapse.mjs";
 import { Flag } from "./Flags/Flag.mjs";
 import { Footer } from "./Footer/index.mjs";
 import { useForm } from "./Form/FormBase.mjs";
@@ -28,12 +29,12 @@ import { Code } from "./IDE/Code.mjs";
 import { IDE } from "./IDE/IDE.mjs";
 import { FileList } from "./IDE/FileList.mjs";
 import { InformationTag } from "./InformationTag/index.mjs";
-import { Input, inputVariants } from "./Input/Input.mjs";
+import { Input, InputSize, InputVariant, inputVariants } from "./Input/Input.mjs";
 import { InputPassword } from "./Input/InputPassword.mjs";
-import { Checkbox, checkboxVariants } from "./Input/Checkbox.mjs";
+import { Checkbox, CheckboxColor, CheckboxSize, checkboxVariants } from "./Input/Checkbox.mjs";
 import { KeyboardScreenAdapter } from "./KeyboardScreenAdapter/index.mjs";
 import { Label } from "./Label/index.mjs";
-import { Link, checkIsExternalLink, linkVariants } from "./Link/Link.mjs";
+import { Link, LinkColor, LinkUnderlined, LinkVariant, checkIsExternalLink, linkVariants } from "./Link/Link.mjs";
 import { Loader } from "./Loader/index.mjs";
 import { LocaleSwitcherContent } from "./LocaleSwitcherContentDropDown/LocaleSwitcherContent.mjs";
 import { LocaleSwitcherContentProvider, useLocaleSwitcherContent } from "./LocaleSwitcherContentDropDown/LocaleSwitcherContentContext.mjs";
@@ -45,21 +46,21 @@ import { LogoWithTextBelow } from "./Logo/LogoWithTextBelow.mjs";
 import { MarkdownRenderer } from "./MarkDownRender/index.mjs";
 import { MaxHeightSmoother } from "./MaxHeightSmoother/index.mjs";
 import { MaxWidthSmoother } from "./MaxWidthSmoother/index.mjs";
-import { Modal } from "./Modal/Modal.mjs";
+import { Modal, ModalSize } from "./Modal/Modal.mjs";
 import { Navbar } from "./Navbar/index.mjs";
 import { GridPattern } from "./Pattern/GridPattern.mjs";
 import { DotPattern } from "./Pattern/DotPattern.mjs";
 import { Spotlight } from "./Pattern/SpotLight.mjs";
-import { Popover } from "./Popover/index.mjs";
+import { Popover, PopoverXAlign, PopoverYAlign } from "./Popover/index.mjs";
 import { PressableSpan } from "./PressableSpan/PressableSpan.mjs";
 import { RightDrawer } from "./RightDrawer/RightDrawer.mjs";
 import { useRightDrawerStore } from "./RightDrawer/useRightDrawerStore.mjs";
 import { MultiSelect } from "./Select/Multiselect.mjs";
-import { Select, SelectContent, SelectLabel, SelectSeparator } from "./Select/Select.mjs";
+import { Select, SelectContent, SelectContentPosition, SelectLabel, SelectSeparator } from "./Select/Select.mjs";
 import { SocialNetworks } from "./SocialNetworks/index.mjs";
-import { SwitchSelector } from "./SwitchSelector/index.mjs";
-import { TabSelector } from "./TabSelector/TabSelector.mjs";
-import { Tag } from "./Tag/index.mjs";
+import { SwitchSelector, SwitchSelectorColor, SwitchSelectorSize } from "./SwitchSelector/index.mjs";
+import { TabSelector, TabSelectorColor } from "./TabSelector/TabSelector.mjs";
+import { Tag, TagBackground, TagBorder, TagColor, TagRoundedSize, TagSize } from "./Tag/index.mjs";
 import { AutoSizedTextArea } from "./TextArea/AutoSizeTextArea.mjs";
 import { TextArea } from "./TextArea/TextArea.mjs";
 import { AutoCompleteTextarea, useDebounce } from "./TextArea/AutocompleteTextArea.mjs";
@@ -84,14 +85,30 @@ export {
   AutoSizedTextArea,
   Avatar,
   Badge,
+  BadgeColor,
+  BadgeVariant,
   Breadcrumb,
   Button,
+  ButtonColor,
+  ButtonIconPosition,
+  ButtonSize,
+  ButtonTextAlign,
+  ButtonVariant,
   Checkbox,
+  CheckboxColor,
+  CheckboxSize,
   ClickOutsideDiv,
   Code,
   Command,
   CommandRoot,
   Container,
+  ContainerBackground,
+  ContainerBorderColor,
+  ContainerGap,
+  ContainerPadding,
+  ContainerRoundedSize,
+  ContainerSeparator,
+  ContainerTransparency,
   ContentSelector,
   CopyButton,
   CopyToClipboard,
@@ -102,8 +119,10 @@ export {
   DiscordLogo,
   DotPattern,
   DropDown,
+  DropDownAlign,
   EditableFieldInput,
   EditableFieldTextArea,
+  ExpandCollapse,
   FacebookLogo,
   FileList,
   Flag,
@@ -120,10 +139,15 @@ export {
   InformationTag,
   Input,
   InputPassword,
+  InputSize,
+  InputVariant,
   InstagramLogo,
   KeyboardScreenAdapter,
   Label,
   Link,
+  LinkColor,
+  LinkUnderlined,
+  LinkVariant,
   LinkedInLogo,
   Loader,
   LocaleSwitcher,
@@ -138,22 +162,34 @@ export {
   MaxWidthSmoother,
   MobileThemeSwitcher,
   Modal,
+  ModalSize,
   Modes,
   MultiSelect,
   Navbar,
   Popover,
+  PopoverXAlign,
+  PopoverYAlign,
   PressableSpan,
   ProductHuntLogo,
   RightDrawer,
   Select,
   SelectContent,
+  SelectContentPosition,
   SelectLabel,
   SelectSeparator,
   SocialNetworks,
   Spotlight,
   SwitchSelector,
+  SwitchSelectorColor,
+  SwitchSelectorSize,
   TabSelector,
+  TabSelectorColor,
   Tag,
+  TagBackground,
+  TagBorder,
+  TagColor,
+  TagRoundedSize,
+  TagSize,
   TextArea,
   TiktokLogo,
   Toast,

package/dist/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/hooks/auth.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const configuration = require("@intlayer/config/built");
-const betterAuth_8zoxzgF = require("../better-auth.8zoxzg-F-BEBqzpjz.cjs");
+const betterAuth_CMQ3rAI = require("../better-auth.CMQ3rA-I-C2nBKRMa.cjs");
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -593,7 +593,7 @@ function getBaseURL(url, path, request) {
   if (url) {
     return withPath(url, path);
   }
-  const fromEnv = betterAuth_8zoxzgF.env.BETTER_AUTH_URL || betterAuth_8zoxzgF.env.NEXT_PUBLIC_BETTER_AUTH_URL || betterAuth_8zoxzgF.env.PUBLIC_BETTER_AUTH_URL || betterAuth_8zoxzgF.env.NUXT_PUBLIC_BETTER_AUTH_URL || betterAuth_8zoxzgF.env.NUXT_PUBLIC_AUTH_URL || (betterAuth_8zoxzgF.env.BASE_URL !== "/" ? betterAuth_8zoxzgF.env.BASE_URL : void 0);
+  const fromEnv = betterAuth_CMQ3rAI.env.BETTER_AUTH_URL || betterAuth_CMQ3rAI.env.NEXT_PUBLIC_BETTER_AUTH_URL || betterAuth_CMQ3rAI.env.PUBLIC_BETTER_AUTH_URL || betterAuth_CMQ3rAI.env.NUXT_PUBLIC_BETTER_AUTH_URL || betterAuth_CMQ3rAI.env.NUXT_PUBLIC_AUTH_URL || (betterAuth_CMQ3rAI.env.BASE_URL !== "/" ? betterAuth_CMQ3rAI.env.BASE_URL : void 0);
   if (fromEnv) {
     return withPath(fromEnv, path);
   }