npm - @peerbots/core - Versions diffs - 0.1.2 → 0.2.0 - Mend

@peerbots/core 0.1.2 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/CHANGELOG.md +14 -0
package/dist/index.css +1 -1
package/dist/index.d.mts +1 -1
package/dist/index.d.ts +1 -1
package/dist/index.js +4 -4
package/dist/index.mjs +4 -4
package/package.json +11 -3
package/src/charts/DistributionBarChart.tsx +2 -2
package/src/charts/DistributionHistogram.tsx +2 -2
package/src/docs/DesignSystem.mdx +46 -0
package/src/styles/theme.css +13 -13
package/src/ui/Alert.stories.tsx +1 -1
package/src/ui/Alert.tsx +9 -9
package/src/ui/Anchor.tsx +1 -1
package/src/ui/AuthFormUI.stories.tsx +2 -2
package/src/ui/AuthFormUI.tsx +28 -28
package/src/ui/BasePanel.stories.tsx +2 -2
package/src/ui/BasePanel.tsx +5 -5
package/src/ui/Button.stories.tsx +16 -16
package/src/ui/Button.tsx +17 -17
package/src/ui/Checkbox.stories.tsx +6 -6
package/src/ui/Checkbox.tsx +4 -4
package/src/ui/Collapsible.stories.tsx +21 -21
package/src/ui/Collapsible.tsx +3 -3
package/src/ui/Colors.stories.tsx +23 -23
package/src/ui/Dialog.stories.tsx +3 -3
package/src/ui/Dialog.tsx +2 -2
package/src/ui/Dropdown.tsx +3 -3
package/src/ui/Field.stories.tsx +19 -19
package/src/ui/Field.tsx +14 -14
package/src/ui/Icon.stories.tsx +17 -17
package/src/ui/Icon.tsx +5 -5
package/src/ui/Input.stories.tsx +15 -15
package/src/ui/Input.tsx +8 -8
package/src/ui/Label.stories.tsx +6 -6
package/src/ui/Label.tsx +2 -2
package/src/ui/NumberField.stories.tsx +14 -14
package/src/ui/NumberField.tsx +9 -9
package/src/ui/Popover.tsx +2 -2
package/src/ui/Select.stories.tsx +13 -13
package/src/ui/Select.tsx +7 -7
package/src/ui/Separator.stories.tsx +10 -10
package/src/ui/Separator.tsx +2 -2
package/src/ui/SettingsPanel.stories.tsx +14 -14
package/src/ui/SettingsPanel.tsx +5 -5
package/src/ui/Skeleton.stories.tsx +10 -10
package/src/ui/Skeleton.tsx +1 -1
package/src/ui/Slider.stories.tsx +23 -23
package/src/ui/Slider.tsx +9 -9
package/src/ui/SliderWithNumberField.stories.tsx +15 -15
package/src/ui/SliderWithNumberField.tsx +4 -4
package/src/ui/Switch.stories.tsx +11 -11
package/src/ui/Switch.tsx +6 -6
package/src/ui/TabRadio.stories.tsx +16 -16
package/src/ui/TabRadio.tsx +7 -7
package/src/ui/TabSelection.stories.tsx +1 -1
package/src/ui/TabSelection.tsx +8 -8
package/src/ui/TextArea.stories.tsx +12 -12
package/src/ui/TextArea.tsx +1 -1
package/src/ui/Tooltip.stories.tsx +13 -13
package/src/ui/Tooltip.tsx +3 -3
package/src/ui/Typography.stories.tsx +16 -16
package/src/ui/Typography.tsx +11 -11
package/.changeset/big-loops-drum.md +0 -5
package/.changeset/deep-brooms-taste.md +0 -5

package/dist/index.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import{Button as Qe}from"@base-ui/react";import Ye from"react";import{clsx as Je}from"clsx";import{twMerge as Ke}from"tailwind-merge";function s(...e){return Ke(Je(e))}import{jsx as K,jsxs as pe}from"react/jsx-runtime";var v=Ye.forwardRef(({className:e,variant:t="primary",size:r="md",isLoading:a=!1,leftIcon:i,rightIcon:o,children:n,disabled:p,render:f,nativeButton:x,isIconOnly:m,...b},h)=>{let c=m||!n&&(!!i||!!o),y={primary:"bg-primary hover:bg-dark-primary text-gray-900 shadow-sm border border-transparent font-bold disabled:bg-gray-400 disabled:hover:bg-gray-300",secondary:"bg-gray-100 hover:bg-gray-200 text-gray-800 border-gray-200 border font-normal disabled:bg-gray-400 disabled:hover:bg-gray-300",danger:"bg-danger hover:opacity-80 text-gray-900 shadow-sm border border-transparent font-bold disabled:bg-gray-400 disabled:hover:bg-gray-300",ghost:"bg-transparent hover:bg-gray-100 text-gray-700 hover:text-gray-900 font-medium","ghostly-danger":"bg-transparent hover:bg-danger/10 text-red-700 border border-red-700 font-medium disabled:border-gray-400 disabled:text-gray-400"},M={sm:c?"p-1 text-xs":"px-2 py-1 text-xs",md:c?"p-2 text-sm":"px-4 py-2 text-sm",lg:c?"p-3 text-base":"px-6 py-3 text-base"};return pe(Qe,{ref:h,render:f,nativeButton:x,className:s("inline-flex items-center justify-center rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:cursor-not-allowed cursor-pointer",y[t],M[r],e),disabled:p||a,...b,children:[a&&pe("svg",{className:s("animate-spin h-4 w-4",!c&&"mr-2 -ml-1"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[K("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),K("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!a&&i&&K("span",{className:s("inline-flex items-center justify-center",!c&&"mr-2 -ml-1"),children:i}),n,!a&&o&&K("span",{className:s("inline-flex items-center justify-center",!c&&"ml-2 -mr-1"),children:o})]})});v.displayName="Button";import{Input as ge}from"@base-ui/react";import je from"react";import{jsx as Z,jsxs as et}from"react/jsx-runtime";var Q=je.forwardRef(({className:e,leftIcon:t,rightIcon:r,id:a,...i},o)=>{let n=s("block w-full rounded-md border-0 px-1.5 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6 bg-primary/10 appearance-none",t&&"pl-10",r&&"pr-10",e);return!t&&!r?Z(ge,{ref:o,id:a,className:n,...i}):et("div",{className:"relative",children:[t&&Z("div",{className:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",children:Z("span",{className:"text-gray-500 sm:text-sm",children:t})}),Z(ge,{ref:o,id:a,className:n,...i}),r&&Z("div",{className:"pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3",children:Z("span",{className:"text-gray-500 sm:text-sm",children:r})})]})});Q.displayName="Input";import be from"react";import{Select as C}from"@base-ui/react";import rt from"react";import{Fragment as tt,jsx as l,jsxs as fe}from"react/jsx-runtime";var d={check:"M20 6 9 17l-5-5",x:"M18 6 6 18M6 6l12 12",edit:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125",close:"M6 18L18 6M6 6l12 12",plus:"M12 4.5v15m7.5-7.5h-15",arrowDown:"M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3",arrowUp:"M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18",clipboard:"M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75",cloudArrowUp:"M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z",arrowDownToLine:"M9 12l3 3m0 0 3-3m-3 3V2.25",folder:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15",arrowUpFromLine:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15",squares:"M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z",tableCells:"M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5",arrowsRightLeft:"M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5",document:"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z",externalLink:"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25",lock:"M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z",shoppingCart:"M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z",minus:"M5 12h14",pencilSquare:"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32l8.4-8.4Z",pencilSquareContinued:"M5.25 5.25a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3V13.5a.75.75 0 0 0-1.5 0v5.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5V8.25a1.5 1.5 0 0 1 1.5-1.5h5.25a.75.75 0 0 0 0-1.5H5.25Z",chevronUpSmall:"M4.5 15.75l7.5-7.5 7.5 7.5",chevronDownSmall:"M19.5 8.25l-7.5 7.5-7.5-7.5",chevronUpTable:"M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18",chevronDownTable:"M15.75 17.25 12 21m0 0-3.75-3.75M12 21V3",speakerWave:"M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z",zap:"m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z",code:"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5",questionMarkCircle:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",exclamationCircle:"M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z",exclamationTriangle:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z",checkCircle:"M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z",megaphone:"M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46",xCircle:"m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",arrowsPointingIn:"M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25",arrowsPointingOut:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15",arrowPath:"M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3",arrowUturnLeft:"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3",magnifyingGlassPlus:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6",arrowsUpDown:"M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5",envelope:"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",lockClosed:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",userCircle:"M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z",arrowRightOnRectangle:"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9",chevronRight:"m8.25 4.5 7.5 7.5-7.5 7.5",arrowDownTray:"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3",arrowUpTray:"M3 7.5V5.25A2.25 2.25 0 0 1 5.25 3h13.5A2.25 2.25 0 0 1 21 5.25V7.5m-4.5 4.5L12 7.5m0 0L7.5 12m4.5-4.5v13.5",import:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25",export:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",play:"M5 3l14 9-14 9V3z"},ue={eye:fe(tt,{children:[l("path",{d:"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"}),l("path",{d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]}),google:fe("g",{transform:"matrix(1, 0, 0, 1, 27.009001, -39.238998)",children:[l("path",{fill:"#4285F4",stroke:"none",d:"M -3.264 51.509 C -3.264 50.719 -3.334 49.969 -3.454 49.239 L -14.754 49.239 L -14.754 53.749 L -8.284 53.749 C -8.574 55.229 -9.424 56.479 -10.684 57.329 L -10.684 60.329 L -6.824 60.329 C -4.564 58.239 -3.264 55.159 -3.264 51.509 Z"}),l("path",{fill:"#34A853",stroke:"none",d:"M -14.754 63.239 C -11.514 63.239 -8.804 62.159 -6.824 60.329 L -10.684 57.329 C -11.764 58.049 -13.134 58.489 -14.754 58.489 C -17.884 58.489 -20.534 56.379 -21.484 53.529 L -25.464 53.529 L -25.464 56.619 C -23.494 60.539 -19.444 63.239 -14.754 63.239 Z"}),l("path",{fill:"#FBBC05",stroke:"none",d:"M -21.484 53.529 C -21.734 52.809 -21.864 52.039 -21.864 51.239 C -21.864 50.439 -21.724 49.669 -21.484 48.949 L -21.484 45.859 L -25.464 45.859 C -26.284 47.479 -26.754 49.299 -26.754 51.239 C -26.754 53.179 -26.284 54.999 -25.464 56.619 L -21.484 53.529 Z"}),l("path",{fill:"#EA4335",stroke:"none",d:"M -14.754 43.989 C -12.984 43.989 -11.404 44.599 -10.154 45.789 L -6.734 42.369 C -8.804 40.429 -11.514 39.239 -14.754 39.239 C -19.444 39.239 -23.494 41.939 -25.464 45.859 L -21.484 48.949 C -20.534 46.099 -17.884 43.989 -14.754 43.989 Z"})]})},he={check:l("path",{d:d.check}),x:l("path",{d:d.x}),edit:l("path",{d:d.edit}),close:l("path",{d:d.close}),plus:l("path",{d:d.plus}),arrowDown:l("path",{d:d.arrowDown}),arrowUp:l("path",{d:d.arrowUp}),clipboard:l("path",{d:d.clipboard}),cloudArrowUp:l("path",{d:d.cloudArrowUp}),arrowDownToLine:l("path",{d:d.arrowDownToLine}),folder:l("path",{d:d.folder}),arrowUpFromLine:l("path",{d:d.arrowUpFromLine}),arrowRightOnRectangle:l("path",{d:d.arrowRightOnRectangle}),squares:l("path",{d:d.squares}),tableCells:l("path",{d:d.tableCells}),arrowsRightLeft:l("path",{d:d.arrowsRightLeft}),document:l("path",{d:d.document}),externalLink:l("path",{d:d.externalLink}),lock:l("path",{d:d.lock}),shoppingCart:l("path",{d:d.shoppingCart}),minus:l("path",{d:d.minus}),pencilSquare:l("path",{d:d.pencilSquare}),pencilSquareContinued:l("path",{d:d.pencilSquareContinued}),chevronDownSmall:l("path",{d:d.chevronDownSmall}),chevronUpSmall:l("path",{d:d.chevronUpSmall}),chevronDownTable:l("path",{d:d.chevronDownTable}),chevronUpTable:l("path",{d:d.chevronUpTable}),speakerWave:l("path",{d:d.speakerWave}),zap:l("path",{d:d.zap}),code:l("path",{d:d.code}),questionMarkCircle:l("path",{d:d.questionMarkCircle}),search:l("path",{d:d.search}),exclamationCircle:l("path",{d:d.exclamationCircle}),exclamationTriangle:l("path",{d:d.exclamationTriangle}),checkCircle:l("path",{d:d.checkCircle}),megaphone:l("path",{d:d.megaphone}),xCircle:l("path",{d:d.xCircle}),arrowsPointingIn:l("path",{d:d.arrowsPointingIn}),arrowsPointingOut:l("path",{d:d.arrowsPointingOut}),arrowPath:l("path",{d:d.arrowPath}),arrowUturnLeft:l("path",{d:d.arrowUturnLeft}),magnifyingGlassPlus:l("path",{d:d.magnifyingGlassPlus}),arrowsUpDown:l("path",{d:d.arrowsUpDown}),envelope:l("path",{d:d.envelope}),lockClosed:l("path",{d:d.lockClosed}),userCircle:l("path",{d:d.userCircle}),chevronRight:l("path",{d:d.chevronRight}),arrowDownTray:l("path",{d:d.arrowDownTray}),arrowUpTray:l("path",{d:d.arrowUpTray}),import:l("path",{d:d.import}),export:l("path",{d:d.export}),home:l("path",{d:d.home}),play:l("path",{d:d.play}),eye:ue.eye,google:ue.google};import{jsx as at}from"react/jsx-runtime";var u=rt.forwardRef(({className:e,size:t="md",name:r,children:a,...i},o)=>{let n={sm:"w-3 h-3",md:"w-4 h-4",lg:"w-6 h-6",xl:"w-8 h-8"},p=r?he[r]:a;return at("svg",{ref:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:s(n[t],"inline-block",e),...i,children:p})});u.displayName="Icon";import{jsx as k,jsxs as oe}from"react/jsx-runtime";var ot=be.forwardRef(({className:e,options:t,id:r,value:a,defaultValue:i,onChange:o,disabled:n,placeholder:p="Select...",onFocus:f,...x},m)=>{let b=be.useId(),h=r||b;return k("div",{className:"w-full",children:oe(C.Root,{value:a===void 0?null:String(a),defaultValue:i===void 0?void 0:String(i),onValueChange:(c,y)=>{if(o){let M=y?.event||y;o(c,M)}},disabled:n,children:[oe(C.Trigger,{ref:m,id:h,className:s("flex w-full items-center justify-between rounded-md border-0 py-1.5 pl-3 pr-3 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-primary sm:text-sm sm:leading-6 bg-primary/10 min-h-[36px]",n&&"opacity-50 cursor-not-allowed",e),onFocus:f,...x,children:[k(C.Value,{placeholder:p}),k(C.Icon,{children:k(u,{size:"sm",children:k("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"})})})]}),k(C.Portal,{children:k(C.Positioner,{sideOffset:4,className:"z-50 w-[var(--anchor-width)]",children:k(C.Popup,{className:"max-h-60 overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm",children:t.map((c,y)=>{let M=typeof c=="object"?c.label:c,V=typeof c=="object"?c.value:c;return oe(C.Item,{value:V,className:"relative cursor-default select-none py-2 pl-3 pr-9 text-gray-900 hover:bg-gray-100 data-[highlighted]:bg-gray-100 data-[selected]:font-semibold",children:[k(C.ItemText,{children:M}),k(C.ItemIndicator,{className:"absolute inset-y-0 right-0 flex items-center pr-4 text-primary",children:k(u,{size:"sm",children:k("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})})]},`${V}-${y}`)})})})})]})})});ot.displayName="Select";import xe from"react";import{clsx as nt}from"clsx";import{twMerge as it}from"tailwind-merge";import{jsx as E,jsxs as dt}from"react/jsx-runtime";function ve(...e){return it(nt(e))}var st={1:"text-4xl font-bold",2:"text-3xl font-bold",3:"text-2xl font-bold",4:"text-xl font-bold",5:"text-lg font-bold",6:"text-base font-bold"},lt={default:"text-base text-slate-950",muted:"text-sm text-slate-600",error:"text-sm text-red-600 font-medium",small:"text-xs text-slate-600"},T=({level:e=1,className:t,children:r,...a})=>xe.createElement(`h${e}`,{className:ve(st[e],t),...a},r),N=({variant:e="default",as:t="p",className:r,children:a,...i})=>xe.createElement(t,{className:ve(lt[e],r),...i},a),Dr=({args:e})=>dt("div",{className:"space-y-4",...e,children:[E(T,{level:1,children:"Heading 1"}),E(T,{level:2,children:"Heading 2"}),E(T,{level:3,children:"Heading 3"}),E(N,{children:"Body text"}),E(N,{variant:"muted",children:"Caption text"}),E(N,{variant:"small",children:"Small text"}),E(N,{variant:"small",as:"span",children:"Small span text"})]});import ct from"react";import{Slider as _}from"@base-ui/react";import{jsx as F,jsxs as ye}from"react/jsx-runtime";var ne=ct.forwardRef(({className:e,min:t=0,max:r=100,step:a=1,value:i,defaultValue:o,disabled:n,onChange:p,name:f,icon:x,...m},b)=>{let h=(c,y)=>{p&&p(c,y)};return ye("div",{className:s("w-full flex items-center gap-4",e),children:[x&&F("div",{className:"text-gray-500 shrink-0",children:x}),F("div",{className:"flex-grow flex items-center h-8 min-w-[120px]",children:F(_.Root,{ref:b,min:t,max:r,step:a,value:i!==void 0?Array.isArray(i)?i:[i]:void 0,defaultValue:o!==void 0?Array.isArray(o)?o:[o]:void 0,disabled:n,orientation:"horizontal",...m,onValueChange:(c,y)=>{let M=y?.event||window.event;h(c,M)},className:s("relative flex items-center w-full h-full group touch-none select-none",n&&"opacity-50 cursor-not-allowed",e),children:ye(_.Control,{className:"flex items-center w-full h-full relative cursor-pointer",children:[F(_.Track,{className:"relative bg-gray-200 rounded-full w-full h-1.5 overflow-hidden transition-colors group-hover:bg-gray-300",children:F(_.Indicator,{className:"absolute bg-primary rounded-full h-full"})}),F(_.Thumb,{className:"z-10 block w-4.5 h-4.5 bg-white shadow-md rounded-full border-2 border-primary focus:outline-none focus:ring-4 focus:ring-primary/20 cursor-grab active:cursor-grabbing hover:scale-110 active:scale-95 transition-transform"})]})})}),f&&F("input",{type:"hidden",name:f,value:i})]})});ne.displayName="Slider";import pt from"react";import we from"react";import{NumberField as X}from"@base-ui/react";import{jsx as P,jsxs as mt}from"react/jsx-runtime";var ie=we.forwardRef(({className:e,value:t,defaultValue:r,min:a,max:i,step:o,onChange:n,disabled:p,readOnly:f,id:x,placeholder:m,showButtons:b=!1,...h},c)=>{let y=we.useId(),M=x||y;return P("div",{className:"w-full",children:P(X.Root,{ref:c,value:t,defaultValue:r,min:a,max:i,step:o,onValueChange:(V,J)=>{if(n){let Xe=J?.event||J;n(V,Xe)}},disabled:p,readOnly:f,className:s("flex flex-col gap-1",e),...h,children:mt("div",{className:s("group relative flex items-center rounded-md border-0 bg-primary/10 ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-primary shadow-sm",p&&"opacity-50 cursor-not-allowed"),children:[b&&P(X.Decrement,{"aria-label":"Decrement",className:"relative z-20 flex items-center justify-center w-8 h-9 text-gray-500 hover:text-gray-700 hover:bg-gray-100/50 rounded-l-md border-r border-gray-300 disabled:opacity-30 cursor-pointer",children:P(u,{size:"sm",children:P("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 12h-15"})})}),P(X.Input,{id:M,placeholder:m,className:s("block w-full bg-transparent border-0 px-3 py-1.5 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm sm:leading-6 text-center appearance-none relative z-0",!b&&"rounded-md")}),b&&P(X.Increment,{"aria-label":"Increment",className:"relative z-20 flex items-center justify-center w-8 h-9 text-gray-500 hover:text-gray-700 hover:bg-gray-100/50 rounded-r-md border-l border-gray-300 disabled:opacity-30 cursor-pointer",children:P(u,{size:"sm",children:P("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"})})}),P(X.ScrubArea,{className:"absolute inset-0 z-10 cursor-ew-resize opacity-0 hover:opacity-10 transition-opacity bg-primary/5 rounded-md pointer-events-none group-hover:pointer-events-auto"})]})})})});ie.displayName="NumberField";import{jsx as Y,jsxs as ut}from"react/jsx-runtime";var gt=pt.forwardRef(({className:e,min:t=0,max:r=100,step:a=1,value:i,defaultValue:o,disabled:n,onChange:p,inputWidth:f="w-20",...x},m)=>{let b=(h,c)=>{if(p){let y=Array.isArray(h)?h[0]:h;p(y,c)}};return ut("div",{ref:m,className:s("flex flex-row items-center gap-4 w-full min-w-0 sm:flex-nowrap flex-wrap",e),...x,children:[Y("div",{className:"flex-grow min-w-[120px]",children:Y(ne,{min:t,max:r,step:a,value:i,defaultValue:o,disabled:n,onChange:b,className:"w-full"})}),Y("div",{className:s(f,"shrink-0"),children:Y(ie,{value:i,defaultValue:o,min:t,max:r,step:a,disabled:n,onChange:(h,c)=>{h!==null&&b(h,c)},showButtons:!1})})]})});gt.displayName="SliderWithNumberField";import ft from"react";import{Tooltip as D}from"@base-ui/react";import{jsx as S,jsxs as Ne}from"react/jsx-runtime";function ht({content:e,children:t,className:r,delay:a="normal"}){return S(D.Provider,{delay:a==="slow"?1e3:0,children:Ne(D.Root,{children:[ft.isValidElement(t)?S(D.Trigger,{render:t}):S(D.Trigger,{children:t}),S(D.Portal,{children:S(D.Positioner,{sideOffset:8,children:Ne(D.Popup,{className:s("z-50 rounded shadow-lg bg-white p-2 text-xs text-center whitespace-normal max-w-xs text-gray-900 border border-gray-200",r),children:[e,S(D.Arrow,{className:"fill-white stroke-gray-200"})]})})})]})})}function ke({content:e,className:t}){return S(ht,{content:e,className:t,children:S(u,{size:"md",className:"text-gray-500 hover:text-gray-700 cursor-help",children:S("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"})})})}import bt from"react";import{Dialog as H}from"@base-ui/react";import{jsx as W,jsxs as Re}from"react/jsx-runtime";function la({open:e,onOpenChange:t,trigger:r,children:a,className:i}){return Re(H.Root,{open:e,onOpenChange:(o,n)=>{t?.(o,n?.event)},children:[r&&(bt.isValidElement(r)?W(H.Trigger,{render:r}):W(H.Trigger,{children:r})),Re(H.Portal,{children:[W(H.Backdrop,{className:"fixed inset-0 z-50 bg-black/40 transition-all duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"}),W(H.Popup,{className:s("fixed left-[50%] top-[50%] z-50 grid w-auto max-w-[90vw] translate-x-[-50%] translate-y-[-50%] gap-4 border bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",i),children:a})]})]})}var da=e=>W(H.Title,{...e}),ca=e=>W(H.Description,{...e}),ma=e=>W(H.Close,{...e});import{Popover as q}from"@base-ui/react";import{jsx as j,jsxs as Me}from"react/jsx-runtime";function ha({trigger:e,children:t,side:r="bottom",align:a="center",className:i,open:o,onOpenChange:n}){return Me(q.Root,{open:o,onOpenChange:n,children:[j(q.Trigger,{children:e}),j(q.Portal,{children:j(q.Positioner,{side:r,align:a,sideOffset:5,children:Me(q.Popup,{className:s("z-50 w-72 rounded-md border bg-white p-4 shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",i),children:[t,j(q.Arrow,{className:"fill-white stroke-gray-200"})]})})})]})}import se from"react";import{Menu as I}from"@base-ui/react";import{jsx as U,jsxs as yt}from"react/jsx-runtime";function Na({trigger:e,children:t,align:r="end",className:a}){return yt(I.Root,{children:[se.isValidElement(e)?U(I.Trigger,{render:e}):U(I.Trigger,{children:e}),U(I.Portal,{children:U(I.Positioner,{align:r,sideOffset:5,children:U(I.Popup,{className:s("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-white p-1 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",a),children:t})})})]})}var xt=se.forwardRef(({className:e,...t},r)=>U(I.Item,{ref:r,className:s("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-gray-100 data-[highlighted]:text-gray-900",e),...t}));xt.displayName="DropdownItem";var vt=se.forwardRef(({className:e,...t},r)=>U(I.Separator,{ref:r,className:s("-mx-1 my-1 h-px bg-gray-100",e),...t}));vt.displayName="DropdownSeparator";import{useState as wt}from"react";import{jsx as G,jsxs as Nt}from"react/jsx-runtime";function Ce({title:e,children:t,variant:r="secondary",size:a="md",defaultOpen:i=!1,className:o}){let[n,p]=wt(i);return Nt("div",{className:s("w-full",o),children:[G(v,{variant:r,size:a,className:"w-full justify-between font-medium",onClick:()=>p(!n),"aria-expanded":n,rightIcon:G(u,{className:"h-5 w-5 text-gray-600",strokeWidth:"2.5",children:n?G("path",{d:"M4.5 15.75l7.5-7.5 7.5 7.5"}):G("path",{d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})}),children:G("span",{children:e})}),n&&G("div",{className:"px-4 pt-4 pb-2 text-sm text-gray-500",children:t})]})}import Te from"react";import{Switch as Pe}from"@base-ui/react";import{jsx as le}from"react/jsx-runtime";var kt=Te.forwardRef(({checked:e,defaultChecked:t,onChange:r,disabled:a,className:i,id:o,...n},p)=>{let f=Te.useId(),x=o??f;return le("div",{className:s("flex items-center gap-2",i),children:le(Pe.Root,{ref:p,id:x,checked:e,defaultChecked:t,onCheckedChange:(m,b)=>{r?.(m,b?.event)},disabled:a,className:s("relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2","data-[checked]:bg-primary data-[unchecked]:bg-gray-200",a&&"opacity-50 cursor-not-allowed"),...n,children:le(Pe.Thumb,{className:s("pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out","data-[checked]:translate-x-5 data-[unchecked]:translate-x-0")})})})});kt.displayName="Switch";import{jsx as Le,jsxs as Rt}from"react/jsx-runtime";function Be({children:e,tooltip:t,className:r,...a}){return Le("label",{className:s("relative block text-sm font-bold leading-6 text-gray-600 mb-1 group-focus-within:text-gray-800",r),...a,children:Rt("div",{className:"flex items-center gap-1",children:[e,t&&Le(ke,{content:t})]})})}import{jsx as ee,jsxs as Se}from"react/jsx-runtime";function Za({title:e,children:t,onClose:r,className:a="",headerClassName:i="",headingLevel:o=2,setPanel:n=p=>{}}){let p=()=>{r?r():n("None")};return Se("div",{className:`space-y-1 p-1 ${a}`,children:[Se("div",{className:`flex items-center justify-between px-1 mb-1 border-b border-solid border-gray-400 pb-1 ${i}`,children:[ee(T,{level:o,className:"text-lg",children:e}),ee(v,{variant:"ghost",size:"sm",onClick:p,className:"p-1 rounded hover:bg-gray-100 h-auto","aria-label":`Close ${e} Panel`,children:ee(u,{size:"md",className:"h-5 w-5",children:ee("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"})})})]}),t]})}import{Toggle as Mt,ToggleGroup as Ct}from"@base-ui/react";import{jsx as He}from"react/jsx-runtime";var Tt={default:"data-[pressed]:bg-white data-[pressed]:text-gray-900 data-[pressed]:shadow-sm data-[pressed]:ring-1 data-[pressed]:ring-gray-200",primary:"data-[pressed]:bg-primary/20 data-[pressed]:shadow-sm data-[pressed]:ring-1 data-[pressed]:ring-primary",danger:"data-[pressed]:bg-danger/20 data-[pressed]:shadow-sm data-[pressed]:ring-1 data-[pressed]:ring-danger"};function Xa({options:e,value:t,onChange:r,className:a,variant:i="default","aria-label":o}){return He(Ct,{value:t?[t]:[],onValueChange:n=>{r(n[0])},"aria-label":o,className:s("inline-flex p-1 space-x-1 bg-gray-100 rounded-lg border border-gray-200",a),children:e.map(n=>He(Mt,{value:n.value,disabled:n.disabled,className:s("relative cursor-pointer px-3 py-1.5 text-sm font-medium rounded-md transition-all flex items-center justify-center outline-none","text-gray-600 hover:text-gray-900 hover:bg-gray-200","disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-transparent disabled:hover:text-gray-600",Tt[i]),children:n.label},n.value))})}import{Field as te}from"@base-ui/react";import Pt from"react";import{jsx as O,jsxs as de}from"react/jsx-runtime";var re=Pt.forwardRef(({label:e,description:t,error:r,tooltip:a,children:i,className:o,icon:n,labelPlacement:p="top",labelWeight:f="bold",...x},m)=>{let b=p==="left"||p==="right",h=p==="right";return de(te.Root,{ref:m,className:s("flex w-full",b?"flex-col gap-1":"flex-col gap-1.5",o),...x,children:[de("div",{className:s("flex",b?"flex-row items-center gap-2":"flex-col gap-1.5"),children:[h&&O("div",{className:"relative",children:i}),e&&O(te.Label,{render:c=>O(Be,{tooltip:a,className:s("mb-0",f==="normal"&&"font-normal"),...c,children:de("span",{className:"flex items-center gap-1",children:[n&&O("span",{className:"flex-shrink-0",children:n}),e]})})}),!h&&O("div",{className:"relative",children:i})]}),t&&O(te.Description,{className:s("text-xs text-gray-500",h&&"ml-7"),children:t}),r&&O(te.Error,{className:s("text-xs text-red-600 font-medium",h&&"ml-7"),children:r})]})});re.displayName="Field";import*as Ie from"react";import{Link as Lt}from"react-router-dom";import{jsx as De}from"react/jsx-runtime";var Bt=Ie.forwardRef(({className:e,href:t,target:r,...a},i)=>{let o=t&&!t.startsWith("http")&&!r,n=s("font-medium text-teal-700 underline underline-offset-4 hover:text-teal-900 cursor-pointer",e);return o?De(Lt,{to:t,ref:i,className:n,...a}):De("a",{href:t,target:r,ref:i,className:n,...a})});Bt.displayName="Anchor";import{Input as St}from"@base-ui/react";import Ht from"react";import{jsx as Ae}from"react/jsx-runtime";var Dt=Ht.forwardRef(({className:e,id:t,...r},a)=>Ae(St,{render:Ae("textarea",{}),ref:a,id:t,className:s("block w-full rounded-md border-0 px-1.5 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-primary sm:text-sm sm:leading-6 bg-primary/10 appearance-none",e),...r}));Dt.displayName="TextArea";import{Checkbox as ze}from"@base-ui/react";import It from"react";import{jsx as ae}from"react/jsx-runtime";var At=It.forwardRef(({className:e,id:t,checked:r,onChange:a,...i},o)=>ae(ze.Root,{ref:o,id:t,checked:r,onCheckedChange:n=>{a&&a({target:{checked:n===!0}})},className:s("flex h-5 w-5 shrink-0 items-center justify-center rounded border border-gray-300 bg-white shadow-sm transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50","hover:border-primary hover:bg-primary/5","data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-white",e),...i,children:ae(ze.Indicator,{children:ae(u,{size:"sm",strokeWidth:3,className:"text-dark-primary",children:ae("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"})})})}));At.displayName="Checkbox";import{Fragment as zt,jsx as $,jsxs as Vt}from"react/jsx-runtime";function Ro({title:e,children:t,className:r,contentClassName:a,collapsible:i,defaultOpen:o=!0,headingLevel:n=3}){let p=$("div",{className:s("flex flex-col",a),children:t});return $("div",{className:s("m-2 p-4 bg-white shadow-xl rounded-lg flex flex-1 flex-col",r),children:i?$(Ce,{title:typeof e=="string"?$(T,{level:n,className:"text-gray-600",children:e}):e,variant:"ghost",defaultOpen:o,children:p}):Vt(zt,{children:[e&&$("div",{className:"flex items-center justify-between mb-2 empty:hidden",children:typeof e=="string"?$(T,{level:n,className:"text-gray-600",children:e}):e}),p]})})}import*as Ve from"react";import{Separator as Ee}from"@base-ui/react/separator";import{jsx as Ft}from"react/jsx-runtime";var Et=Ve.forwardRef(({className:e,orientation:t="horizontal",...r},a)=>Ft(Ee,{ref:a,orientation:t,className:s("shrink-0 bg-gray-200",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));Et.displayName=Ee.displayName;import{jsx as Wt}from"react/jsx-runtime";function Ho({className:e,...t}){return Wt("div",{className:s("animate-pulse rounded-md bg-gray-200/50",e),...t})}import{useFormStatus as Ut}from"react-dom";import{jsx as g,jsxs as w}from"react/jsx-runtime";function ce({label:e}){let{pending:t}=Ut();return g(v,{type:"submit",variant:"primary",isLoading:t,disabled:t,children:e})}function Vo({mode:e,onModeChange:t,formAction:r,actionState:a,onGoogleSignIn:i,title:o,description:n}){return w("div",{className:"text-left overflow-hidden",children:[g(T,{level:2,className:"text-center mb-2",children:o||(e==="signing up"?"Sign up":e==="signing in"?"Sign In":"Reset Password")}),w("form",{className:"md:m-10 sm:m-4 space-y-4",action:r,children:[n&&g(N,{className:"text-center mb-6",variant:"muted",children:n}),e==="resetting password"&&g(N,{className:"text-center font-bold text-dark-primary",children:a.message}),g(N,{className:"text-center",variant:"error",children:a.error}),w("div",{className:"space-y-4",children:[g(re,{id:"email",label:"Email",error:a.error&&a.error.includes("email")?a.error:"",children:g(Q,{name:"email",type:"email",required:!0,placeholder:"Email",leftIcon:g(u,{name:"envelope"})})}),e!=="resetting password"&&g(re,{id:"password",label:"Password",error:a.error&&a.error.includes("password")?a.error:"",children:g(Q,{name:"password",type:"password",required:!0,placeholder:"Password",leftIcon:g(u,{name:"lockClosed"})})})]}),w("div",{className:"text-center mt-6 space-y-4",children:[e==="signing up"&&g(ce,{label:"Sign Up"}),e==="signing in"&&g(ce,{label:"Sign In"}),e==="resetting password"&&g(ce,{label:"Reset Password"}),w("div",{className:"text-center text-sm text-gray-500",children:[e==="signing up"&&w(N,{children:["Already have an account?"," ",g(v,{variant:"ghost",size:"sm",onClick:()=>t("signing in"),className:"underline p-0 h-auto hover:bg-transparent",children:"Sign in"})]}),e==="signing in"&&w("div",{className:"flex flex-col gap-2",children:[w(N,{children:["Forgot your password?"," ",g(v,{variant:"ghost",size:"sm",onClick:()=>t("resetting password"),className:"underline p-0 h-auto hover:bg-transparent",children:"Reset password."})]}),w("div",{className:"relative",children:[g("div",{className:"absolute inset-0 flex items-center",children:g("div",{className:"w-full border-t border-gray-300"})}),g("div",{className:"relative flex justify-center text-sm",children:g("span",{className:"px-2 bg-white text-gray-500",children:"or"})})]}),w(N,{children:["Don't have an account?"," ",g(v,{variant:"ghost",size:"sm",onClick:()=>t("signing up"),className:"underline p-0 h-auto hover:bg-transparent",children:"Sign up"})]})]}),e==="resetting password"&&w("div",{className:"flex flex-col gap-2",children:[w(N,{children:["Don't have an account?"," ",g(v,{variant:"ghost",size:"sm",onClick:()=>t("signing up"),className:"underline p-0 h-auto hover:bg-transparent",children:"Sign up"})]}),w("div",{className:"relative",children:[g("div",{className:"absolute inset-0 flex items-center",children:g("div",{className:"w-full border-t border-gray-300"})}),g("div",{className:"relative flex justify-center text-sm",children:g("span",{className:"px-2 bg-white text-gray-500",children:"or"})})]}),w(N,{children:["Remembered your password?",g(v,{variant:"ghost",size:"sm",onClick:()=>t("signing in"),className:"underline p-0 h-auto hover:bg-transparent",children:"Sign In"})]})]})]})]}),e!=="resetting password"&&i&&g("div",{className:"text-center mt-4",children:w(v,{variant:"secondary",onClick:i,type:"button",className:"w-full flex items-center justify-center gap-2",children:[g(u,{name:"google",stroke:"none"}),e==="signing up"&&g("span",{children:"Sign up with Google"}),e==="signing in"&&g("span",{children:"Sign in with Google"})]})})]})]})}import{useState as Ot}from"react";import{jsx as A,jsxs as Fe}from"react/jsx-runtime";function Oo({level:e,message:t,action:r}){let[a,i]=Ot(!0);return Fe("div",{className:"flex w-full p-4 m-1 text-sm rounded-lg bg-white border border-solid transition-opacity ease-in-out delay-150 duration-300 "+(a?" ":" hidden"),children:[Fe("span",{children:[e==="Error"&&A(u,{name:"exclamationCircle",size:"lg",className:"m-2",stroke:"red"}),e==="Warning"&&A(u,{name:"exclamationTriangle",size:"lg",className:"m-2",stroke:"yellow"}),e==="Success"&&A(u,{name:"checkCircle",size:"lg",className:"m-2",stroke:"green"}),e==="Info"&&A(u,{name:"megaphone",size:"lg",className:"m-2"})]}),A("span",{className:"flex flex-1 ml-2",children:t}),r&&A(v,{onClick:()=>{r.callback(),i(!1)},children:r.name}),A("span",{className:"cursor-pointer",onClick:()=>{i(!1)},children:A(u,{name:"xCircle",size:"lg",className:"m-1"})})]})}import{jsx as z,jsxs as me}from"react/jsx-runtime";function $o({tabs:e,activeTabId:t,onTabClick:r,onAddClick:a,className:i=""}){return me("div",{className:`overflow-x-auto max-h-20 text-sm whitespace-nowrap ${i}`,children:[e.map(o=>{let n=o.id===t;return me("div",{className:"inline-block align-middle m-1 px-2 py-2 cursor-pointer rounded-sm "+(n?"font-bold bg-primary/30":"font-gray-300 bg-gray-200"),onClick:()=>r(o.id),children:[z("span",{className:"inline-block align-middle",children:o.label}),n&&(o.onEdit||o.onClose)&&me("span",{className:"inline-flex items-center ml-2 align-middle",children:[o.onEdit&&z(v,{variant:"ghost",size:"sm","aria-label":"Edit Tab",onClick:p=>{p.stopPropagation(),o.onEdit()},leftIcon:z(u,{name:"edit",size:"sm"})}),o.onEdit&&o.onClose&&z("span",{className:"opacity-10 align-middle mx-1",children:" | "}),o.onClose&&z(v,{variant:"ghost",size:"sm","aria-label":"Close Tab",onClick:p=>{p.stopPropagation(),o.onClose()},leftIcon:z(u,{name:"close",size:"sm"})})]})]},o.id)}),a&&z(v,{variant:"primary",size:"sm","aria-label":"Create New Tab",onClick:a,leftIcon:z(u,{name:"plus",size:"sm"}),className:"m-1 align-middle inline-flex"})]})}import{Fragment as Zt,jsx as R,jsxs as qt}from"react/jsx-runtime";function Mn({title:e,description:t="Peerbots platform: social robots for everyone, powered by experts.",image:r="/peerbots-logo.png",url:a,type:i="website"}){let o="Peerbots App",n=e==="Home"?o:`${e} | ${o}`,p=a||(typeof window<"u"?window.location.href:"");return qt(Zt,{children:[R("title",{children:n}),R("meta",{name:"description",content:t}),R("meta",{property:"og:title",content:n}),R("meta",{property:"og:description",content:t}),R("meta",{property:"og:image",content:r}),R("meta",{property:"og:url",content:p}),R("meta",{property:"og:type",content:i}),R("meta",{property:"og:site_name",content:o}),R("meta",{name:"twitter:card",content:"summary_large_image"}),R("meta",{name:"twitter:title",content:n}),R("meta",{name:"twitter:description",content:t}),R("meta",{name:"twitter:image",content:r})]})}import{VictoryChart as Gt,VictoryBar as $t,VictoryAxis as We,VictoryTooltip as _t,VictoryVoronoiContainer as Xt,VictoryLine as Ue,VictoryLabel as Oe}from"victory";import{jsx as L,jsxs as Ze}from"react/jsx-runtime";function Jt({data:e,alt:t,chartWidth:r=600,chartHeight:a=400,average:i,referenceLineValue:o,referenceLineLabel:n="Reference",label:p}){let f=Math.max(...e.map(m=>m.count),5),x=e.map(m=>m.label);return e.length===0?null:Ze("div",{className:"mb-6",role:"img","aria-label":t,children:[p&&L("label",{className:"text-xs uppercase font-bold text-gray-400 block mb-2 px-1",children:p}),Ze(Gt,{width:r,height:a,padding:{left:100,right:50,top:40,bottom:60},containerComponent:L(Xt,{}),children:[L(We,{horizontal:!0,tickValues:x,style:{axis:{stroke:"#cbd5e1"},tickLabels:{fontSize:18,padding:5,fill:"#334155"}}}),L(We,{dependentAxis:!0,domain:[0,f],tickFormat:m=>typeof m=="number"?Math.round(m):m,style:{axis:{stroke:"#cbd5e1"},tickLabels:{fontSize:18,padding:5,fill:"#334155"},grid:{stroke:"#f1f5f9"}}}),L($t,{horizontal:!0,domain:{x:[.5,x.length+.5],y:[0,f]},data:e,x:"label",y:"count",labels:({datum:m})=>{if(!m||m.count===0)return"";if(!m.items||m.items.length===0)return`${m.count}`;let h=m.items.slice(0,5).join(`
-`);return m.items.length>5&&(h+=`
-...and ${m.items.length-5} more`),h},labelComponent:L(_t,{style:{fontSize:18},flyoutStyle:{fill:"white",stroke:"#cbd5e1"},pointerLength:5,cornerRadius:2,constrainToVisibleArea:!0}),style:{data:{fill:({datum:m})=>m?.fill?m.fill==="White"?"#f3f4f6":m.fill:"#46d9d9",width:14,stroke:({datum:m})=>m?.stroke?m.stroke:m?.fill==="White"?"#d1d5db":"none",strokeWidth:({datum:m})=>m?.stroke||m?.fill==="White"?.5:0,cursor:"pointer"}},cornerRadius:2}),i!==void 0&&L(Ue,{y:()=>i,style:{data:{stroke:"#9ca3af",strokeWidth:2,strokeDasharray:"4, 4"}},labels:["Average"],labelComponent:L(Oe,{y:45,style:{fill:"#475569",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12})}),o!==void 0&&L(Ue,{y:()=>o,labels:[n],labelComponent:L(Oe,{y:45,style:{fill:"#ef4444",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12}),style:{data:{stroke:"#ef4444",strokeWidth:2,strokeDasharray:"4, 4"}}})]})]})}import{VictoryChart as Kt,VictoryAxis as qe,VictoryLabel as Ge,VictoryLine as $e,VictoryHistogram as Qt,VictoryTooltip as Yt,VictoryVoronoiContainer as jt}from"victory";import{jsx as B,jsxs as _e}from"react/jsx-runtime";function er({data:e,alt:t,label:r,average:a,referenceLineValue:i,referenceLineLabel:o="Reference",chartWidth:n=600,chartHeight:p=400}){if(e.length===0)return null;let f=10,x=Math.max(...e.map(c=>c.x),i??0,f),m=Math.ceil(x/f)*f+f,b=[];for(let c=0;c<=m;c+=f)b.push(c);return _e("div",{className:"mb-6",role:"img","aria-label":t,children:[B("label",{className:"text-xs uppercase font-bold text-gray-400 block mb-2 px-1",children:r}),_e(Kt,{width:n,height:p,padding:{left:60,right:30,top:20,bottom:70},containerComponent:B(jt,{}),children:[B(qe,{label:"Length",tickValues:b,tickFormat:c=>typeof c=="number"?Math.round(c):c,style:{axis:{stroke:"#cbd5e1"},axisLabel:{fontSize:18,padding:45,fill:"#334155",fontWeight:"bold"},tickLabels:{fontSize:18,padding:5,fill:"#334155",angle:45,textAnchor:"start"}}}),B(qe,{dependentAxis:!0,label:"Count",tickFormat:c=>typeof c=="number"?Math.round(c):c,style:{axis:{stroke:"#cbd5e1"},axisLabel:{fontSize:18,padding:40,fill:"#334155",fontWeight:"bold"},tickLabels:{fontSize:18,padding:5,fill:"#334155"},grid:{stroke:"#f1f5f9"}}}),B(Qt,{data:e,bins:b,x:"x",labels:({datum:c})=>{if(!c||c.y===0||!c.binnedData)return"";let y=c.binnedData.map(J=>J.text),V=y.slice(0,5).join(`
+import{Button as Qe}from"@base-ui/react";import Ye from"react";import{clsx as Je}from"clsx";import{twMerge as Ke}from"tailwind-merge";function i(...e){return Ke(Je(e))}import{jsx as K,jsxs as ce}from"react/jsx-runtime";var v=Ye.forwardRef(({className:e,variant:t="primary",size:r="md",isLoading:a=!1,leftIcon:n,rightIcon:o,children:p,disabled:c,render:u,nativeButton:x,isIconOnly:d,...h},f)=>{let b=d||!p&&(!!n||!!o),y={primary:"pb:bg-primary pb:hover:bg-dark-primary pb:text-gray-900 pb:shadow-sm pb:border pb:border-transparent pb:font-bold pb:disabled:bg-gray-400 pb:disabled:hover:bg-gray-300",secondary:"pb:bg-gray-100 pb:hover:bg-gray-200 pb:text-gray-800 pb:border pb:border-gray-200 pb:border pb:font-normal pb:disabled:bg-gray-400 pb:disabled:hover:bg-gray-300",danger:"pb:bg-danger pb:hover:opacity-80 pb:text-gray-900 pb:shadow-sm pb:border pb:border-transparent pb:font-bold pb:disabled:bg-gray-400 pb:disabled:hover:bg-gray-300",ghost:"pb:bg-transparent pb:hover:bg-gray-100 pb:text-gray-700 pb:hover:text-gray-900 pb:font-medium","ghostly-danger":"pb:bg-transparent pb:hover:bg-danger/10 pb:text-red-700 pb:border pb:border-red-700 pb:font-medium pb:disabled:border-gray-400 pb:disabled:text-gray-400"},M={sm:b?"pb:p-1 pb:text-xs":"pb:px-2 pb:py-1 pb:text-xs",md:b?"pb:p-2 pb:text-sm":"pb:px-4 pb:py-2 pb:text-sm",lg:b?"pb:p-3 pb:text-base":"pb:px-6 pb:py-3 pb:text-base"};return ce(Qe,{ref:f,render:u,nativeButton:x,className:i("pb:inline-flex pb:items-center pb:justify-center pb:rounded-md pb:transition-colors pb:focus:outline-none pb:focus:ring-2 pb:focus:ring-primary pb:focus:ring-offset-2 pb:disabled:cursor-not-allowed pb:cursor-pointer",y[t],M[r],e),disabled:c||a,...h,children:[a&&ce("svg",{className:i("pb:animate-spin pb:h-4 pb:w-4",!b&&"pb:mr-2 pb:-ml-1"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[K("circle",{className:"pb:opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),K("path",{className:"pb:opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),!a&&n&&K("span",{className:i("pb:inline-flex pb:items-center pb:justify-center",!b&&"pb:mr-2 pb:-ml-1"),children:n}),p,!a&&o&&K("span",{className:i("pb:inline-flex pb:items-center pb:justify-center",!b&&"pb:ml-2 pb:-mr-1"),children:o})]})});v.displayName="Button";import{Input as me}from"@base-ui/react";import je from"react";import{jsx as Z,jsxs as et}from"react/jsx-runtime";var Q=je.forwardRef(({className:e,leftIcon:t,rightIcon:r,id:a,...n},o)=>{let p=i("pb:block pb:w-full pb:rounded-md pb:border-0 pb:px-1.5 pb:py-1.5 pb:text-gray-900 pb:shadow-sm pb:ring-1 pb:ring-inset pb:ring-gray-300 pb:placeholder:text-gray-400 pb:focus:ring-2 pb:focus:ring-inset pb:focus:ring-primary pb:sm:text-sm pb:sm:leading-6 pb:bg-primary/10 pb:appearance-none",t&&"pb:pl-10",r&&"pb:pr-10",e);return!t&&!r?Z(me,{ref:o,id:a,className:p,...n}):et("div",{className:"pb:relative",children:[t&&Z("div",{className:"pb:pointer-events-none pb:absolute pb:inset-y-0 pb:left-0 pb:flex pb:items-center pb:pl-3",children:Z("span",{className:"pb:text-gray-500 pb:sm:text-sm",children:t})}),Z(me,{ref:o,id:a,className:p,...n}),r&&Z("div",{className:"pb:pointer-events-none pb:absolute pb:inset-y-0 pb:right-0 pb:flex pb:items-center pb:pr-3",children:Z("span",{className:"pb:text-gray-500 pb:sm:text-sm",children:r})})]})});Q.displayName="Input";import he from"react";import{Select as C}from"@base-ui/react";import rt from"react";import{Fragment as tt,jsx as s,jsxs as ue}from"react/jsx-runtime";var l={check:"M20 6 9 17l-5-5",x:"M18 6 6 18M6 6l12 12",edit:"M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L6.832 19.82a4.5 4.5 0 01-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 011.13-1.897L16.863 4.487zm0 0L19.5 7.125",close:"M6 18L18 6M6 6l12 12",plus:"M12 4.5v15m7.5-7.5h-15",arrowDown:"M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3",arrowUp:"M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18",clipboard:"M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75",cloudArrowUp:"M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z",arrowDownToLine:"M9 12l3 3m0 0 3-3m-3 3V2.25",folder:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15",arrowUpFromLine:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15",squares:"M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z",tableCells:"M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h7.5c.621 0 1.125-.504 1.125-1.125m-9.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-7.5A1.125 1.125 0 0 1 12 18.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125m19.5 0v1.5c0 .621-.504 1.125-1.125 1.125M2.25 5.625v1.5c0 .621.504 1.125 1.125 1.125m0 0h17.25m-17.25 0h7.5c.621 0 1.125.504 1.125 1.125M3.375 8.25c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m17.25-3.75h-7.5c-.621 0-1.125.504-1.125 1.125m8.625-1.125c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M12 10.875v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125M13.125 12h7.5m-7.5 0c-.621 0-1.125.504-1.125 1.125M20.625 12c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h7.5M12 14.625v-1.5m0 1.5c0 .621-.504 1.125-1.125 1.125M12 14.625c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m0 1.5v-1.5m0 0c0-.621.504-1.125 1.125-1.125m0 0h7.5",arrowsRightLeft:"M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5",document:"M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z",externalLink:"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25",lock:"M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z",shoppingCart:"M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z",minus:"M5 12h14",pencilSquare:"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-8.4 8.4a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32l8.4-8.4Z",pencilSquareContinued:"M5.25 5.25a3 3 0 0 0-3 3v10.5a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3V13.5a.75.75 0 0 0-1.5 0v5.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5V8.25a1.5 1.5 0 0 1 1.5-1.5h5.25a.75.75 0 0 0 0-1.5H5.25Z",chevronUpSmall:"M4.5 15.75l7.5-7.5 7.5 7.5",chevronDownSmall:"M19.5 8.25l-7.5 7.5-7.5-7.5",chevronUpTable:"M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18",chevronDownTable:"M15.75 17.25 12 21m0 0-3.75-3.75M12 21V3",speakerWave:"M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z",zap:"m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z",code:"M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5",questionMarkCircle:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z",search:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z",exclamationCircle:"M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z",exclamationTriangle:"M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z",checkCircle:"M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z",megaphone:"M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46",xCircle:"m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z",arrowsPointingIn:"M9 9V4.5M9 9H4.5M9 9 3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5 5.25 5.25",arrowsPointingOut:"M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15",arrowPath:"M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3",arrowUturnLeft:"M9 15 3 9m0 0 6-6M3 9h12a6 6 0 0 1 0 12h-3",magnifyingGlassPlus:"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607ZM10.5 7.5v6m3-3h-6",arrowsUpDown:"M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5",envelope:"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",lockClosed:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",userCircle:"M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z",arrowRightOnRectangle:"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9",chevronRight:"m8.25 4.5 7.5 7.5-7.5 7.5",arrowDownTray:"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3",arrowUpTray:"M3 7.5V5.25A2.25 2.25 0 0 1 5.25 3h13.5A2.25 2.25 0 0 1 21 5.25V7.5m-4.5 4.5L12 7.5m0 0L7.5 12m4.5-4.5v13.5",import:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25",export:"M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15m0-3-3-3m0 0-3 3m3-3V15",home:"m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25",play:"M5 3l14 9-14 9V3z"},ge={eye:ue(tt,{children:[s("path",{d:"M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z"}),s("path",{d:"M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"})]}),google:ue("g",{transform:"matrix(1, 0, 0, 1, 27.009001, -39.238998)",children:[s("path",{fill:"#4285F4",stroke:"none",d:"M -3.264 51.509 C -3.264 50.719 -3.334 49.969 -3.454 49.239 L -14.754 49.239 L -14.754 53.749 L -8.284 53.749 C -8.574 55.229 -9.424 56.479 -10.684 57.329 L -10.684 60.329 L -6.824 60.329 C -4.564 58.239 -3.264 55.159 -3.264 51.509 Z"}),s("path",{fill:"#34A853",stroke:"none",d:"M -14.754 63.239 C -11.514 63.239 -8.804 62.159 -6.824 60.329 L -10.684 57.329 C -11.764 58.049 -13.134 58.489 -14.754 58.489 C -17.884 58.489 -20.534 56.379 -21.484 53.529 L -25.464 53.529 L -25.464 56.619 C -23.494 60.539 -19.444 63.239 -14.754 63.239 Z"}),s("path",{fill:"#FBBC05",stroke:"none",d:"M -21.484 53.529 C -21.734 52.809 -21.864 52.039 -21.864 51.239 C -21.864 50.439 -21.724 49.669 -21.484 48.949 L -21.484 45.859 L -25.464 45.859 C -26.284 47.479 -26.754 49.299 -26.754 51.239 C -26.754 53.179 -26.284 54.999 -25.464 56.619 L -21.484 53.529 Z"}),s("path",{fill:"#EA4335",stroke:"none",d:"M -14.754 43.989 C -12.984 43.989 -11.404 44.599 -10.154 45.789 L -6.734 42.369 C -8.804 40.429 -11.514 39.239 -14.754 39.239 C -19.444 39.239 -23.494 41.939 -25.464 45.859 L -21.484 48.949 C -20.534 46.099 -17.884 43.989 -14.754 43.989 Z"})]})},fe={check:s("path",{d:l.check}),x:s("path",{d:l.x}),edit:s("path",{d:l.edit}),close:s("path",{d:l.close}),plus:s("path",{d:l.plus}),arrowDown:s("path",{d:l.arrowDown}),arrowUp:s("path",{d:l.arrowUp}),clipboard:s("path",{d:l.clipboard}),cloudArrowUp:s("path",{d:l.cloudArrowUp}),arrowDownToLine:s("path",{d:l.arrowDownToLine}),folder:s("path",{d:l.folder}),arrowUpFromLine:s("path",{d:l.arrowUpFromLine}),arrowRightOnRectangle:s("path",{d:l.arrowRightOnRectangle}),squares:s("path",{d:l.squares}),tableCells:s("path",{d:l.tableCells}),arrowsRightLeft:s("path",{d:l.arrowsRightLeft}),document:s("path",{d:l.document}),externalLink:s("path",{d:l.externalLink}),lock:s("path",{d:l.lock}),shoppingCart:s("path",{d:l.shoppingCart}),minus:s("path",{d:l.minus}),pencilSquare:s("path",{d:l.pencilSquare}),pencilSquareContinued:s("path",{d:l.pencilSquareContinued}),chevronDownSmall:s("path",{d:l.chevronDownSmall}),chevronUpSmall:s("path",{d:l.chevronUpSmall}),chevronDownTable:s("path",{d:l.chevronDownTable}),chevronUpTable:s("path",{d:l.chevronUpTable}),speakerWave:s("path",{d:l.speakerWave}),zap:s("path",{d:l.zap}),code:s("path",{d:l.code}),questionMarkCircle:s("path",{d:l.questionMarkCircle}),search:s("path",{d:l.search}),exclamationCircle:s("path",{d:l.exclamationCircle}),exclamationTriangle:s("path",{d:l.exclamationTriangle}),checkCircle:s("path",{d:l.checkCircle}),megaphone:s("path",{d:l.megaphone}),xCircle:s("path",{d:l.xCircle}),arrowsPointingIn:s("path",{d:l.arrowsPointingIn}),arrowsPointingOut:s("path",{d:l.arrowsPointingOut}),arrowPath:s("path",{d:l.arrowPath}),arrowUturnLeft:s("path",{d:l.arrowUturnLeft}),magnifyingGlassPlus:s("path",{d:l.magnifyingGlassPlus}),arrowsUpDown:s("path",{d:l.arrowsUpDown}),envelope:s("path",{d:l.envelope}),lockClosed:s("path",{d:l.lockClosed}),userCircle:s("path",{d:l.userCircle}),chevronRight:s("path",{d:l.chevronRight}),arrowDownTray:s("path",{d:l.arrowDownTray}),arrowUpTray:s("path",{d:l.arrowUpTray}),import:s("path",{d:l.import}),export:s("path",{d:l.export}),home:s("path",{d:l.home}),play:s("path",{d:l.play}),eye:ge.eye,google:ge.google};import{jsx as at}from"react/jsx-runtime";var g=rt.forwardRef(({className:e,size:t="md",name:r,children:a,...n},o)=>{let p={sm:"pb:w-3 pb:h-3",md:"pb:w-4 pb:h-4",lg:"pb:w-6 pb:h-6",xl:"pb:w-8 pb:h-8"},c=r?fe[r]:a;return at("svg",{ref:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",className:i(p[t],"pb:inline-block",e),...n,children:c})});g.displayName="Icon";import{jsx as k,jsxs as oe}from"react/jsx-runtime";var ot=he.forwardRef(({className:e,options:t,id:r,value:a,defaultValue:n,onChange:o,disabled:p,placeholder:c="Select...",onFocus:u,...x},d)=>{let h=he.useId(),f=r||h;return k("div",{className:"pb:w-full",children:oe(C.Root,{value:a===void 0?null:String(a),defaultValue:n===void 0?void 0:String(n),onValueChange:(b,y)=>{if(o){let M=y?.event||y;o(b,M)}},disabled:p,children:[oe(C.Trigger,{ref:d,id:f,className:i("pb:flex pb:w-full pb:items-center pb:justify-between pb:rounded-md pb:border-0 pb:py-1.5 pb:pl-3 pb:pr-3 pb:text-gray-900 pb:ring-1 pb:ring-inset pb:ring-gray-300 pb:focus:ring-2 pb:focus:ring-primary pb:sm:text-sm pb:sm:leading-6 pb:bg-primary/10 pb:min-h-[36px]",p&&"pb:opacity-50 pb:cursor-not-allowed",e),onFocus:u,...x,children:[k(C.Value,{placeholder:c}),k(C.Icon,{children:k(g,{size:"sm",children:k("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m19.5 8.25-7.5 7.5-7.5-7.5"})})})]}),k(C.Portal,{children:k(C.Positioner,{sideOffset:4,className:"pb:z-50 pb:w-[var(--anchor-width)]",children:k(C.Popup,{className:"pb:max-h-60 pb:overflow-auto pb:rounded-md pb:bg-white pb:py-1 pb:text-base pb:shadow-lg pb:ring-1 pb:ring-black pb:ring-opacity-5 focus:pb:outline-none pb:sm:text-sm",children:t.map((b,y)=>{let M=typeof b=="object"?b.label:b,V=typeof b=="object"?b.value:b;return oe(C.Item,{value:V,className:"pb:relative pb:cursor-default pb:select-none pb:py-2 pb:pl-3 pb:pr-9 pb:text-gray-900 pb:hover:bg-gray-100 data-[highlighted]:pb:bg-gray-100 data-[selected]:pb:font-semibold",children:[k(C.ItemText,{children:M}),k(C.ItemIndicator,{className:"pb:absolute pb:inset-y-0 pb:right-0 pb:flex pb:items-center pb:pr-4 pb:text-primary",children:k(g,{size:"sm",children:k("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4.5 12.75l6 6 9-13.5"})})})]},`${V}-${y}`)})})})})]})})});ot.displayName="Select";import xe from"react";import{clsx as pt}from"clsx";import{twMerge as nt}from"tailwind-merge";import{jsx as E,jsxs as lt}from"react/jsx-runtime";function ve(...e){return nt(pt(e))}var it={1:"pb:text-4xl pb:font-bold",2:"pb:text-3xl pb:font-bold",3:"pb:text-2xl pb:font-bold",4:"pb:text-xl pb:font-bold",5:"pb:text-lg pb:font-bold",6:"pb:text-base pb:font-bold"},st={default:"pb:text-base pb:text-slate-950",muted:"pb:text-sm pb:text-slate-600",error:"pb:text-sm pb:text-red-600 pb:font-medium",small:"pb:text-xs pb:text-slate-600"},T=({level:e=1,className:t,children:r,...a})=>xe.createElement(`h${e}`,{className:ve(it[e],t),...a},r),N=({variant:e="default",as:t="p",className:r,children:a,...n})=>xe.createElement(t,{className:ve(st[e],r),...n},a),Dr=({args:e})=>lt("div",{className:"pb:space-y-4",...e,children:[E(T,{level:1,children:"Heading 1"}),E(T,{level:2,children:"Heading 2"}),E(T,{level:3,children:"Heading 3"}),E(N,{children:"Body text"}),E(N,{variant:"muted",children:"Caption text"}),E(N,{variant:"small",children:"Small text"}),E(N,{variant:"small",as:"span",children:"Small span text"})]});import bt from"react";import{Slider as _}from"@base-ui/react";import{jsx as F,jsxs as ye}from"react/jsx-runtime";var pe=bt.forwardRef(({className:e,min:t=0,max:r=100,step:a=1,value:n,defaultValue:o,disabled:p,onChange:c,name:u,icon:x,...d},h)=>{let f=(b,y)=>{c&&c(b,y)};return ye("div",{className:i("pb:w-full pb:flex pb:items-center pb:gap-4",e),children:[x&&F("div",{className:"pb:text-gray-500 pb:shrink-0",children:x}),F("div",{className:"pb:flex-grow pb:flex pb:items-center pb:h-8 pb:min-w-[120px]",children:F(_.Root,{ref:h,min:t,max:r,step:a,value:n!==void 0?Array.isArray(n)?n:[n]:void 0,defaultValue:o!==void 0?Array.isArray(o)?o:[o]:void 0,disabled:p,orientation:"horizontal",...d,onValueChange:(b,y)=>{let M=y?.event||window.event;f(b,M)},className:i("pb:relative pb:flex pb:items-center pb:w-full pb:h-full pb:group pb:touch-none pb:select-none",p&&"pb:opacity-50 pb:cursor-not-allowed",e),children:ye(_.Control,{className:"pb:flex pb:items-center pb:w-full pb:h-full pb:relative pb:cursor-pointer",children:[F(_.Track,{className:"pb:relative pb:bg-gray-200 pb:rounded-full pb:w-full pb:h-1.5 pb:overflow-hidden pb:transition-colors group-pb:hover:bg-gray-300",children:F(_.Indicator,{className:"pb:absolute pb:bg-primary pb:rounded-full pb:h-full"})}),F(_.Thumb,{className:"pb:z-10 pb:block pb:w-4.5 pb:h-4.5 pb:bg-white pb:shadow-md pb:rounded-full pb:border-2 pb:border-primary focus:pb:outline-none focus:pb:ring-4 focus:pb:ring-primary/20 pb:cursor-grab active:pb:cursor-grabbing pb:hover:scale-110 active:pb:scale-95 pb:transition-transform"})]})})}),u&&F("input",{type:"hidden",name:u,value:n})]})});pe.displayName="Slider";import ct from"react";import we from"react";import{NumberField as X}from"@base-ui/react";import{jsx as P,jsxs as dt}from"react/jsx-runtime";var ne=we.forwardRef(({className:e,value:t,defaultValue:r,min:a,max:n,step:o,onChange:p,disabled:c,readOnly:u,id:x,placeholder:d,showButtons:h=!1,...f},b)=>{let y=we.useId(),M=x||y;return P("div",{className:"pb:w-full",children:P(X.Root,{ref:b,value:t,defaultValue:r,min:a,max:n,step:o,onValueChange:(V,J)=>{if(p){let Xe=J?.event||J;p(V,Xe)}},disabled:c,readOnly:u,className:i("pb:flex pb:flex-col pb:gap-1",e),...f,children:dt("div",{className:i("pb:group pb:relative pb:flex pb:items-center pb:rounded-md pb:border-0 pb:bg-primary/10 pb:ring-1 pb:ring-inset pb:ring-gray-300 pb:focus-within:ring-2 pb:focus-within:ring-primary pb:shadow-sm",c&&"pb:opacity-50 pb:cursor-not-allowed"),children:[h&&P(X.Decrement,{"aria-label":"Decrement",className:"pb:relative pb:z-20 pb:flex pb:items-center pb:justify-center pb:w-8 pb:h-9 pb:text-gray-500 pb:hover:text-gray-700 pb:hover:bg-gray-100/50 pb:rounded-l-md pb:border-r pb:border-gray-300 disabled:pb:opacity-30 pb:cursor-pointer",children:P(g,{size:"sm",children:P("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 12h-15"})})}),P(X.Input,{id:M,placeholder:d,className:i("pb:block pb:w-full pb:bg-transparent pb:border-0 pb:px-3 pb:py-1.5 pb:text-gray-900 pb:placeholder:text-gray-400 pb:focus:ring-0 pb:sm:text-sm pb:sm:leading-6 pb:text-center pb:appearance-none pb:relative pb:z-0",!h&&"pb:rounded-md")}),h&&P(X.Increment,{"aria-label":"Increment",className:"pb:relative pb:z-20 pb:flex pb:items-center pb:justify-center pb:w-8 pb:h-9 pb:text-gray-500 pb:hover:text-gray-700 pb:hover:bg-gray-100/50 pb:rounded-r-md pb:border-l pb:border-gray-300 disabled:pb:opacity-30 pb:cursor-pointer",children:P(g,{size:"sm",children:P("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"})})}),P(X.ScrubArea,{className:"pb:absolute pb:inset-0 pb:z-10 pb:cursor-ew-resize pb:opacity-0 pb:hover:opacity-10 pb:transition-opacity pb:bg-primary/5 pb:rounded-md pb:pointer-events-none group-pb:hover:pointer-events-auto"})]})})})});ne.displayName="NumberField";import{jsx as Y,jsxs as gt}from"react/jsx-runtime";var mt=ct.forwardRef(({className:e,min:t=0,max:r=100,step:a=1,value:n,defaultValue:o,disabled:p,onChange:c,inputWidth:u="w-20",...x},d)=>{let h=(f,b)=>{if(c){let y=Array.isArray(f)?f[0]:f;c(y,b)}};return gt("div",{ref:d,className:i("pb:flex pb:flex-row pb:items-center pb:gap-4 pb:w-full pb:min-w-0 pb:sm:flex-nowrap pb:flex-wrap",e),...x,children:[Y("div",{className:"pb:flex-grow pb:min-w-[120px]",children:Y(pe,{min:t,max:r,step:a,value:n,defaultValue:o,disabled:p,onChange:h,className:"pb:w-full"})}),Y("div",{className:i(u,"pb:shrink-0"),children:Y(ne,{value:n,defaultValue:o,min:t,max:r,step:a,disabled:p,onChange:(f,b)=>{f!==null&&h(f,b)},showButtons:!1})})]})});mt.displayName="SliderWithNumberField";import ut from"react";import{Tooltip as D}from"@base-ui/react";import{jsx as S,jsxs as Ne}from"react/jsx-runtime";function ft({content:e,children:t,className:r,delay:a="normal"}){return S(D.Provider,{delay:a==="slow"?1e3:0,children:Ne(D.Root,{children:[ut.isValidElement(t)?S(D.Trigger,{render:t}):S(D.Trigger,{children:t}),S(D.Portal,{children:S(D.Positioner,{sideOffset:8,children:Ne(D.Popup,{className:i("pb:z-50 pb:rounded pb:shadow-lg pb:bg-white pb:p-2 pb:text-xs pb:text-center pb:whitespace-normal pb:max-w-xs pb:text-gray-900 pb:border pb:border-gray-200",r),children:[e,S(D.Arrow,{className:"pb:fill-white pb:stroke-gray-200"})]})})})]})})}function ke({content:e,className:t}){return S(ft,{content:e,className:t,children:S(g,{size:"md",className:"pb:text-gray-500 pb:hover:text-gray-700 pb:cursor-help",children:S("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z"})})})}import ht from"react";import{Dialog as H}from"@base-ui/react";import{jsx as W,jsxs as Re}from"react/jsx-runtime";function sa({open:e,onOpenChange:t,trigger:r,children:a,className:n}){return Re(H.Root,{open:e,onOpenChange:(o,p)=>{t?.(o,p?.event)},children:[r&&(ht.isValidElement(r)?W(H.Trigger,{render:r}):W(H.Trigger,{children:r})),Re(H.Portal,{children:[W(H.Backdrop,{className:"pb:fixed pb:inset-0 pb:z-50 pb:bg-black/40 pb:transition-all pb:duration-200 data-[state=open]:pb:animate-in data-[state=closed]:pb:animate-out pb:data-[state=closed]:fade-out-0 pb:data-[state=open]:fade-in-0"}),W(H.Popup,{className:i("pb:fixed pb:left-[50%] pb:top-[50%] pb:z-50 pb:grid pb:w-auto pb:max-w-[90vw] pb:translate-x-[-50%] pb:translate-y-[-50%] pb:gap-4 pb:border pb:bg-white pb:p-6 pb:shadow-lg pb:duration-200 data-[state=open]:pb:animate-in data-[state=closed]:pb:animate-out data-[state=closed]:pb:fade-out-0 data-[state=open]:pb:fade-in-0 data-[state=closed]:pb:zoom-out-95 data-[state=open]:pb:zoom-in-95 data-[state=closed]:pb:slide-out-to-left-1/2 data-[state=closed]:pb:slide-out-to-top-[48%] data-[state=open]:pb:slide-in-from-left-1/2 data-[state=open]:pb:slide-in-from-top-[48%] sm:rounded-lg",n),children:a})]})]})}var la=e=>W(H.Title,{...e}),ba=e=>W(H.Description,{...e}),da=e=>W(H.Close,{...e});import{Popover as q}from"@base-ui/react";import{jsx as j,jsxs as Me}from"react/jsx-runtime";function fa({trigger:e,children:t,side:r="bottom",align:a="center",className:n,open:o,onOpenChange:p}){return Me(q.Root,{open:o,onOpenChange:p,children:[j(q.Trigger,{children:e}),j(q.Portal,{children:j(q.Positioner,{side:r,align:a,sideOffset:5,children:Me(q.Popup,{className:i("pb:z-50 pb:w-72 pb:rounded-md pb:border pb:bg-white pb:p-4 pb:shadow-md pb:outline-none pb:data-[state=open]:animate-in pb:data-[state=closed]:animate-out pb:data-[state=closed]:fade-out-0 pb:data-[state=open]:fade-in-0 pb:data-[state=closed]:zoom-out-95 pb:data-[state=open]:zoom-in-95",n),children:[t,j(q.Arrow,{className:"pb:fill-white pb:stroke-gray-200"})]})})})]})}import ie from"react";import{Menu as I}from"@base-ui/react";import{jsx as U,jsxs as yt}from"react/jsx-runtime";function Na({trigger:e,children:t,align:r="end",className:a}){return yt(I.Root,{children:[ie.isValidElement(e)?U(I.Trigger,{render:e}):U(I.Trigger,{children:e}),U(I.Portal,{children:U(I.Positioner,{align:r,sideOffset:5,children:U(I.Popup,{className:i("pb:z-50 pb:min-w-[8rem] pb:overflow-hidden pb:rounded-md pb:border pb:bg-white pb:p-1 pb:shadow-md pb:data-[state=open]:animate-in pb:data-[state=closed]:animate-out pb:data-[state=closed]:fade-out-0 pb:data-[state=open]:fade-in-0 pb:data-[state=closed]:zoom-out-95 pb:data-[state=open]:zoom-in-95",a),children:t})})})]})}var xt=ie.forwardRef(({className:e,...t},r)=>U(I.Item,{ref:r,className:i("pb:relative pb:flex pb:cursor-default pb:select-none pb:items-center pb:rounded-sm pb:px-2 pb:py-1.5 pb:text-sm pb:outline-none pb:transition-colors pb:data-[highlighted]:bg-gray-100 pb:data-[highlighted]:text-gray-900",e),...t}));xt.displayName="DropdownItem";var vt=ie.forwardRef(({className:e,...t},r)=>U(I.Separator,{ref:r,className:i("pb:-mx-1 pb:my-1 pb:h-px pb:bg-gray-100",e),...t}));vt.displayName="DropdownSeparator";import{useState as wt}from"react";import{jsx as G,jsxs as Nt}from"react/jsx-runtime";function Ce({title:e,children:t,variant:r="secondary",size:a="md",defaultOpen:n=!1,className:o}){let[p,c]=wt(n);return Nt("div",{className:i("w-full",o),children:[G(v,{variant:r,size:a,className:"pb:w-full pb:justify-between pb:font-medium",onClick:()=>c(!p),"aria-expanded":p,rightIcon:G(g,{className:"pb:h-5 pb:w-5 pb:text-gray-600",strokeWidth:"2.5",children:p?G("path",{d:"M4.5 15.75l7.5-7.5 7.5 7.5"}):G("path",{d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})}),children:G("span",{children:e})}),p&&G("div",{className:"pb:px-4 pb:pt-4 pb:pb-2 pb:text-sm pb:text-gray-500",children:t})]})}import Te from"react";import{Switch as Pe}from"@base-ui/react";import{jsx as se}from"react/jsx-runtime";var kt=Te.forwardRef(({checked:e,defaultChecked:t,onChange:r,disabled:a,className:n,id:o,...p},c)=>{let u=Te.useId(),x=o??u;return se("div",{className:i("pb:flex pb:items-center pb:gap-2",n),children:se(Pe.Root,{ref:c,id:x,checked:e,defaultChecked:t,onCheckedChange:(d,h)=>{r?.(d,h?.event)},disabled:a,className:i("pb:relative pb:inline-flex pb:h-6 pb:w-11 pb:flex-shrink-0 pb:cursor-pointer pb:rounded-full pb:border-2 pb:border-transparent pb:transition-colors pb:duration-200 pb:ease-in-out pb:focus:outline-none pb:focus:ring-2 pb:focus:ring-primary pb:focus:ring-offset-2","pb:data-[checked]:bg-primary pb:data-[unchecked]:bg-gray-200",a&&"pb:opacity-50 pb:cursor-not-allowed"),...p,children:se(Pe.Thumb,{className:i("pb:pointer-events-none pb:inline-block pb:h-5 pb:w-5 pb:transform pb:rounded-full pb:bg-white pb:shadow pb:ring-0 pb:transition pb:duration-200 pb:ease-in-out","pb:data-[checked]:translate-x-5 pb:data-[unchecked]:translate-x-0")})})})});kt.displayName="Switch";import{jsx as Le,jsxs as Rt}from"react/jsx-runtime";function Be({children:e,tooltip:t,className:r,...a}){return Le("label",{className:i("pb:relative pb:block pb:text-sm pb:font-bold pb:leading-6 pb:text-gray-600 pb:mb-1 pb:group-focus-within:text-gray-800",r),...a,children:Rt("div",{className:"pb:flex pb:items-center pb:gap-1",children:[e,t&&Le(ke,{content:t})]})})}import{jsx as ee,jsxs as Se}from"react/jsx-runtime";function Za({title:e,children:t,onClose:r,className:a="",headerClassName:n="",headingLevel:o=2,setPanel:p=c=>{}}){let c=()=>{r?r():p("None")};return Se("div",{className:`pb:space-y-1 pb:p-1 ${a}`,children:[Se("div",{className:`pb:flex pb:items-center pb:justify-between pb:px-1 pb:mb-1 pb:border pb:border-solid pb:border-gray-400 pb:pb-1 ${n}`,children:[ee(T,{level:o,className:"pb:text-lg",children:e}),ee(v,{variant:"ghost",size:"sm",onClick:c,className:"pb:p-1 pb:rounded pb:hover:bg-gray-100 pb:h-auto","aria-label":`Close ${e} Panel`,children:ee(g,{size:"md",className:"pb:h-5 pb:w-5",children:ee("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18 18 6M6 6l12 12"})})})]}),t]})}import{Toggle as Mt,ToggleGroup as Ct}from"@base-ui/react";import{jsx as He}from"react/jsx-runtime";var Tt={default:"pb:data-[pressed]:bg-white pb:data-[pressed]:text-gray-900 pb:data-[pressed]:shadow-sm pb:data-[pressed]:ring-1 pb:data-[pressed]:ring-gray-200",primary:"pb:data-[pressed]:bg-primary/20 pb:data-[pressed]:shadow-sm pb:data-[pressed]:ring-1 pb:data-[pressed]:ring-primary",danger:"pb:data-[pressed]:bg-danger/20 pb:data-[pressed]:shadow-sm pb:data-[pressed]:ring-1 pb:data-[pressed]:ring-danger"};function Xa({options:e,value:t,onChange:r,className:a,variant:n="default","aria-label":o}){return He(Ct,{value:t?[t]:[],onValueChange:p=>{r(p[0])},"aria-label":o,className:i("pb:inline-flex pb:p-1 pb:space-x-1 pb:bg-gray-100 pb:rounded-lg pb:border pb:border-gray-200",a),children:e.map(p=>He(Mt,{value:p.value,disabled:p.disabled,className:i("pb:relative pb:cursor-pointer pb:px-3 pb:py-1.5 pb:text-sm pb:font-medium pb:rounded-md pb:transition-all pb:flex pb:items-center pb:justify-center pb:outline-none","pb:text-gray-600 pb:hover:text-gray-900 pb:hover:bg-gray-200","pb:disabled:opacity-50 pb:disabled:cursor-not-allowed pb:disabled:hover:bg-transparent pb:disabled:hover:text-gray-600",Tt[n]),children:p.label},p.value))})}import{Field as te}from"@base-ui/react";import Pt from"react";import{jsx as O,jsxs as le}from"react/jsx-runtime";var re=Pt.forwardRef(({label:e,description:t,error:r,tooltip:a,children:n,className:o,icon:p,labelPlacement:c="top",labelWeight:u="bold",...x},d)=>{let h=c==="left"||c==="right",f=c==="right";return le(te.Root,{ref:d,className:i("pb:flex pb:w-full",h?"pb:flex-col pb:gap-1":"pb:flex-col pb:gap-1.5",o),...x,children:[le("div",{className:i("pb:flex",h?"pb:flex-row pb:items-center pb:gap-2":"pb:flex-col pb:gap-1.5"),children:[f&&O("div",{className:"pb:relative",children:n}),e&&O(te.Label,{render:b=>O(Be,{tooltip:a,className:i("pb:mb-0",u==="normal"&&"pb:font-normal"),...b,children:le("span",{className:"pb:flex pb:items-center pb:gap-1",children:[p&&O("span",{className:"pb:flex-shrink-0",children:p}),e]})})}),!f&&O("div",{className:"pb:relative",children:n})]}),t&&O(te.Description,{className:i("pb:text-xs pb:text-gray-500",f&&"pb:ml-7"),children:t}),r&&O(te.Error,{className:i("pb:text-xs pb:text-red-600 pb:font-medium",f&&"pb:ml-7"),children:r})]})});re.displayName="Field";import*as Ie from"react";import{Link as Lt}from"react-router-dom";import{jsx as De}from"react/jsx-runtime";var Bt=Ie.forwardRef(({className:e,href:t,target:r,...a},n)=>{let o=t&&!t.startsWith("http")&&!r,p=i("pb:font-medium pb:text-teal-700 pb:underline pb:underline-offset-4 pb:hover:text-teal-900 pb:cursor-pointer",e);return o?De(Lt,{to:t,ref:n,className:p,...a}):De("a",{href:t,target:r,ref:n,className:p,...a})});Bt.displayName="Anchor";import{Input as St}from"@base-ui/react";import Ht from"react";import{jsx as Ae}from"react/jsx-runtime";var Dt=Ht.forwardRef(({className:e,id:t,...r},a)=>Ae(St,{render:Ae("textarea",{}),ref:a,id:t,className:i("pb:block pb:w-full pb:rounded-md pb:border-0 pb:px-1.5 pb:py-1.5 pb:text-gray-900 pb:ring-1 pb:ring-inset pb:ring-gray-300 pb:placeholder:text-gray-400 pb:focus:ring-2 pb:focus:ring-inset pb:focus:ring-primary pb:sm:text-sm pb:sm:leading-6 pb:bg-primary/10 pb:appearance-none",e),...r}));Dt.displayName="TextArea";import{Checkbox as ze}from"@base-ui/react";import It from"react";import{jsx as ae}from"react/jsx-runtime";var At=It.forwardRef(({className:e,id:t,checked:r,onChange:a,...n},o)=>ae(ze.Root,{ref:o,id:t,checked:r,onCheckedChange:p=>{a&&a({target:{checked:p===!0}})},className:i("pb:flex pb:h-5 pb:w-5 pb:shrink-0 pb:items-center pb:justify-center pb:rounded pb:border pb:border-gray-300 pb:bg-white pb:shadow-sm pb:transition-all pb:focus-visible:outline-none pb:focus-visible:ring-2 pb:focus-visible:ring-primary pb:focus-visible:ring-offset-2 pb:disabled:cursor-not-allowed pb:disabled:opacity-50","pb:hover:border-primary pb:hover:bg-primary/5","pb:data-[state=checked]:bg-primary pb:data-[state=checked]:border-primary pb:data-[state=checked]:text-white",e),...n,children:ae(ze.Indicator,{children:ae(g,{size:"sm",strokeWidth:3,className:"pb:text-dark-primary",children:ae("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m4.5 12.75 6 6 9-13.5"})})})}));At.displayName="Checkbox";import{Fragment as zt,jsx as $,jsxs as Vt}from"react/jsx-runtime";function Ro({title:e,children:t,className:r,contentClassName:a,collapsible:n,defaultOpen:o=!0,headingLevel:p=3}){let c=$("div",{className:i("pb:flex pb:flex-col",a),children:t});return $("div",{className:i("pb:m-2 pb:p-4 pb:bg-white pb:shadow-xl pb:rounded-lg pb:flex pb:flex-1 pb:flex-col",r),children:n?$(Ce,{title:typeof e=="string"?$(T,{level:p,className:"pb:text-gray-600",children:e}):e,variant:"ghost",defaultOpen:o,children:c}):Vt(zt,{children:[e&&$("div",{className:"pb:flex pb:items-center pb:justify-between pb:mb-2 empty:hidden",children:typeof e=="string"?$(T,{level:p,className:"pb:text-gray-600",children:e}):e}),c]})})}import*as Ve from"react";import{Separator as Ee}from"@base-ui/react/separator";import{jsx as Ft}from"react/jsx-runtime";var Et=Ve.forwardRef(({className:e,orientation:t="horizontal",...r},a)=>Ft(Ee,{ref:a,orientation:t,className:i("pb:shrink-0 pb:bg-gray-200",t==="horizontal"?"pb:h-[1px] pb:w-full":"pb:h-full pb:w-[1px]",e),...r}));Et.displayName=Ee.displayName;import{jsx as Wt}from"react/jsx-runtime";function Ho({className:e,...t}){return Wt("div",{className:i("pb:animate-pulse pb:rounded-md pb:bg-gray-200/50",e),...t})}import{useFormStatus as Ut}from"react-dom";import{jsx as m,jsxs as w}from"react/jsx-runtime";function be({label:e}){let{pending:t}=Ut();return m(v,{type:"submit",variant:"primary",isLoading:t,disabled:t,children:e})}function Vo({mode:e,onModeChange:t,formAction:r,actionState:a,onGoogleSignIn:n,title:o,description:p}){return w("div",{className:"pb:text-left pb:overflow-hidden",children:[m(T,{level:2,className:"pb:text-center pb:mb-2",children:o||(e==="signing up"?"Sign up":e==="signing in"?"Sign In":"Reset Password")}),w("form",{className:"pb:md:m-10 pb:sm:m-4 pb:space-y-4",action:r,children:[p&&m(N,{className:"pb:text-center pb:mb-6",variant:"muted",children:p}),e==="resetting password"&&m(N,{className:"pb:text-center pb:font-bold pb:text-dark-primary",children:a.message}),m(N,{className:"pb:text-center",variant:"error",children:a.error}),w("div",{className:"pb:space-y-4",children:[m(re,{id:"email",label:"Email",error:a.error&&a.error.includes("email")?a.error:"",children:m(Q,{name:"email",type:"email",required:!0,placeholder:"Email",leftIcon:m(g,{name:"envelope"})})}),e!=="resetting password"&&m(re,{id:"password",label:"Password",error:a.error&&a.error.includes("password")?a.error:"",children:m(Q,{name:"password",type:"password",required:!0,placeholder:"Password",leftIcon:m(g,{name:"lockClosed"})})})]}),w("div",{className:"pb:text-center pb:mt-6 pb:space-y-4",children:[e==="signing up"&&m(be,{label:"Sign Up"}),e==="signing in"&&m(be,{label:"Sign In"}),e==="resetting password"&&m(be,{label:"Reset Password"}),w("div",{className:"pb:text-center pb:text-sm pb:text-gray-500",children:[e==="signing up"&&w(N,{children:["Already have an account?"," ",m(v,{variant:"ghost",size:"sm",onClick:()=>t("signing in"),className:"pb:underline pb:p-0 pb:h-auto pb:hover:bg-transparent",children:"Sign in"})]}),e==="signing in"&&w("div",{className:"pb:flex pb:flex-col pb:gap-2",children:[w(N,{children:["Forgot your password?"," ",m(v,{variant:"ghost",size:"sm",onClick:()=>t("resetting password"),className:"pb:underline pb:p-0 pb:h-auto pb:hover:bg-transparent",children:"Reset password."})]}),w("div",{className:"pb:relative",children:[m("div",{className:"pb:absolute pb:inset-0 pb:flex pb:items-center",children:m("div",{className:"pb:w-full pb:border-t pb:border-gray-300"})}),m("div",{className:"pb:relative pb:flex pb:justify-center pb:text-sm",children:m("span",{className:"pb:px-2 pb:bg-white pb:text-gray-500",children:"or"})})]}),w(N,{children:["Don't have an account?"," ",m(v,{variant:"ghost",size:"sm",onClick:()=>t("signing up"),className:"pb:underline pb:p-0 pb:h-auto pb:hover:bg-transparent",children:"Sign up"})]})]}),e==="resetting password"&&w("div",{className:"pb:flex pb:flex-col pb:gap-2",children:[w(N,{children:["Don't have an account?"," ",m(v,{variant:"ghost",size:"sm",onClick:()=>t("signing up"),className:"pb:underline pb:p-0 pb:h-auto pb:hover:bg-transparent",children:"Sign up"})]}),w("div",{className:"pb:relative",children:[m("div",{className:"pb:absolute pb:inset-0 pb:flex pb:items-center",children:m("div",{className:"pb:w-full pb:border-t pb:border-gray-300"})}),m("div",{className:"pb:relative pb:flex pb:justify-center pb:text-sm",children:m("span",{className:"pb:px-2 pb:bg-white pb:text-gray-500",children:"or"})})]}),w(N,{children:["Remembered your password?",m(v,{variant:"ghost",size:"sm",onClick:()=>t("signing in"),className:"pb:underline pb:p-0 pb:h-auto pb:hover:bg-transparent",children:"Sign In"})]})]})]})]}),e!=="resetting password"&&n&&m("div",{className:"pb:text-center pb:mt-4",children:w(v,{variant:"secondary",onClick:n,type:"button",className:"pb:w-full pb:flex pb:items-center pb:justify-center pb:gap-2",children:[m(g,{name:"google",stroke:"none"}),e==="signing up"&&m("span",{children:"Sign up with Google"}),e==="signing in"&&m("span",{children:"Sign in with Google"})]})})]})]})}import{useState as Ot}from"react";import{jsx as A,jsxs as Fe}from"react/jsx-runtime";function Oo({level:e,message:t,action:r}){let[a,n]=Ot(!0);return Fe("div",{className:"pb:flex pb:w-full pb:p-4 pb:m-1 pb:text-sm pb:rounded-lg pb:bg-white pb:border pb:border-solid pb:transition-opacity pb:ease-in-out pb:delay-150 pb:duration-300 "+(a?" ":" pb:hidden"),children:[Fe("span",{children:[e==="Error"&&A(g,{name:"exclamationCircle",size:"lg",className:"pb:m-2",stroke:"red"}),e==="Warning"&&A(g,{name:"exclamationTriangle",size:"lg",className:"pb:m-2",stroke:"yellow"}),e==="Success"&&A(g,{name:"checkCircle",size:"lg",className:"pb:m-2",stroke:"green"}),e==="Info"&&A(g,{name:"megaphone",size:"lg",className:"pb:m-2"})]}),A("span",{className:"pb:flex pb:flex-1 pb:ml-2",children:t}),r&&A(v,{onClick:()=>{r.callback(),n(!1)},children:r.name}),A("span",{className:"pb:cursor-pointer",onClick:()=>{n(!1)},children:A(g,{name:"xCircle",size:"lg",className:"pb:m-1"})})]})}import{jsx as z,jsxs as de}from"react/jsx-runtime";function $o({tabs:e,activeTabId:t,onTabClick:r,onAddClick:a,className:n=""}){return de("div",{className:`pb:overflow-x-auto pb:max-h-20 pb:text-sm pb:whitespace-nowrap ${n}`,children:[e.map(o=>{let p=o.id===t;return de("div",{className:"pb:inline-block pb:align-middle pb:m-1 pb:px-2 pb:py-2 pb:cursor-pointer pb:rounded-sm "+(p?"pb:font-bold pb:bg-primary/30":"pb:font-gray-300 pb:bg-gray-200"),onClick:()=>r(o.id),children:[z("span",{className:"pb:inline-block pb:align-middle",children:o.label}),p&&(o.onEdit||o.onClose)&&de("span",{className:"pb:inline-flex pb:items-center pb:ml-2 pb:align-middle",children:[o.onEdit&&z(v,{variant:"ghost",size:"sm","aria-label":"Edit Tab",onClick:c=>{c.stopPropagation(),o.onEdit()},leftIcon:z(g,{name:"edit",size:"sm"})}),o.onEdit&&o.onClose&&z("span",{className:"pb:opacity-10 pb:align-middle pb:mx-1",children:" | "}),o.onClose&&z(v,{variant:"ghost",size:"sm","aria-label":"Close Tab",onClick:c=>{c.stopPropagation(),o.onClose()},leftIcon:z(g,{name:"close",size:"sm"})})]})]},o.id)}),a&&z(v,{variant:"primary",size:"sm","aria-label":"Create New Tab",onClick:a,leftIcon:z(g,{name:"plus",size:"sm"}),className:"pb:m-1 pb:align-middle pb:inline-flex"})]})}import{Fragment as Zt,jsx as R,jsxs as qt}from"react/jsx-runtime";function Mp({title:e,description:t="Peerbots platform: social robots for everyone, powered by experts.",image:r="/peerbots-logo.png",url:a,type:n="website"}){let o="Peerbots App",p=e==="Home"?o:`${e} | ${o}`,c=a||(typeof window<"u"?window.location.href:"");return qt(Zt,{children:[R("title",{children:p}),R("meta",{name:"description",content:t}),R("meta",{property:"og:title",content:p}),R("meta",{property:"og:description",content:t}),R("meta",{property:"og:image",content:r}),R("meta",{property:"og:url",content:c}),R("meta",{property:"og:type",content:n}),R("meta",{property:"og:site_name",content:o}),R("meta",{name:"twitter:card",content:"summary_large_image"}),R("meta",{name:"twitter:title",content:p}),R("meta",{name:"twitter:description",content:t}),R("meta",{name:"twitter:image",content:r})]})}import{VictoryChart as Gt,VictoryBar as $t,VictoryAxis as We,VictoryTooltip as _t,VictoryVoronoiContainer as Xt,VictoryLine as Ue,VictoryLabel as Oe}from"victory";import{jsx as L,jsxs as Ze}from"react/jsx-runtime";function Jt({data:e,alt:t,chartWidth:r=600,chartHeight:a=400,average:n,referenceLineValue:o,referenceLineLabel:p="Reference",label:c}){let u=Math.max(...e.map(d=>d.count),5),x=e.map(d=>d.label);return e.length===0?null:Ze("div",{className:"pb:mb-6",role:"img","aria-label":t,children:[c&&L("label",{className:"pb:text-xs pb:uppercase pb:font-bold pb:text-gray-400 pb:block pb:mb-2 pb:px-1",children:c}),Ze(Gt,{width:r,height:a,padding:{left:100,right:50,top:40,bottom:60},containerComponent:L(Xt,{}),children:[L(We,{horizontal:!0,tickValues:x,style:{axis:{stroke:"#cbd5e1"},tickLabels:{fontSize:18,padding:5,fill:"#334155"}}}),L(We,{dependentAxis:!0,domain:[0,u],tickFormat:d=>typeof d=="number"?Math.round(d):d,style:{axis:{stroke:"#cbd5e1"},tickLabels:{fontSize:18,padding:5,fill:"#334155"},grid:{stroke:"#f1f5f9"}}}),L($t,{horizontal:!0,domain:{x:[.5,x.length+.5],y:[0,u]},data:e,x:"label",y:"count",labels:({datum:d})=>{if(!d||d.count===0)return"";if(!d.items||d.items.length===0)return`${d.count}`;let f=d.items.slice(0,5).join(`
+`);return d.items.length>5&&(f+=`
+...and ${d.items.length-5} more`),f},labelComponent:L(_t,{style:{fontSize:18},flyoutStyle:{fill:"white",stroke:"#cbd5e1"},pointerLength:5,cornerRadius:2,constrainToVisibleArea:!0}),style:{data:{fill:({datum:d})=>d?.fill?d.fill==="White"?"#f3f4f6":d.fill:"#46d9d9",width:14,stroke:({datum:d})=>d?.stroke?d.stroke:d?.fill==="White"?"#d1d5db":"none",strokeWidth:({datum:d})=>d?.stroke||d?.fill==="White"?.5:0,cursor:"pointer"}},cornerRadius:2}),n!==void 0&&L(Ue,{y:()=>n,style:{data:{stroke:"#9ca3af",strokeWidth:2,strokeDasharray:"4, 4"}},labels:["Average"],labelComponent:L(Oe,{y:45,style:{fill:"#475569",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12})}),o!==void 0&&L(Ue,{y:()=>o,labels:[p],labelComponent:L(Oe,{y:45,style:{fill:"#ef4444",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12}),style:{data:{stroke:"#ef4444",strokeWidth:2,strokeDasharray:"4, 4"}}})]})]})}import{VictoryChart as Kt,VictoryAxis as qe,VictoryLabel as Ge,VictoryLine as $e,VictoryHistogram as Qt,VictoryTooltip as Yt,VictoryVoronoiContainer as jt}from"victory";import{jsx as B,jsxs as _e}from"react/jsx-runtime";function er({data:e,alt:t,label:r,average:a,referenceLineValue:n,referenceLineLabel:o="Reference",chartWidth:p=600,chartHeight:c=400}){if(e.length===0)return null;let u=10,x=Math.max(...e.map(b=>b.x),n??0,u),d=Math.ceil(x/u)*u+u,h=[];for(let b=0;b<=d;b+=u)h.push(b);return _e("div",{className:"pb:mb-6",role:"img","aria-label":t,children:[B("label",{className:"pb:text-xs pb:uppercase pb:font-bold pb:text-gray-400 pb:block pb:mb-2 pb:px-1",children:r}),_e(Kt,{width:p,height:c,padding:{left:60,right:30,top:20,bottom:70},containerComponent:B(jt,{}),children:[B(qe,{label:"Length",tickValues:h,tickFormat:b=>typeof b=="number"?Math.round(b):b,style:{axis:{stroke:"#cbd5e1"},axisLabel:{fontSize:18,padding:45,fill:"#334155",fontWeight:"bold"},tickLabels:{fontSize:18,padding:5,fill:"#334155",angle:45,textAnchor:"start"}}}),B(qe,{dependentAxis:!0,label:"Count",tickFormat:b=>typeof b=="number"?Math.round(b):b,style:{axis:{stroke:"#cbd5e1"},axisLabel:{fontSize:18,padding:40,fill:"#334155",fontWeight:"bold"},tickLabels:{fontSize:18,padding:5,fill:"#334155"},grid:{stroke:"#f1f5f9"}}}),B(Qt,{data:e,bins:h,x:"x",labels:({datum:b})=>{if(!b||b.y===0||!b.binnedData)return"";let y=b.binnedData.map(J=>J.text),V=y.slice(0,5).join(`
 `);return y.length>5&&(V+=`
-...and ${y.length-5} more`),V},labelComponent:B(Yt,{style:{fontSize:18},flyoutStyle:{fill:"white",stroke:"#cbd5e1"},pointerLength:5,cornerRadius:2,constrainToVisibleArea:!0}),style:{data:{fill:"#46d9d9",stroke:"#fff",strokeWidth:1,cursor:"pointer"}}}),a!==void 0&&B($e,{x:()=>a,style:{data:{stroke:"#9ca3af",strokeWidth:2,strokeDasharray:"4, 4"}},labels:["Average"],labelComponent:B(Ge,{y:45,style:{fill:"#475569",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12})}),i!==void 0&&B($e,{x:()=>i,labels:[o],labelComponent:B(Ge,{y:45,style:{fill:"#ef4444",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12}),style:{data:{stroke:"#ef4444",strokeWidth:2,strokeDasharray:"4, 4"}}})]})]})}export{Oo as Alert,Bt as Anchor,Vo as AuthFormUI,Za as BasePanel,v as Button,At as Checkbox,Ce as Collapsible,la as Dialog,ma as DialogClose,ca as DialogDescription,da as DialogTitle,Jt as DistributionBarChart,er as DistributionHistogram,Na as Dropdown,xt as DropdownItem,vt as DropdownSeparator,re as Field,T as Heading,ke as HelperTooltip,u as Icon,Q as Input,Be as Label,ie as NumberField,ha as Popover,Mn as SEO,ot as Select,Et as Separator,Ro as SettingsPanel,Ho as Skeleton,ne as Slider,gt as SliderWithNumberField,kt as Switch,Xa as TabRadio,$o as TabSelection,N as Text,Dt as TextArea,ht as Tooltip,Dr as TypographyList,s as cn};
+...and ${y.length-5} more`),V},labelComponent:B(Yt,{style:{fontSize:18},flyoutStyle:{fill:"white",stroke:"#cbd5e1"},pointerLength:5,cornerRadius:2,constrainToVisibleArea:!0}),style:{data:{fill:"#46d9d9",stroke:"#fff",strokeWidth:1,cursor:"pointer"}}}),a!==void 0&&B($e,{x:()=>a,style:{data:{stroke:"#9ca3af",strokeWidth:2,strokeDasharray:"4, 4"}},labels:["Average"],labelComponent:B(Ge,{y:45,style:{fill:"#475569",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12})}),n!==void 0&&B($e,{x:()=>n,labels:[o],labelComponent:B(Ge,{y:45,style:{fill:"#ef4444",fontSize:18,fontWeight:"bold"},backgroundStyle:{fill:"white"},backgroundPadding:12}),style:{data:{stroke:"#ef4444",strokeWidth:2,strokeDasharray:"4, 4"}}})]})]})}export{Oo as Alert,Bt as Anchor,Vo as AuthFormUI,Za as BasePanel,v as Button,At as Checkbox,Ce as Collapsible,sa as Dialog,da as DialogClose,ba as DialogDescription,la as DialogTitle,Jt as DistributionBarChart,er as DistributionHistogram,Na as Dropdown,xt as DropdownItem,vt as DropdownSeparator,re as Field,T as Heading,ke as HelperTooltip,g as Icon,Q as Input,Be as Label,ne as NumberField,fa as Popover,Mp as SEO,ot as Select,Et as Separator,Ro as SettingsPanel,Ho as Skeleton,pe as Slider,mt as SliderWithNumberField,kt as Switch,Xa as TabRadio,$o as TabSelection,N as Text,Dt as TextArea,ft as Tooltip,Dr as TypographyList,i as cn,l as iconPaths};

package/package.json CHANGED Viewed

@@ -3,9 +3,17 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.2",
+  "version": "0.2.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./theme.css": "./dist/index.css"
+  },
   "license": "GPL-3.0-only",
   "author": "Peerbots",
   "repository": {
@@ -21,7 +29,7 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "tailwind-merge": "^3.4.1"
+    "tailwind-merge": "^3.5.0"
   },
   "peerDependencies": {
     "@base-ui/react": "^1.2.0",
@@ -57,4 +65,4 @@
     "url": "https://github.com/peerbots/peerbots-core/issues"
   },
   "homepage": "https://github.com/peerbots/peerbots-core#readme"
-}
+}

package/src/charts/DistributionBarChart.tsx CHANGED Viewed

@@ -43,9 +43,9 @@ export function DistributionBarChart({
   if (data.length === 0) return null;
   return (
-    <div className="mb-6" role="img" aria-label={alt}>
+    <div className="pb:mb-6" role="img" aria-label={alt}>
       {label && (
-        <label className="text-xs uppercase font-bold text-gray-400 block mb-2 px-1">
+        <label className="pb:text-xs pb:uppercase pb:font-bold pb:text-gray-400 pb:block pb:mb-2 pb:px-1">
           {label}
         </label>
       )}

package/src/charts/DistributionHistogram.tsx CHANGED Viewed

@@ -52,8 +52,8 @@ export function DistributionHistogram({
   const padding = { left: 60, right: 30, top: 20, bottom: 70 };
   return (
-    <div className="mb-6" role="img" aria-label={alt}>
-      <label className="text-xs uppercase font-bold text-gray-400 block mb-2 px-1">
+    <div className="pb:mb-6" role="img" aria-label={alt}>
+      <label className="pb:text-xs pb:uppercase pb:font-bold pb:text-gray-400 pb:block pb:mb-2 pb:px-1">
         {label}
       </label>
       <VictoryChart

package/src/docs/DesignSystem.mdx ADDED Viewed

@@ -0,0 +1,46 @@
+import { Meta, Canvas, Story } from "@storybook/addon-docs/blocks";
+import * as TypographyStories from "../ui/Typography.stories";
+import * as ColorStories from "../ui/Colors.stories";
+<Meta title="Design System" />
+## Colors
+These colors are defined in `src/styles/theme.css`. and are used throughout the application via Tailwind classes.
+<Canvas of={ColorStories.Variations} />
+## Typography
+**Font Family**: `Avenir`, `Nunito`, sans-serif.
+<Canvas of={TypographyStories.Variations} />
+# Peerbots Design System
+The Peerbots design system ensures a consistent, friendly, and accessible experience across the platforms.
+## Design Philosophy
+- **Friendly & Approachable**: Use rounded corners, soft shadows, and vibrant colors.
+- **Accessible**: High contrast for critical buttons and readable font sizes.
+- **Responsive**: Adapts gracefully to various screen sizes, from phones to tablets.
+### Utilities
+Use these common utility classes for consistency:
+- `btn-primary`: For the main action on a page/modal.
+- `btn-secondary`: For alternative actions.
+- `btn-danger`: For irreversible or dangerous actions.
+- `input-base`: For text inputs and textareas.
+- `range-primary`: For slider inputs.
+## Evolving the System
+This design system is a living document.
+- **New Needs**: When new features require UI elements not covered here, agents and developers should propose a new pattern.
+- **Documentation**: Any new repeatable pattern, component, or utility introduced (especially if driven by user needs) **must** be added to this document to remain the source of truth.
+- **Refinement**: Periodic audits should be conducted to ensure hardcoded styles are migrated to the design system.

package/src/styles/theme.css CHANGED Viewed

@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import "tailwindcss" prefix(pb);
 @theme {
     --color-primary: #46d9d9;
@@ -22,39 +22,39 @@
 }
 @utility input-base {
-    @apply bg-primary/10 border border-b-2 border-gray-300 focus:border-gray-600 py-2 px-2;
+    @apply pb:bg-primary/10 pb:border pb:border-b-2 pb:border-gray-300 pb:focus:border-gray-600 pb:py-2 pb:px-2;
 }
 @utility btn-primary {
-    @apply bg-primary hover:bg-dark-primary text-gray-900 font-bold py-1 px-2 my-1 mx-2 rounded-md disabled:bg-gray-400 disabled:hover:bg-gray-300 disabled:cursor-not-allowed cursor-pointer;
+    @apply pb:bg-primary pb:hover:bg-dark-primary pb:text-gray-900 pb:font-bold pb:py-1 pb:px-2 pb:my-1 pb:mx-2 pb:rounded-md pb:disabled:bg-gray-400 pb:disabled:hover:bg-gray-300 pb:disabled:cursor-not-allowed pb:cursor-pointer;
 }
 @utility btn-secondary {
-    @apply bg-gray-100 hover:bg-gray-200 text-gray-800 font-normal py-1 px-2 my-1 mx-2 rounded-md disabled:bg-gray-400 disabled:hover:bg-gray-300 disabled:cursor-not-allowed cursor-pointer;
+    @apply pb:bg-gray-100 pb:hover:bg-gray-200 pb:text-gray-800 pb:font-normal pb:py-1 pb:px-2 pb:my-1 pb:mx-2 pb:rounded-md pb:disabled:bg-gray-400 pb:disabled:hover:bg-gray-300 pb:disabled:cursor-not-allowed pb:cursor-pointer;
 }
 @utility btn-danger {
-    @apply bg-danger hover:opacity-80 text-gray-900 font-bold py-1 px-2 my-1 mx-2 rounded-md disabled:bg-gray-400 disabled:hover:bg-gray-300 disabled:cursor-not-allowed cursor-pointer;
+    @apply pb:bg-danger pb:hover:opacity-80 pb:text-gray-900 pb:font-bold pb:py-1 pb:px-2 pb:my-1 pb:mx-2 pb:rounded-md pb:disabled:bg-gray-400 pb:disabled:hover:bg-gray-300 pb:disabled:cursor-not-allowed pb:cursor-pointer;
 }
 @utility range-primary {
-    @apply accent-primary bg-gray-100 rounded-md cursor-pointer;
+    @apply pb:accent-primary pb:bg-gray-100 pb:rounded-md pb:cursor-pointer;
 }
 .range-vertical {
     writing-mode: vertical-lr;
 }
-.tooltip,
-.tooltip-slow {
-    @apply absolute invisible opacity-0;
+.pb-tooltip,
+.pb-tooltip-slow {
+    @apply pb:absolute pb:invisible pb:opacity-0;
 }
 /* Using siblings so that hovering over the invisible tooltip doesn't trigger the tooltip */
-.has-tooltip:hover+.tooltip {
-    @apply visible opacity-100 z-50 transition-opacity delay-300 ease-in-out;
+.pb-has-tooltip:hover+.pb-tooltip {
+    @apply pb:visible pb:opacity-100 pb:z-50 pb:transition-opacity pb:delay-300 pb:ease-in-out;
 }
-.has-tooltip:hover+.tooltip-slow {
-    @apply visible opacity-100 z-50 transition-opacity delay-1000 ease-in-out;
+.pb-has-tooltip:hover+.pb-tooltip-slow {
+    @apply pb:visible pb:opacity-100 pb:z-50 pb:transition-opacity pb:delay-1000 pb:ease-in-out;
 }

package/src/ui/Alert.stories.tsx CHANGED Viewed

@@ -23,7 +23,7 @@ export const Default: Story = {
 export const Variations: Story = {
   render: () => (
-    <div className="flex flex-col gap-4 w-[600px] bg-gray-100 p-8">
+    <div className="pb:flex pb:flex-col pb:gap-4 pb:w-[600px] pb:bg-gray-100 pb:p-8">
       <Alert
         level="Error"
         message="Critical connection failure!"

package/src/ui/Alert.tsx CHANGED Viewed

@@ -20,8 +20,8 @@ export function Alert({ level, message, action }: AlertUIProps) {
   return (
     <div
       className={
-        "flex w-full p-4 m-1 text-sm rounded-lg bg-white border border-solid transition-opacity ease-in-out delay-150 duration-300 " +
-        (showAlert ? " " : " hidden")
+        "pb:flex pb:w-full pb:p-4 pb:m-1 pb:text-sm pb:rounded-lg pb:bg-white pb:border pb:border-solid pb:transition-opacity pb:ease-in-out pb:delay-150 pb:duration-300 " +
+        (showAlert ? " " : " pb:hidden")
       }
     >
       <span>
@@ -29,7 +29,7 @@ export function Alert({ level, message, action }: AlertUIProps) {
           <Icon
             name="exclamationCircle"
             size="lg"
-            className="m-2"
+            className="pb:m-2"
             stroke="red"
           />
         )}
@@ -37,18 +37,18 @@ export function Alert({ level, message, action }: AlertUIProps) {
           <Icon
             name="exclamationTriangle"
             size="lg"
-            className="m-2"
+            className="pb:m-2"
             stroke="yellow"
           />
         )}
         {level === "Success" && (
-          <Icon name="checkCircle" size="lg" className="m-2" stroke="green" />
+          <Icon name="checkCircle" size="lg" className="pb:m-2" stroke="green" />
         )}
         {level === "Info" && (
-          <Icon name="megaphone" size="lg" className="m-2" />
+          <Icon name="megaphone" size="lg" className="pb:m-2" />
         )}
       </span>
-      <span className="flex flex-1 ml-2">{message}</span>
+      <span className="pb:flex pb:flex-1 pb:ml-2">{message}</span>
       {action && (
         <Button
           onClick={() => {
@@ -60,12 +60,12 @@ export function Alert({ level, message, action }: AlertUIProps) {
         </Button>
       )}
       <span
-        className="cursor-pointer"
+        className="pb:cursor-pointer"
         onClick={() => {
           setShowAlert(false);
         }}
       >
-        <Icon name="xCircle" size="lg" className="m-1" />
+        <Icon name="xCircle" size="lg" className="pb:m-1" />
       </span>
     </div>
   );

package/src/ui/Anchor.tsx CHANGED Viewed

@@ -8,7 +8,7 @@ const Anchor = React.forwardRef<HTMLAnchorElement, AnchorProps>(
   ({ className, href, target, ...props }, ref) => {
     const isInternal = href && !href.startsWith("http") && !target;
     const commonClass = cn(
-      "font-medium text-teal-700 underline underline-offset-4 hover:text-teal-900 cursor-pointer",
+      "pb:font-medium pb:text-teal-700 pb:underline pb:underline-offset-4 pb:hover:text-teal-900 pb:cursor-pointer",
       className,
     );

package/src/ui/AuthFormUI.stories.tsx CHANGED Viewed

@@ -20,7 +20,7 @@ export const Default: Story = {
       "signing up" | "signing in" | "resetting password"
     >("signing in");
     return (
-      <div className="w-[400px]">
+      <div className="pb:w-[400px]">
         <AuthFormUI
           mode={mode}
           onModeChange={setMode}
@@ -39,7 +39,7 @@ export const Default: Story = {
 export const Variations: Story = {
   render: () => {
     return (
-      <div className="flex flex-col gap-10 w-[400px]">
+      <div className="pb:flex pb:flex-col pb:gap-10 pb:w-[400px]">
         <AuthFormUI
           mode="signing up"
           onModeChange={() => {}}