@xyd-js/components 0.1.0-xyd.0 → 0.1.0-xyd.10

package/dist/UnderlineNav-C2-4Vyj8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav-C2-4Vyj8.js","sources":["../src/writer/GuideCard/GuideCard.styles.tsx","../src/writer/GuideCard/GuideCard.tsx","../src/writer/Steps/Steps.tsx","../src/writer/Steps/Steps.styles.tsx","../src/writer/Table/Table.tsx","../src/writer/Table/Table.styles.tsx","../src/writer/Table/TableV2.styles.tsx","../src/writer/Table/TableV2.tsx","../src/writer/Tabs/Tabs.styles.tsx","../src/writer/Tabs/Tabs.tsx","../src/writer/UnderlineNav/UnderlineNav.tsx","../src/writer/UnderlineNav/UnderlineNav.styles.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\nimport colors from \"@livesession/design-system-colors\"\n\nexport const GuideHost = css``;\n\nexport const GuideHostSecondary = css`\n    //flex-grow: 1;\n    //width: 100%;\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid ${colors.dark16};\n    background: ${colors.dark8};\n    border-radius: 8px;\n    padding: 24px;\n    z-index: 0;\n    transition: box-shadow .2s ease-in-out, background-image .2s ease;\n\n    &:hover {\n        background: ${colors.white};\n    }\n`;\n\nexport const GuideHostSecondaryMd = css`\n    padding: 21px 25px 25px;\n`;\n\nexport const GuideLink = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideItem = css`\n    border-radius: 8px;\n    display: flex;\n\n    align-items: flex-start;\n    cursor: pointer;\n    transition: opacity .15s;\n\n    &:hover {\n        [data-pointer=\"true\"] {\n            opacity: 1;\n            transform: translate(0);\n        }\n    }\n`;\n\nexport const GuideItemSecondary = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideIcon = css`\n    line-height: 0px;\n    font-size: 24px;\n    height: 32px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #000;\n    transition: background .2s ease;\n    box-sizing: border-box;\n    flex-shrink: 0;\n`;\n\nexport const GuideRight = css`\n    padding-left: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n`;\n\nexport const GuideTitle = css`\n    display: flex;\n    color: #000;\n    font-weight: 600;\n    align-items: center;\n    transition: color .15s;\n`;\n\nexport const GuideTitleBody = css`\n    font-size: 16px;\n    line-height: 20px;\n`;\n\nexport const GuideTitleBodyMd = css`\n    font-size: 18px;\n`;\n\nexport const GuideBody = css`\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n\n    color: ${colors.dark80};\n    white-space: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const GuideBodyMd = css`\n    font-size: 16px;\n`;\n\nexport const GuidePointer = css`\n    opacity: 0;\n    transform: translate(-4px);\n    display: flex;\n    justify-content: center;\n    transition: opacity .15s ease-in-out, transform .15s ease-in-out;\n`;\n\nexport const GuideListHost = css`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    justify-content: center;\n    gap: 24px;\n`;","import React from \"react\"\n\nimport * as cn from \"./GuideCard.styles\";\n\nexport interface GuideCardProps {\n    children: React.ReactNode;\n    href: string\n    title: string;\n    icon?: React.ReactNode;\n    kind?: \"secondary\"\n    size?: \"sm\" | \"md\"\n}\n\nexport function GuideCard({\n                              children,\n                              href,\n                              icon,\n                              title,\n                              kind,\n                              size,\n\n                          }: GuideCardProps) {\n    return <div className={`\n        ${cn.GuideHost}\n        ${kind === \"secondary\" && cn.GuideHostSecondary}\n        ${kind === \"secondary\" && size == \"md\" && cn.GuideHostSecondaryMd}\n    `}>\n        <a className={cn.GuideLink} href={href}>\n            <div className={`\n                ${cn.GuideItem}\n                ${kind === \"secondary\" && cn.GuideItemSecondary}\n            `}>\n                {icon && <div className={cn.GuideIcon}>\n                    {icon}\n                </div>}\n                <div className={cn.GuideRight}>\n                    <div className={cn.GuideTitle}>\n                        <div className={`\n                            ${cn.GuideTitle} \n                            ${cn.GuideTitleBody}\n                            ${size == \"md\" && cn.GuideTitleBodyMd}\n                        `}>\n                            {title}\n                        </div>\n                        <Pointer/>\n                    </div>\n                    <div className={`\n                        ${cn.GuideBody}\n                        ${size == \"md\" && cn.GuideBodyMd}\n                    `}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        </a>\n    </div>\n}\n\nGuideCard.List = function GuideCardList({children}: { children: React.ReactNode }) {\n    return <div className={cn.GuideListHost}>\n        {children}\n    </div>\n}\n\nfunction Pointer() {\n    return <div data-pointer=\"true\" className={cn.GuidePointer}>\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width={24}\n            height={24}\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}","import React from \"react\"\n\nimport * as cn from \"./Steps.styles\";\n\nexport interface StepsProps {\n    children: React.ReactNode;\n}\n\nexport function Steps({children}: StepsProps) {\n    return <ol className={cn.StepsHost}>\n        {children}\n    </ol>\n}\n\nexport interface StepsItemProps {\n    children: React.ReactNode;\n}\n\nSteps.Item = function StepsItem({children}: StepsItemProps) {\n    return <li className={cn.StepsLi}>\n        {children}\n    </li>\n}","import {css} from \"@linaria/core\";\n\nexport const StepsHost = css`\n    padding-left: 0;\n    list-style: none;\n    counter-reset: ordered-listitem;\n\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n`;\n\nexport const StepsLi = css`\n    padding-left: 32px;\n    position: relative;\n    line-height: 1.5;\n\n    &::after {\n        position: absolute;\n        top: 0;\n        left: 0;\n        counter-increment: ordered-listitem;\n        content: counter(ordered-listitem);\n\n        background: #ececf1;\n        color: #353740;\n        font-size: 12px;\n        line-height: 24px;\n        font-weight: 500;\n        text-align: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 12px;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Table.styles\";\n\nexport interface TableProps {\n    children: React.ReactNode;\n}\n\nexport function Table({children}: TableProps) {\n    return <table className={cn.TableHost}>\n        {children}\n    </table>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n}\n\nTable.Th = function TableTh({children}: TableThProps) {\n    return <th className={cn.TableTh}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTable.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableTr}>\n        {children}\n    </tr>\n\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n}\n\nTable.Td = function TableTd({children}: TableTdProps) {\n    return <td className={cn.TableTd}>\n        {children}\n    </td>\n\n}","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\"\n}\n\nexport const TableHost = css`\n    display: block;\n    overflow-x: scroll;\n\n    border-collapse: collapse;\n    border-radius: 3px;\n`;\n\nexport const TableTh = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    font-weight: 600;\n    border-width: 1px;\n    border-color: ${colors.primary};\n    background: rgba(234, 238, 242, 0.5);\n`;\n\nexport const TableTr = css`\n    padding: 0;\n    margin: 0;\n    border-top-width: 1px;\n    border-color: ${colors.primary};\n`;\n\nexport const TableTd = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    border-width: 1px;\n    border-color: ${colors.primary};\n`;\n\n\n","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\",\n    gray: {\n        50: \"#F7F7F8\",\n        100: \"#ECECF1\",\n        600: \"#6E6E80\",\n        800: \"#353740\",\n        900: \"#202123\"\n    }\n}\n\nconst TableV2 = {\n    Host: css`\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n    `,\n    Table: css`\n        display: table;\n        width: 100%;\n        min-width: 640px; // Ensures table doesn't get too squished\n        border-collapse: separate;\n        border-spacing: 0;\n        border: 1px solid ${colors.gray[100]};\n        border-radius: 8px;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin-top: 1rem;\n        overflow: hidden;\n    `,\n    Thead: css`\n        background: ${colors.gray[50]};\n    `,\n    Th: css`\n        text-align: left;\n        font-weight: 500;\n        padding: 0.5rem 1rem;\n        color: ${colors.gray[800]};\n        vertical-align: middle;\n        border-bottom: 1px solid ${colors.gray[100]};\n        white-space: nowrap;\n\n        &:first-child {\n            width: 24rem;\n            max-width: 40%;\n            border-right: 1px solid ${colors.gray[100]};\n\n            @media (max-width: 768px) {\n                width: auto;\n                min-width: 12rem;\n            }\n        }\n\n        &.numeric {\n            text-align: right;\n            font-weight: 400;\n            min-width: 5rem;\n            \n            @media (max-width: 768px) {\n                min-width: 4rem;\n            }\n        }\n    `,\n    Tr: css`\n        &:not(:last-child) {\n            border-bottom: 1px solid ${colors.gray[100]};\n        }\n    `,\n    Td: css`\n        padding: 0.5rem 1rem;\n        vertical-align: middle;\n        border-top: 1px solid ${colors.gray[100]};\n\n        &:first-child {\n            border-right: 1px solid ${colors.gray[100]};\n        }\n\n        &.numeric {\n            text-align: right;\n        }\n\n        &.muted {\n            color: ${colors.gray[600]};\n        }\n\n        @media (max-width: 768px) {\n            padding: 0.5rem;\n        }\n    `,\n    Cell: css`\n        display: flex;\n        align-items: baseline;\n        width: 100%;\n        gap: 0.5rem;\n    `,\n    CellContent: css`\n        flex: 1;\n        text-align: right;\n    `,\n    ModelCell: css`\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        white-space: nowrap;\n        color: ${colors.gray[900]};\n        \n        @media (max-width: 768px) {\n            font-size: 0.8125rem;\n        }\n    `\n} \n\nexport default {\n    TableV2\n}","import React from \"react\"\n\nimport cn from \"./TableV2.styles\";\n\nexport interface TableV2Props {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport function TableV2({children, className}: TableV2Props) {\n    return (\n        <div className={cn.TableV2.Host}>\n            <table className={`${cn.TableV2.Table} ${className || ''}`}>\n                {children}\n            </table>\n        </div>\n    );\n}\n\nexport interface TableHeadProps {\n    children: React.ReactNode;\n}\n\nTableV2.Head = function TableHead({children}: TableHeadProps) {\n    return <thead className={cn.TableV2.Thead}>\n        {children}\n    </thead>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n}\n\nTableV2.Th = function TableTh({children, numeric}: TableThProps) {\n    return <th className={`${cn.TableV2.Th} ${numeric ? 'numeric' : ''}`}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTableV2.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableV2.Tr}>\n        {children}\n    </tr>\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n    muted?: boolean;\n}\n\nTableV2.Td = function TableTd({children, numeric, muted}: TableTdProps) {\n    return <td className={`${cn.TableV2.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>\n        {children}\n    </td>\n}\n\nexport interface TableCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.Cell = function TableCell({children}: TableCellProps) {\n    return <div className={cn.TableV2.Cell}>\n        <div className={cn.TableV2.CellContent}>\n            {children}\n        </div>\n    </div>\n}\n\nexport interface TableModelCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.ModelCell = function TableModelCell({children}: TableModelCellProps) {\n    return <div className={cn.TableV2.ModelCell}>\n        {children}\n    </div>\n} ","import {css} from \"@linaria/core\";\n\nexport const TabsSampleHost = css`\n    position: relative;\n    max-width: 100%;\n`;\n\nexport const TabsSampleButtons = css`\n    display: flex;\n    align-items: center;\n`;\n\nexport const TabsSampleContent = css`\n    margin-top: 16px;\n`;\n\nexport const TabsArrowHost = css`\n    padding: 8px;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;\n\nexport const TabsArrowIcon = css`\n    width: 16px;\n    height: 16px;\n`;\n\nexport const TabsScrollerHost = css`\n    overflow-x: auto;\n    flex-grow: 1;\n`;\n\nexport const TabsScrollerContainer = css`\n    display: inline-flex;\n    gap: 4px;\n\n    border-radius: 8px;\n    background-color: #F3F4F6;\n    \n    padding: 4px;\n    margin-left: 4px;\n`;\n\nexport const TabsButtonHost = css`\n    padding: 0.5rem 1rem;\n\n    border-radius: 0.375rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    white-space: nowrap;\n\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n\n    color: #6B7280;\n\n    &:hover {\n        color: #111827;\n    }\n\n    &[data-state=\"active\"] {\n        color: #111827;\n        background-color: #ffffff;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n`;\n\nexport const TabsButtonActive = css`\n    color: #111827;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;","import React, {useState, useRef, useEffect} from 'react'\nimport * as RadixTabs from \"@radix-ui/react-tabs\"\nimport {ChevronLeft, ChevronRight} from \"lucide-react\"\n\nimport * as cn from \"./Tabs.styles\";\n\nexport interface TabsProps {\n    children: React.ReactNode;\n    items: string[];\n    tabIndex?: number;\n}\n\nexport function Tabs({children, items, tabIndex}: TabsProps) {\n    const [showLeftArrow, setShowLeftArrow] = useState(false)\n    const [showRightArrow, setShowRightArrow] = useState(false)\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    const [value, setActiveTab] = useState(items[tabIndex || 0] || \"\")\n\n    const handleScroll = () => {\n        if (scrollContainerRef.current) {\n            const {scrollLeft, scrollWidth, clientWidth} = scrollContainerRef.current\n            setShowLeftArrow(scrollLeft > 0)\n            setShowRightArrow(scrollLeft < scrollWidth - clientWidth)\n        }\n    }\n\n    useEffect(() => {\n        handleScroll()\n        window.addEventListener('resize', handleScroll)\n        return () => window.removeEventListener('resize', handleScroll)\n    }, [])\n\n    const scroll = (direction: 'left' | 'right') => {\n        if (scrollContainerRef.current) {\n            const scrollAmount = direction === 'left' ? -200 : 200\n            scrollContainerRef.current.scrollBy({left: scrollAmount, behavior: 'smooth'})\n        }\n    }\n\n    return (\n        <RadixTabs.Root asChild value={value} onValueChange={setActiveTab}>\n            <div className={cn.TabsSampleHost}>\n                <div className={cn.TabsSampleButtons}>\n                    {showLeftArrow && (\n                        <button\n                            onClick={() => scroll('left')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronLeft className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        onScroll={handleScroll}\n                        className={cn.TabsScrollerHost}\n                    >\n                        <div className={cn.TabsScrollerContainer}>\n                            <RadixTabs.List>\n                                {items.map((item, index) => <TabsItem key={index} value={item}>\n                                        {item}\n                                    </TabsItem>\n                                )}\n                            </RadixTabs.List>\n                        </div>\n                    </div>\n\n                    {showRightArrow && (\n                        <button\n                            onClick={() => scroll('right')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronRight className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n                </div>\n\n                <div className={cn.TabsSampleContent}>\n                    {children}\n                </div>\n            </div>\n        </RadixTabs.Root>\n    )\n}\n\nfunction TabsItem({children, value}) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <button className={`${cn.TabsButtonHost}`}>\n            {children}\n        </button>\n    </RadixTabs.Trigger>\n}\n\nTabs.Content = function TabsContent({children, value}) {\n    return <RadixTabs.Content asChild value={value}>\n        {children}\n    </RadixTabs.Content>\n}","import React from \"react\"\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./UnderlineNav.styles\"\n\nexport interface TabsProps {\n    children: React.ReactNode\n    value: string\n    onChange: (value: string) => void\n}\n\nexport function UnderlineNav({children, value, onChange}: TabsProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <nav className={cn.UnderlineNavHost}>\n            <RadixTabs.List asChild>\n                <ul className={cn.UnderlineNavUl}>\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </nav>\n    </RadixTabs.Root>\n}\n\nexport interface UnderlineNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n}\n\nUnderlineNav.Item = function UnderlineNavItem({children, value, href}: UnderlineNavItemProps) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <li className={cn.UnderlineNavItem}>\n            <a href={href} className={`${cn.UnderlineNavItemLink}`}>\n                {children}\n            </a>\n        </li>\n    </RadixTabs.Trigger>\n}","import {css} from \"@linaria/core\"\n\nexport const UnderlineNavHost = css`\n    align-items: center;\n    display: flex;\n\n    height: 42px;\n\n    background-color: #fff;\n    border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));\n\n    z-index: 99;\n`;\n\nexport const UnderlineNavUl = css`\n    display: flex;\n    gap: 10px;\n\n    height: 100%;\n    color: hsl(212, 15%, calc(96% - 12% * 4));\n\n    list-style: none;\n    padding: 0;\n    white-space: nowrap;\n`;\n\nexport const UnderlineNavItem = css`\n    height: 100%;\n\n    &[data-state=\"active\"] { // TODO: in the future it should not be possible\n        a {\n            border-bottom-color: rgb(112, 81, 212);\n        }\n    }\n`;\n\nexport const UnderlineNavItemLink = css`\n    display: inline-flex;\n    border-bottom: 3px solid transparent;\n    text-decoration: none;\n\n    height: 100%;\n    padding: 10px;\n`;\n\nexport const UnderlineNavItemLinkActive = css`\n`;"],"names":["GuideTitle","GuideCard","_ref","children","href","icon","title","kind","size","React","createElement","className","concat","cn","Pointer","xmlns","width","height","fill","viewBox","fillRule","d","clipRule","List","_ref2","Steps","Item","Table","Th","Tr","_ref3","Td","_ref4","Host","Thead","Cell","CellContent","ModelCell","TableV2","Head","numeric","_ref5","muted","_ref6","_ref7","TabsArrowHost","TabsArrowIcon","Tabs","items","tabIndex","_useState","useState","_useState2","_slicedToArray","showLeftArrow","setShowLeftArrow","_useState3","_useState4","showRightArrow","setShowRightArrow","scrollContainerRef","useRef","_useState5","_useState6","value","setActiveTab","handleScroll","current","_scrollContainerRef$c","scrollLeft","scrollWidth","clientWidth","useEffect","window","addEventListener","removeEventListener","scroll","direction","scrollAmount","scrollBy","left","behavior","RadixTabs","Root","asChild","onValueChange","onClick","ChevronLeft","ref","onScroll","map","item","index","TabsItem","key","ChevronRight","Trigger","Content","UnderlineNav","onChange"],"mappings":"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"}

package/dist/UnderlineNav-Co08Gykm.js

@@ -0,0 +1,2 @@
+import e,{useState as n,useRef as t,useEffect as r}from"react";import{a}from"./_rollupPluginBabelHelpers-BHehKRBq.js";import*as o from"@radix-ui/react-tabs";import{ChevronLeft as l,ChevronRight as c}from"lucide-react";var i="XydComponents-Component-writer-GuideCard__GuideTitle";function m(n){var t=n.children,r=n.href,a=n.icon,o=n.title,l=n.kind,c=n.size;return e.createElement("div",{className:"\n        ".concat("XydComponents-Component-writer-GuideCard__GuideHost","\n        ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideHostSecondary","\n        ").concat("secondary"===l&&"md"==c&&"XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd","\n    ")},e.createElement("a",{className:"XydComponents-Component-writer-GuideCard__GuideLink",href:r},e.createElement("div",{className:"\n                ".concat("XydComponents-Component-writer-GuideCard__GuideItem","\n                ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideItemSecondary","\n            ")},a&&e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideIcon"},a),e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideRight"},e.createElement("div",{className:i},e.createElement("div",{className:"\n                            ".concat(i," \n                            ").concat("XydComponents-Component-writer-GuideCard__GuideTitleBody","\n                            ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideTitleBodyMd","\n                        ")},o),e.createElement(s,null)),e.createElement("div",{className:"\n                        ".concat("XydComponents-Component-writer-GuideCard__GuideBody","\n                        ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideBodyMd","\n                    ")},t)))))}function s(){return e.createElement("div",{"data-pointer":"true",className:"XydComponents-Component-writer-GuideCard__GuidePointer"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}m.List=function(n){var t=n.children;return e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideListHost"},t)};function d(n){var t=n.children;return e.createElement("ol",{className:"XydComponents-Component-writer-Steps__StepsHost"},t)}d.Item=function(n){var t=n.children;return e.createElement("li",{className:"XydComponents-Component-writer-Steps__StepsLi"},t)};function C(n){var t=n.children;return e.createElement("table",{className:"XydComponents-Component-writer-Table__TableHost"},t)}C.Th=function(n){var t=n.children;return e.createElement("th",{className:"XydComponents-Component-writer-Table__TableTh"},t)},C.Tr=function(n){var t=n.children;return e.createElement("tr",{className:"XydComponents-Component-writer-Table__TableTr"},t)},C.Td=function(n){var t=n.children;return e.createElement("td",{className:"XydComponents-Component-writer-Table__TableTd"},t)};var u={Host:"XydComponents-Component-writer-Table__Host",Table:"XydComponents-Component-writer-Table__Table",Thead:"XydComponents-Component-writer-Table__Thead",Th:"XydComponents-Component-writer-Table__Th",Tr:"XydComponents-Component-writer-Table__Tr",Td:"XydComponents-Component-writer-Table__Td",Cell:"XydComponents-Component-writer-Table__Cell",CellContent:"XydComponents-Component-writer-Table__CellContent",ModelCell:"XydComponents-Component-writer-Table__ModelCell"};function p(n){var t=n.children,r=n.className;return e.createElement("div",{className:u.Host},e.createElement("table",{className:"".concat(u.Table," ").concat(r||"")},t))}p.Head=function(n){var t=n.children;return e.createElement("thead",{className:u.Thead},t)},p.Th=function(n){var t=n.children,r=n.numeric;return e.createElement("th",{className:"".concat(u.Th," ").concat(r?"numeric":"")},t)},p.Tr=function(n){var t=n.children;return e.createElement("tr",{className:u.Tr},t)},p.Td=function(n){var t=n.children,r=n.numeric,a=n.muted;return e.createElement("td",{className:"".concat(u.Td," ").concat(r?"numeric":""," ").concat(a?"muted":"")},t)},p.Cell=function(n){var t=n.children;return e.createElement("div",{className:u.Cell},e.createElement("div",{className:u.CellContent},t))},p.ModelCell=function(n){var t=n.children;return e.createElement("div",{className:u.ModelCell},t)};var _="XydComponents-Component-writer-Tabs__TabsArrowHost",v="XydComponents-Component-writer-Tabs__TabsArrowIcon";function T(i){var m=i.children,s=i.items,d=i.tabIndex,C=n(!1),u=a(C,2),p=u[0],T=u[1],w=n(!1),y=a(w,2),E=y[0],N=y[1],b=t(null),f=n(s[d||0]||""),X=a(f,2),G=X[0],H=X[1],g=function(){if(b.current){var e=b.current,n=e.scrollLeft,t=e.scrollWidth,r=e.clientWidth;T(n>0),N(n<t-r)}};r((function(){return g(),window.addEventListener("resize",g),function(){return window.removeEventListener("resize",g)}}),[]);var S=function(e){if(b.current){var n="left"===e?-200:200;b.current.scrollBy({left:n,behavior:"smooth"})}};return e.createElement(o.Root,{asChild:!0,value:G,onValueChange:H},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleButtons"},p&&e.createElement("button",{onClick:function(){return S("left")},className:_},e.createElement(l,{className:v})),e.createElement("div",{ref:b,onScroll:g,className:"XydComponents-Component-writer-Tabs__TabsScrollerHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsScrollerContainer"},e.createElement(o.List,null,s.map((function(n,t){return e.createElement(h,{key:t,value:n},n)}))))),E&&e.createElement("button",{onClick:function(){return S("right")},className:_},e.createElement(c,{className:v}))),e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleContent"},m)))}function h(n){var t=n.children,r=n.value;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("button",{className:"".concat("XydComponents-Component-writer-Tabs__TabsButtonHost")},t))}T.Content=function(n){var t=n.children,r=n.value;return e.createElement(o.Content,{asChild:!0,value:r},t)};function w(n){var t=n.children,r=n.value,a=n.onChange;return e.createElement(o.Root,{asChild:!0,value:r,onValueChange:a},e.createElement("nav",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavHost"},e.createElement(o.List,{asChild:!0},e.createElement("ul",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavUl"},t))))}w.Item=function(n){var t=n.children,r=n.value,a=n.href;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("li",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavItem"},e.createElement("a",{href:a,className:"".concat("XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink")},t)))};export{m as G,d as S,C as T,w as U,p as a,T as b};
+//# sourceMappingURL=UnderlineNav-Co08Gykm.js.map

package/dist/UnderlineNav-Co08Gykm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav-Co08Gykm.js","sources":["../src/writer/GuideCard/GuideCard.styles.tsx","../src/writer/GuideCard/GuideCard.tsx","../src/writer/Steps/Steps.tsx","../src/writer/Steps/Steps.styles.tsx","../src/writer/Table/Table.tsx","../src/writer/Table/Table.styles.tsx","../src/writer/Table/TableV2.styles.tsx","../src/writer/Table/TableV2.tsx","../src/writer/Tabs/Tabs.styles.tsx","../src/writer/Tabs/Tabs.tsx","../src/writer/UnderlineNav/UnderlineNav.tsx","../src/writer/UnderlineNav/UnderlineNav.styles.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const GuideHost = css``;\n\nexport const GuideHostSecondary = css`\n    //flex-grow: 1;\n    //width: 100%;\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    border: .5px solid #ececf1;\n    background: linear-gradient(238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100%);\n    border-radius: 8px;\n    padding: 16px 20px 20px;\n    z-index: 0;\n    transition: box-shadow .2s ease-in-out, background-image .2s ease;\n\n    &:hover {\n        background: linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);\n    }\n`;\n\nexport const GuideHostSecondaryMd = css`\n    padding: 21px 25px 25px;\n`;\n\nexport const GuideLink = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideItem = css`\n    border-radius: 8px;\n    display: flex;\n\n    align-items: flex-start;\n    cursor: pointer;\n    transition: opacity .15s;\n\n    &:hover {\n        [data-pointer=\"true\"] {\n            opacity: 1;\n            transform: translate(0);\n        }\n    }\n`;\n\nexport const GuideItemSecondary = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideIcon = css`\n    line-height: 0px;\n    font-size: 24px;\n    border-radius: 8px;\n    width: 48px;\n    height: 48px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #353740;\n    border: 1px solid #ececf1;\n    background: linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);\n    transition: background .2s ease;\n    box-sizing: border-box;\n    flex-shrink: 0;\n`;\n\nexport const GuideRight = css`\n    padding-left: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n`;\n\nexport const GuideTitle = css`\n    display: flex;\n    color: #202123;\n    font-weight: 400;\n    align-items: center;\n    transition: color .15s;\n`;\n\nexport const GuideTitleBody = css`\n    font-size: 16px;\n    line-height: 20px;\n`;\n\nexport const GuideTitleBodyMd = css`\n    font-size: 18px;\n`;\n\nexport const GuideBody = css`\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n\n    color: #6e6e80;\n    white-space: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const GuideBodyMd = css`\n    font-size: 16px;\n`;\n\nexport const GuidePointer = css`\n    opacity: 0;\n    transform: translate(-4px);\n    display: flex;\n    justify-content: center;\n    transition: opacity .15s ease-in-out, transform .15s ease-in-out;\n`;\n\nexport const GuideListHost = css`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    justify-content: center;\n    gap: 30px;\n`;","import React from \"react\"\n\nimport * as cn from \"./GuideCard.styles\";\n\nexport interface GuideCardProps {\n    children: React.ReactNode;\n    href: string\n    title: string;\n    icon?: React.ReactNode;\n    kind?: \"secondary\"\n    size?: \"sm\" | \"md\"\n}\n\nexport function GuideCard({\n                              children,\n                              href,\n                              icon,\n                              title,\n                              kind,\n                              size,\n\n                          }: GuideCardProps) {\n    return <div className={`\n        ${cn.GuideHost}\n        ${kind === \"secondary\" && cn.GuideHostSecondary}\n        ${kind === \"secondary\" && size == \"md\" && cn.GuideHostSecondaryMd}\n    `}>\n        <a className={cn.GuideLink} href={href}>\n            <div className={`\n                ${cn.GuideItem}\n                ${kind === \"secondary\" && cn.GuideItemSecondary}\n            `}>\n                {icon && <div className={cn.GuideIcon}>\n                    {icon}\n                </div>}\n                <div className={cn.GuideRight}>\n                    <div className={cn.GuideTitle}>\n                        <div className={`\n                            ${cn.GuideTitle} \n                            ${cn.GuideTitleBody}\n                            ${size == \"md\" && cn.GuideTitleBodyMd}\n                        `}>\n                            {title}\n                        </div>\n                        <Pointer/>\n                    </div>\n                    <div className={`\n                        ${cn.GuideBody}\n                        ${size == \"md\" && cn.GuideBodyMd}\n                    `}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        </a>\n    </div>\n}\n\nGuideCard.List = function GuideCardList({children}: { children: React.ReactNode }) {\n    return <div className={cn.GuideListHost}>\n        {children}\n    </div>\n}\n\nfunction Pointer() {\n    return <div data-pointer=\"true\" className={cn.GuidePointer}>\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width={24}\n            height={24}\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}","import React from \"react\"\n\nimport * as cn from \"./Steps.styles\";\n\nexport interface StepsProps {\n    children: React.ReactNode;\n}\n\nexport function Steps({children}: StepsProps) {\n    return <ol className={cn.StepsHost}>\n        {children}\n    </ol>\n}\n\nexport interface StepsItemProps {\n    children: React.ReactNode;\n}\n\nSteps.Item = function StepsItem({children}: StepsItemProps) {\n    return <li className={cn.StepsLi}>\n        {children}\n    </li>\n}","import {css} from \"@linaria/core\";\n\nexport const StepsHost = css`\n    padding-left: 0;\n    list-style: none;\n    counter-reset: ordered-listitem;\n\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n`;\n\nexport const StepsLi = css`\n    padding-left: 32px;\n    position: relative;\n    line-height: 1.5;\n\n    &::after {\n        position: absolute;\n        top: 0;\n        left: 0;\n        counter-increment: ordered-listitem;\n        content: counter(ordered-listitem);\n\n        background: #ececf1;\n        color: #353740;\n        font-size: 12px;\n        line-height: 24px;\n        font-weight: 500;\n        text-align: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 12px;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Table.styles\";\n\nexport interface TableProps {\n    children: React.ReactNode;\n}\n\nexport function Table({children}: TableProps) {\n    return <table className={cn.TableHost}>\n        {children}\n    </table>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n}\n\nTable.Th = function TableTh({children}: TableThProps) {\n    return <th className={cn.TableTh}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTable.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableTr}>\n        {children}\n    </tr>\n\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n}\n\nTable.Td = function TableTd({children}: TableTdProps) {\n    return <td className={cn.TableTd}>\n        {children}\n    </td>\n\n}","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\"\n}\n\nexport const TableHost = css`\n    display: block;\n    overflow-x: scroll;\n\n    border-collapse: collapse;\n    border-radius: 3px;\n`;\n\nexport const TableTh = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    font-weight: 600;\n    border-width: 1px;\n    border-color: ${colors.primary};\n    background: rgba(234, 238, 242, 0.5);\n`;\n\nexport const TableTr = css`\n    padding: 0;\n    margin: 0;\n    border-top-width: 1px;\n    border-color: ${colors.primary};\n`;\n\nexport const TableTd = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    border-width: 1px;\n    border-color: ${colors.primary};\n`;\n\n\n","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\",\n    gray: {\n        50: \"#F7F7F8\",\n        100: \"#ECECF1\",\n        600: \"#6E6E80\",\n        800: \"#353740\",\n        900: \"#202123\"\n    }\n}\n\nconst TableV2 = {\n    Host: css`\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n    `,\n    Table: css`\n        display: table;\n        width: 100%;\n        min-width: 640px; // Ensures table doesn't get too squished\n        border-collapse: separate;\n        border-spacing: 0;\n        border: 1px solid ${colors.gray[100]};\n        border-radius: 8px;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin-top: 1rem;\n        overflow: hidden;\n    `,\n    Thead: css`\n        background: ${colors.gray[50]};\n    `,\n    Th: css`\n        text-align: left;\n        font-weight: 500;\n        padding: 0.5rem 1rem;\n        color: ${colors.gray[800]};\n        vertical-align: middle;\n        border-bottom: 1px solid ${colors.gray[100]};\n        white-space: nowrap;\n\n        &:first-child {\n            width: 24rem;\n            max-width: 40%;\n            border-right: 1px solid ${colors.gray[100]};\n\n            @media (max-width: 768px) {\n                width: auto;\n                min-width: 12rem;\n            }\n        }\n\n        &.numeric {\n            text-align: right;\n            font-weight: 400;\n            min-width: 5rem;\n            \n            @media (max-width: 768px) {\n                min-width: 4rem;\n            }\n        }\n    `,\n    Tr: css`\n        &:not(:last-child) {\n            border-bottom: 1px solid ${colors.gray[100]};\n        }\n    `,\n    Td: css`\n        padding: 0.5rem 1rem;\n        vertical-align: middle;\n        border-top: 1px solid ${colors.gray[100]};\n\n        &:first-child {\n            border-right: 1px solid ${colors.gray[100]};\n        }\n\n        &.numeric {\n            text-align: right;\n        }\n\n        &.muted {\n            color: ${colors.gray[600]};\n        }\n\n        @media (max-width: 768px) {\n            padding: 0.5rem;\n        }\n    `,\n    Cell: css`\n        display: flex;\n        align-items: baseline;\n        width: 100%;\n        gap: 0.5rem;\n    `,\n    CellContent: css`\n        flex: 1;\n        text-align: right;\n    `,\n    ModelCell: css`\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        white-space: nowrap;\n        color: ${colors.gray[900]};\n        \n        @media (max-width: 768px) {\n            font-size: 0.8125rem;\n        }\n    `\n} \n\nexport default {\n    TableV2\n}","import React from \"react\"\n\nimport cn from \"./TableV2.styles\";\n\nexport interface TableV2Props {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport function TableV2({children, className}: TableV2Props) {\n    return (\n        <div className={cn.TableV2.Host}>\n            <table className={`${cn.TableV2.Table} ${className || ''}`}>\n                {children}\n            </table>\n        </div>\n    );\n}\n\nexport interface TableHeadProps {\n    children: React.ReactNode;\n}\n\nTableV2.Head = function TableHead({children}: TableHeadProps) {\n    return <thead className={cn.TableV2.Thead}>\n        {children}\n    </thead>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n}\n\nTableV2.Th = function TableTh({children, numeric}: TableThProps) {\n    return <th className={`${cn.TableV2.Th} ${numeric ? 'numeric' : ''}`}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTableV2.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableV2.Tr}>\n        {children}\n    </tr>\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n    muted?: boolean;\n}\n\nTableV2.Td = function TableTd({children, numeric, muted}: TableTdProps) {\n    return <td className={`${cn.TableV2.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>\n        {children}\n    </td>\n}\n\nexport interface TableCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.Cell = function TableCell({children}: TableCellProps) {\n    return <div className={cn.TableV2.Cell}>\n        <div className={cn.TableV2.CellContent}>\n            {children}\n        </div>\n    </div>\n}\n\nexport interface TableModelCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.ModelCell = function TableModelCell({children}: TableModelCellProps) {\n    return <div className={cn.TableV2.ModelCell}>\n        {children}\n    </div>\n} ","import {css} from \"@linaria/core\";\n\nexport const TabsSampleHost = css`\n    position: relative;\n    max-width: 100%;\n`;\n\nexport const TabsSampleButtons = css`\n    display: flex;\n    align-items: center;\n`;\n\nexport const TabsSampleContent = css`\n    margin-top: 16px;\n`;\n\nexport const TabsArrowHost = css`\n    padding: 8px;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;\n\nexport const TabsArrowIcon = css`\n    width: 16px;\n    height: 16px;\n`;\n\nexport const TabsScrollerHost = css`\n    overflow-x: auto;\n    flex-grow: 1;\n`;\n\nexport const TabsScrollerContainer = css`\n    display: inline-flex;\n    gap: 4px;\n\n    border-radius: 8px;\n    background-color: #F3F4F6;\n    \n    padding: 4px;\n    margin-left: 4px;\n`;\n\nexport const TabsButtonHost = css`\n    padding: 0.5rem 1rem;\n\n    border-radius: 0.375rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    white-space: nowrap;\n\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n\n    color: #6B7280;\n\n    &:hover {\n        color: #111827;\n    }\n\n    &[data-state=\"active\"] {\n        color: #111827;\n        background-color: #ffffff;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n`;\n\nexport const TabsButtonActive = css`\n    color: #111827;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;","import React, {useState, useRef, useEffect} from 'react'\nimport * as RadixTabs from \"@radix-ui/react-tabs\"\nimport {ChevronLeft, ChevronRight} from \"lucide-react\"\n\nimport * as cn from \"./Tabs.styles\";\n\nexport interface TabsProps {\n    children: React.ReactNode;\n    items: string[];\n    tabIndex?: number;\n}\n\nexport function Tabs({children, items, tabIndex}: TabsProps) {\n    const [showLeftArrow, setShowLeftArrow] = useState(false)\n    const [showRightArrow, setShowRightArrow] = useState(false)\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    const [value, setActiveTab] = useState(items[tabIndex || 0] || \"\")\n\n    const handleScroll = () => {\n        if (scrollContainerRef.current) {\n            const {scrollLeft, scrollWidth, clientWidth} = scrollContainerRef.current\n            setShowLeftArrow(scrollLeft > 0)\n            setShowRightArrow(scrollLeft < scrollWidth - clientWidth)\n        }\n    }\n\n    useEffect(() => {\n        handleScroll()\n        window.addEventListener('resize', handleScroll)\n        return () => window.removeEventListener('resize', handleScroll)\n    }, [])\n\n    const scroll = (direction: 'left' | 'right') => {\n        if (scrollContainerRef.current) {\n            const scrollAmount = direction === 'left' ? -200 : 200\n            scrollContainerRef.current.scrollBy({left: scrollAmount, behavior: 'smooth'})\n        }\n    }\n\n    return (\n        <RadixTabs.Root asChild value={value} onValueChange={setActiveTab}>\n            <div className={cn.TabsSampleHost}>\n                <div className={cn.TabsSampleButtons}>\n                    {showLeftArrow && (\n                        <button\n                            onClick={() => scroll('left')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronLeft className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        onScroll={handleScroll}\n                        className={cn.TabsScrollerHost}\n                    >\n                        <div className={cn.TabsScrollerContainer}>\n                            <RadixTabs.List>\n                                {items.map((item, index) => <TabsItem key={index} value={item}>\n                                        {item}\n                                    </TabsItem>\n                                )}\n                            </RadixTabs.List>\n                        </div>\n                    </div>\n\n                    {showRightArrow && (\n                        <button\n                            onClick={() => scroll('right')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronRight className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n                </div>\n\n                <div className={cn.TabsSampleContent}>\n                    {children}\n                </div>\n            </div>\n        </RadixTabs.Root>\n    )\n}\n\nfunction TabsItem({children, value}) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <button className={`${cn.TabsButtonHost}`}>\n            {children}\n        </button>\n    </RadixTabs.Trigger>\n}\n\nTabs.Content = function TabsContent({children, value}) {\n    return <RadixTabs.Content asChild value={value}>\n        {children}\n    </RadixTabs.Content>\n}","import React from \"react\"\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./UnderlineNav.styles\"\n\nexport interface TabsProps {\n    children: React.ReactNode\n    value: string\n    onChange: (value: string) => void\n}\n\nexport function UnderlineNav({children, value, onChange}: TabsProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <nav className={cn.UnderlineNavHost}>\n            <RadixTabs.List asChild>\n                <ul className={cn.UnderlineNavUl}>\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </nav>\n    </RadixTabs.Root>\n}\n\nexport interface UnderlineNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n}\n\nUnderlineNav.Item = function UnderlineNavItem({children, value, href}: UnderlineNavItemProps) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <li className={cn.UnderlineNavItem}>\n            <a href={href} className={`${cn.UnderlineNavItemLink}`}>\n                {children}\n            </a>\n        </li>\n    </RadixTabs.Trigger>\n}","import {css} from \"@linaria/core\"\n\nexport const UnderlineNavHost = css`\n    align-items: center;\n    display: flex;\n\n    height: 42px;\n\n    background-color: #fff;\n    border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));\n\n    z-index: 99;\n`;\n\nexport const UnderlineNavUl = css`\n    display: flex;\n    gap: 10px;\n\n    height: 100%;\n    color: hsl(212, 15%, calc(96% - 12% * 4));\n\n    list-style: none;\n    padding: 0;\n    white-space: nowrap;\n`;\n\nexport const UnderlineNavItem = css`\n    height: 100%;\n\n    &[data-state=\"active\"] { // TODO: in the future it should not be possible\n        a {\n            border-bottom-color: rgb(112, 81, 212);\n        }\n    }\n`;\n\nexport const UnderlineNavItemLink = css`\n    display: inline-flex;\n    border-bottom: 3px solid transparent;\n    text-decoration: none;\n\n    height: 100%;\n    padding: 10px;\n`;\n\nexport const UnderlineNavItemLinkActive = css`\n`;"],"names":["GuideTitle","GuideCard","_ref","children","href","icon","title","kind","size","React","createElement","className","concat","cn","Pointer","xmlns","width","height","fill","viewBox","fillRule","d","clipRule","List","_ref2","Steps","Item","Table","Th","Tr","_ref3","Td","_ref4","Host","Thead","Cell","CellContent","ModelCell","TableV2","Head","numeric","_ref5","muted","_ref6","_ref7","TabsArrowHost","TabsArrowIcon","Tabs","items","tabIndex","_useState","useState","_useState2","_slicedToArray","showLeftArrow","setShowLeftArrow","_useState3","_useState4","showRightArrow","setShowRightArrow","scrollContainerRef","useRef","_useState5","_useState6","value","setActiveTab","handleScroll","current","_scrollContainerRef$c","scrollLeft","scrollWidth","clientWidth","useEffect","window","addEventListener","removeEventListener","scroll","direction","scrollAmount","scrollBy","left","behavior","RadixTabs","Root","asChild","onValueChange","onClick","ChevronLeft","ref","onScroll","map","item","index","TabsItem","key","ChevronRight","Trigger","Content","UnderlineNav","onChange"],"mappings":"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"}

package/dist/UnderlineNav-DC3UVmnZ.js

@@ -0,0 +1,2 @@
+import e,{useState as n,useRef as t,useEffect as r}from"react";import{a}from"./_rollupPluginBabelHelpers-CxmswfqM.js";import*as o from"@radix-ui/react-tabs";import{ChevronLeft as l,ChevronRight as c}from"lucide-react";var i="XydComponents-Component-writer-GuideCard__GuideTitle";function m(n){var t=n.children,r=n.href,a=n.icon,o=n.title,l=n.kind,c=n.size;return e.createElement("div",{className:"\n        ".concat("XydComponents-Component-writer-GuideCard__GuideHost","\n        ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideHostSecondary","\n        ").concat("secondary"===l&&"md"==c&&"XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd","\n    ")},e.createElement("a",{className:"XydComponents-Component-writer-GuideCard__GuideLink",href:r},e.createElement("div",{className:"\n                ".concat("XydComponents-Component-writer-GuideCard__GuideItem","\n                ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideItemSecondary","\n            ")},a&&e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideIcon"},a),e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideRight"},e.createElement("div",{className:i},e.createElement("div",{className:"\n                            ".concat(i," \n                            ").concat("XydComponents-Component-writer-GuideCard__GuideTitleBody","\n                            ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideTitleBodyMd","\n                        ")},o),e.createElement(s,null)),e.createElement("div",{className:"\n                        ".concat("XydComponents-Component-writer-GuideCard__GuideBody","\n                        ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideBodyMd","\n                    ")},t)))))}function s(){return e.createElement("div",{"data-pointer":"true",className:"XydComponents-Component-writer-GuideCard__GuidePointer"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}m.List=function(n){var t=n.children;return e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideListHost"},t)};function d(n){var t=n.children;return e.createElement("ol",{className:"XydComponents-Component-writer-Steps__StepsHost"},t)}d.Item=function(n){var t=n.children;return e.createElement("li",{className:"XydComponents-Component-writer-Steps__StepsLi"},t)};function C(n){var t=n.children;return e.createElement("table",{className:"XydComponents-Component-writer-Table__TableHost"},t)}C.Th=function(n){var t=n.children;return e.createElement("th",{className:"XydComponents-Component-writer-Table__TableTh"},t)},C.Tr=function(n){var t=n.children;return e.createElement("tr",{className:"XydComponents-Component-writer-Table__TableTr"},t)},C.Td=function(n){var t=n.children;return e.createElement("td",{className:"XydComponents-Component-writer-Table__TableTd"},t)};var u={Host:"XydComponents-Component-writer-Table__Host",Table:"XydComponents-Component-writer-Table__Table",Thead:"XydComponents-Component-writer-Table__Thead",Th:"XydComponents-Component-writer-Table__Th",Tr:"XydComponents-Component-writer-Table__Tr",Td:"XydComponents-Component-writer-Table__Td",Cell:"XydComponents-Component-writer-Table__Cell",CellContent:"XydComponents-Component-writer-Table__CellContent",ModelCell:"XydComponents-Component-writer-Table__ModelCell"};function p(n){var t=n.children,r=n.className;return e.createElement("div",{className:u.Host},e.createElement("table",{className:"".concat(u.Table," ").concat(r||"")},t))}p.Head=function(n){var t=n.children;return e.createElement("thead",{className:u.Thead},t)},p.Th=function(n){var t=n.children,r=n.numeric;return e.createElement("th",{className:"".concat(u.Th," ").concat(r?"numeric":"")},t)},p.Tr=function(n){var t=n.children;return e.createElement("tr",{className:u.Tr},t)},p.Td=function(n){var t=n.children,r=n.numeric,a=n.muted;return e.createElement("td",{className:"".concat(u.Td," ").concat(r?"numeric":""," ").concat(a?"muted":"")},t)},p.Cell=function(n){var t=n.children;return e.createElement("div",{className:u.Cell},e.createElement("div",{className:u.CellContent},t))},p.ModelCell=function(n){var t=n.children;return e.createElement("div",{className:u.ModelCell},t)};var _="XydComponents-Component-writer-Tabs__TabsArrowHost",v="XydComponents-Component-writer-Tabs__TabsArrowIcon";function T(i){var m=i.children,s=i.items,d=i.tabIndex,C=n(!1),u=a(C,2),p=u[0],T=u[1],w=n(!1),y=a(w,2),E=y[0],N=y[1],b=t(null),f=n(s[d||0]||""),X=a(f,2),G=X[0],H=X[1],g=function(){if(b.current){var e=b.current,n=e.scrollLeft,t=e.scrollWidth,r=e.clientWidth;T(n>0),N(n<t-r)}};r((function(){return g(),window.addEventListener("resize",g),function(){return window.removeEventListener("resize",g)}}),[]);var S=function(e){if(b.current){var n="left"===e?-200:200;b.current.scrollBy({left:n,behavior:"smooth"})}};return e.createElement(o.Root,{asChild:!0,value:G,onValueChange:H},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleButtons"},p&&e.createElement("button",{onClick:function(){return S("left")},className:_},e.createElement(l,{className:v})),e.createElement("div",{ref:b,onScroll:g,className:"XydComponents-Component-writer-Tabs__TabsScrollerHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsScrollerContainer"},e.createElement(o.List,null,s.map((function(n,t){return e.createElement(h,{key:t,value:n},n)}))))),E&&e.createElement("button",{onClick:function(){return S("right")},className:_},e.createElement(c,{className:v}))),e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleContent"},m)))}function h(n){var t=n.children,r=n.value;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("button",{className:"".concat("XydComponents-Component-writer-Tabs__TabsButtonHost")},t))}T.Content=function(n){var t=n.children,r=n.value;return e.createElement(o.Content,{asChild:!0,value:r},t)};function w(n){var t=n.children,r=n.value,a=n.onChange;return e.createElement(o.Root,{asChild:!0,value:r,onValueChange:a},e.createElement("nav",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavHost"},e.createElement(o.List,{asChild:!0},e.createElement("ul",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavUl"},t))))}w.Item=function(n){var t=n.children,r=n.value,a=n.href;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("li",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavItem"},e.createElement("a",{href:a,className:"".concat("XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink")},t)))};export{m as G,d as S,C as T,w as U,p as a,T as b};
+//# sourceMappingURL=UnderlineNav-DC3UVmnZ.js.map

package/dist/UnderlineNav-DC3UVmnZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav-DC3UVmnZ.js","sources":["../src/writer/GuideCard/GuideCard.styles.tsx","../src/writer/GuideCard/GuideCard.tsx","../src/writer/Steps/Steps.tsx","../src/writer/Steps/Steps.styles.tsx","../src/writer/Table/Table.tsx","../src/writer/Table/Table.styles.tsx","../src/writer/Table/TableV2.styles.tsx","../src/writer/Table/TableV2.tsx","../src/writer/Tabs/Tabs.styles.tsx","../src/writer/Tabs/Tabs.tsx","../src/writer/UnderlineNav/UnderlineNav.tsx","../src/writer/UnderlineNav/UnderlineNav.styles.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\nimport colors from \"@livesession/design-system-colors\"\n\nexport const GuideHost = css``;\n\nexport const GuideHostSecondary = css`\n    //flex-grow: 1;\n    //width: 100%;\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid ${colors.dark16};\n    background: ${colors.dark8};\n    border-radius: 8px;\n    padding: 24px;\n    z-index: 0;\n    transition: box-shadow .2s ease-in-out, background-image .2s ease;\n\n    &:hover {\n        background: ${colors.white};\n    }\n`;\n\nexport const GuideHostSecondaryMd = css`\n    padding: 21px 25px 25px;\n`;\n\nexport const GuideLink = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideItem = css`\n    border-radius: 8px;\n    display: flex;\n\n    align-items: flex-start;\n    cursor: pointer;\n    transition: opacity .15s;\n\n    &:hover {\n        [data-pointer=\"true\"] {\n            opacity: 1;\n            transform: translate(0);\n        }\n    }\n`;\n\nexport const GuideItemSecondary = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideIcon = css`\n    line-height: 0px;\n    font-size: 24px;\n    height: 32px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #000;\n    transition: background .2s ease;\n    box-sizing: border-box;\n    flex-shrink: 0;\n`;\n\nexport const GuideRight = css`\n    padding-left: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n`;\n\nexport const GuideTitle = css`\n    display: flex;\n    color: #000;\n    font-weight: 600;\n    align-items: center;\n    transition: color .15s;\n`;\n\nexport const GuideTitleBody = css`\n    font-size: 16px;\n    line-height: 20px;\n`;\n\nexport const GuideTitleBodyMd = css`\n    font-size: 18px;\n`;\n\nexport const GuideBody = css`\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n\n    color: ${colors.dark80};\n    white-space: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const GuideBodyMd = css`\n    font-size: 16px;\n`;\n\nexport const GuidePointer = css`\n    opacity: 0;\n    transform: translate(-4px);\n    display: flex;\n    justify-content: center;\n    transition: opacity .15s ease-in-out, transform .15s ease-in-out;\n`;\n\nexport const GuideListHost = css`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    justify-content: center;\n    gap: 24px;\n`;","import React from \"react\"\n\nimport * as cn from \"./GuideCard.styles\";\n\nexport interface GuideCardProps {\n    children: React.ReactNode;\n    href: string\n    title: string;\n    icon?: React.ReactNode;\n    kind?: \"secondary\"\n    size?: \"sm\" | \"md\"\n}\n\nexport function GuideCard({\n                              children,\n                              href,\n                              icon,\n                              title,\n                              kind,\n                              size,\n\n                          }: GuideCardProps) {\n    return <div className={`\n        ${cn.GuideHost}\n        ${kind === \"secondary\" && cn.GuideHostSecondary}\n        ${kind === \"secondary\" && size == \"md\" && cn.GuideHostSecondaryMd}\n    `}>\n        <a className={cn.GuideLink} href={href}>\n            <div className={`\n                ${cn.GuideItem}\n                ${kind === \"secondary\" && cn.GuideItemSecondary}\n            `}>\n                {icon && <div className={cn.GuideIcon}>\n                    {icon}\n                </div>}\n                <div className={cn.GuideRight}>\n                    <div className={cn.GuideTitle}>\n                        <div className={`\n                            ${cn.GuideTitle} \n                            ${cn.GuideTitleBody}\n                            ${size == \"md\" && cn.GuideTitleBodyMd}\n                        `}>\n                            {title}\n                        </div>\n                        <Pointer/>\n                    </div>\n                    <div className={`\n                        ${cn.GuideBody}\n                        ${size == \"md\" && cn.GuideBodyMd}\n                    `}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        </a>\n    </div>\n}\n\nGuideCard.List = function GuideCardList({children}: { children: React.ReactNode }) {\n    return <div className={cn.GuideListHost}>\n        {children}\n    </div>\n}\n\nfunction Pointer() {\n    return <div data-pointer=\"true\" className={cn.GuidePointer}>\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width={24}\n            height={24}\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}","import React from \"react\"\n\nimport * as cn from \"./Steps.styles\";\n\nexport interface StepsProps {\n    children: React.ReactNode;\n}\n\nexport function Steps({children}: StepsProps) {\n    return <ol className={cn.StepsHost}>\n        {children}\n    </ol>\n}\n\nexport interface StepsItemProps {\n    children: React.ReactNode;\n}\n\nSteps.Item = function StepsItem({children}: StepsItemProps) {\n    return <li className={cn.StepsLi}>\n        {children}\n    </li>\n}","import {css} from \"@linaria/core\";\n\nexport const StepsHost = css`\n    padding-left: 0;\n    list-style: none;\n    counter-reset: ordered-listitem;\n\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n`;\n\nexport const StepsLi = css`\n    padding-left: 32px;\n    position: relative;\n    line-height: 1.5;\n\n    &::after {\n        position: absolute;\n        top: 0;\n        left: 0;\n        counter-increment: ordered-listitem;\n        content: counter(ordered-listitem);\n\n        background: #ececf1;\n        color: #353740;\n        font-size: 12px;\n        line-height: 24px;\n        font-weight: 500;\n        text-align: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 12px;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Table.styles\";\n\nexport interface TableProps {\n    children: React.ReactNode;\n}\n\nexport function Table({children}: TableProps) {\n    return <table className={cn.TableHost}>\n        {children}\n    </table>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n}\n\nTable.Th = function TableTh({children}: TableThProps) {\n    return <th className={cn.TableTh}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTable.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableTr}>\n        {children}\n    </tr>\n\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n}\n\nTable.Td = function TableTd({children}: TableTdProps) {\n    return <td className={cn.TableTd}>\n        {children}\n    </td>\n\n}","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\"\n}\n\nexport const TableHost = css`\n    display: block;\n    overflow-x: scroll;\n\n    border-collapse: collapse;\n    border-radius: 3px;\n`;\n\nexport const TableTh = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    font-weight: 600;\n    border-width: 1px;\n    border-color: ${colors.primary};\n    background: rgba(234, 238, 242, 0.5);\n`;\n\nexport const TableTr = css`\n    padding: 0;\n    margin: 0;\n    border-top-width: 1px;\n    border-color: ${colors.primary};\n`;\n\nexport const TableTd = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    border-width: 1px;\n    border-color: ${colors.primary};\n`;\n\n\n","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\",\n    gray: {\n        50: \"#F7F7F8\",\n        100: \"#ECECF1\",\n        600: \"#6E6E80\",\n        800: \"#353740\",\n        900: \"#202123\"\n    }\n}\n\nconst TableV2 = {\n    Host: css`\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n    `,\n    Table: css`\n        display: table;\n        width: 100%;\n        min-width: 640px; // Ensures table doesn't get too squished\n        border-collapse: separate;\n        border-spacing: 0;\n        border: 1px solid ${colors.gray[100]};\n        border-radius: 8px;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin-top: 1rem;\n        overflow: hidden;\n    `,\n    Thead: css`\n        background: ${colors.gray[50]};\n    `,\n    Th: css`\n        text-align: left;\n        font-weight: 500;\n        padding: 0.5rem 1rem;\n        color: ${colors.gray[800]};\n        vertical-align: middle;\n        border-bottom: 1px solid ${colors.gray[100]};\n        white-space: nowrap;\n\n        &:first-child {\n            width: 24rem;\n            max-width: 40%;\n            border-right: 1px solid ${colors.gray[100]};\n\n            @media (max-width: 768px) {\n                width: auto;\n                min-width: 12rem;\n            }\n        }\n\n        &.numeric {\n            text-align: right;\n            font-weight: 400;\n            min-width: 5rem;\n            \n            @media (max-width: 768px) {\n                min-width: 4rem;\n            }\n        }\n    `,\n    Tr: css`\n        &:not(:last-child) {\n            border-bottom: 1px solid ${colors.gray[100]};\n        }\n    `,\n    Td: css`\n        padding: 0.5rem 1rem;\n        vertical-align: middle;\n        border-top: 1px solid ${colors.gray[100]};\n\n        &:first-child {\n            border-right: 1px solid ${colors.gray[100]};\n        }\n\n        &.numeric {\n            text-align: right;\n        }\n\n        &.muted {\n            color: ${colors.gray[600]};\n        }\n\n        @media (max-width: 768px) {\n            padding: 0.5rem;\n        }\n    `,\n    Cell: css`\n        display: flex;\n        align-items: baseline;\n        width: 100%;\n        gap: 0.5rem;\n    `,\n    CellContent: css`\n        flex: 1;\n        text-align: right;\n    `,\n    ModelCell: css`\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        white-space: nowrap;\n        color: ${colors.gray[900]};\n        \n        @media (max-width: 768px) {\n            font-size: 0.8125rem;\n        }\n    `\n} \n\nexport default {\n    TableV2\n}","import React from \"react\"\n\nimport cn from \"./TableV2.styles\";\n\nexport interface TableV2Props {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport function TableV2({children, className}: TableV2Props) {\n    return (\n        <div className={cn.TableV2.Host}>\n            <table className={`${cn.TableV2.Table} ${className || ''}`}>\n                {children}\n            </table>\n        </div>\n    );\n}\n\nexport interface TableHeadProps {\n    children: React.ReactNode;\n}\n\nTableV2.Head = function TableHead({children}: TableHeadProps) {\n    return <thead className={cn.TableV2.Thead}>\n        {children}\n    </thead>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n}\n\nTableV2.Th = function TableTh({children, numeric}: TableThProps) {\n    return <th className={`${cn.TableV2.Th} ${numeric ? 'numeric' : ''}`}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTableV2.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableV2.Tr}>\n        {children}\n    </tr>\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n    muted?: boolean;\n}\n\nTableV2.Td = function TableTd({children, numeric, muted}: TableTdProps) {\n    return <td className={`${cn.TableV2.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>\n        {children}\n    </td>\n}\n\nexport interface TableCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.Cell = function TableCell({children}: TableCellProps) {\n    return <div className={cn.TableV2.Cell}>\n        <div className={cn.TableV2.CellContent}>\n            {children}\n        </div>\n    </div>\n}\n\nexport interface TableModelCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.ModelCell = function TableModelCell({children}: TableModelCellProps) {\n    return <div className={cn.TableV2.ModelCell}>\n        {children}\n    </div>\n} ","import {css} from \"@linaria/core\";\n\nexport const TabsSampleHost = css`\n    position: relative;\n    max-width: 100%;\n`;\n\nexport const TabsSampleButtons = css`\n    display: flex;\n    align-items: center;\n`;\n\nexport const TabsSampleContent = css`\n    margin-top: 16px;\n`;\n\nexport const TabsArrowHost = css`\n    padding: 8px;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;\n\nexport const TabsArrowIcon = css`\n    width: 16px;\n    height: 16px;\n`;\n\nexport const TabsScrollerHost = css`\n    overflow-x: auto;\n    flex-grow: 1;\n`;\n\nexport const TabsScrollerContainer = css`\n    display: inline-flex;\n    gap: 4px;\n\n    border-radius: 8px;\n    background-color: #F3F4F6;\n    \n    padding: 4px;\n    margin-left: 4px;\n`;\n\nexport const TabsButtonHost = css`\n    padding: 0.5rem 1rem;\n\n    border-radius: 0.375rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    white-space: nowrap;\n\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n\n    color: #6B7280;\n\n    &:hover {\n        color: #111827;\n    }\n\n    &[data-state=\"active\"] {\n        color: #111827;\n        background-color: #ffffff;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n`;\n\nexport const TabsButtonActive = css`\n    color: #111827;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;","import React, {useState, useRef, useEffect} from 'react'\nimport * as RadixTabs from \"@radix-ui/react-tabs\"\nimport {ChevronLeft, ChevronRight} from \"lucide-react\"\n\nimport * as cn from \"./Tabs.styles\";\n\nexport interface TabsProps {\n    children: React.ReactNode;\n    items: string[];\n    tabIndex?: number;\n}\n\nexport function Tabs({children, items, tabIndex}: TabsProps) {\n    const [showLeftArrow, setShowLeftArrow] = useState(false)\n    const [showRightArrow, setShowRightArrow] = useState(false)\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    const [value, setActiveTab] = useState(items[tabIndex || 0] || \"\")\n\n    const handleScroll = () => {\n        if (scrollContainerRef.current) {\n            const {scrollLeft, scrollWidth, clientWidth} = scrollContainerRef.current\n            setShowLeftArrow(scrollLeft > 0)\n            setShowRightArrow(scrollLeft < scrollWidth - clientWidth)\n        }\n    }\n\n    useEffect(() => {\n        handleScroll()\n        window.addEventListener('resize', handleScroll)\n        return () => window.removeEventListener('resize', handleScroll)\n    }, [])\n\n    const scroll = (direction: 'left' | 'right') => {\n        if (scrollContainerRef.current) {\n            const scrollAmount = direction === 'left' ? -200 : 200\n            scrollContainerRef.current.scrollBy({left: scrollAmount, behavior: 'smooth'})\n        }\n    }\n\n    return (\n        <RadixTabs.Root asChild value={value} onValueChange={setActiveTab}>\n            <div className={cn.TabsSampleHost}>\n                <div className={cn.TabsSampleButtons}>\n                    {showLeftArrow && (\n                        <button\n                            onClick={() => scroll('left')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronLeft className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        onScroll={handleScroll}\n                        className={cn.TabsScrollerHost}\n                    >\n                        <div className={cn.TabsScrollerContainer}>\n                            <RadixTabs.List>\n                                {items.map((item, index) => <TabsItem key={index} value={item}>\n                                        {item}\n                                    </TabsItem>\n                                )}\n                            </RadixTabs.List>\n                        </div>\n                    </div>\n\n                    {showRightArrow && (\n                        <button\n                            onClick={() => scroll('right')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronRight className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n                </div>\n\n                <div className={cn.TabsSampleContent}>\n                    {children}\n                </div>\n            </div>\n        </RadixTabs.Root>\n    )\n}\n\nfunction TabsItem({children, value}) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <button className={`${cn.TabsButtonHost}`}>\n            {children}\n        </button>\n    </RadixTabs.Trigger>\n}\n\nTabs.Content = function TabsContent({children, value}) {\n    return <RadixTabs.Content asChild value={value}>\n        {children}\n    </RadixTabs.Content>\n}","import React from \"react\"\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./UnderlineNav.styles\"\n\nexport interface TabsProps {\n    children: React.ReactNode\n    value: string\n    onChange: (value: string) => void\n}\n\nexport function UnderlineNav({children, value, onChange}: TabsProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <nav className={cn.UnderlineNavHost}>\n            <RadixTabs.List asChild>\n                <ul className={cn.UnderlineNavUl}>\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </nav>\n    </RadixTabs.Root>\n}\n\nexport interface UnderlineNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n}\n\nUnderlineNav.Item = function UnderlineNavItem({children, value, href}: UnderlineNavItemProps) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <li className={cn.UnderlineNavItem}>\n            <a href={href} className={`${cn.UnderlineNavItemLink}`}>\n                {children}\n            </a>\n        </li>\n    </RadixTabs.Trigger>\n}","import {css} from \"@linaria/core\"\n\nexport const UnderlineNavHost = css`\n    align-items: center;\n    display: flex;\n\n    height: 42px;\n\n    background-color: #fff;\n    border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));\n\n    z-index: 99;\n`;\n\nexport const UnderlineNavUl = css`\n    display: flex;\n    gap: 10px;\n\n    height: 100%;\n    color: hsl(212, 15%, calc(96% - 12% * 4));\n\n    list-style: none;\n    padding: 0;\n    white-space: nowrap;\n`;\n\nexport const UnderlineNavItem = css`\n    height: 100%;\n\n    &[data-state=\"active\"] { // TODO: in the future it should not be possible\n        a {\n            border-bottom-color: rgb(112, 81, 212);\n        }\n    }\n`;\n\nexport const UnderlineNavItemLink = css`\n    display: inline-flex;\n    border-bottom: 3px solid transparent;\n    text-decoration: none;\n\n    height: 100%;\n    padding: 10px;\n`;\n\nexport const UnderlineNavItemLinkActive = css`\n`;"],"names":["GuideTitle","GuideCard","_ref","children","href","icon","title","kind","size","React","createElement","className","concat","cn","Pointer","xmlns","width","height","fill","viewBox","fillRule","d","clipRule","List","_ref2","Steps","Item","Table","Th","Tr","_ref3","Td","_ref4","Host","Thead","Cell","CellContent","ModelCell","TableV2","Head","numeric","_ref5","muted","_ref6","_ref7","TabsArrowHost","TabsArrowIcon","Tabs","items","tabIndex","_useState","useState","_useState2","_slicedToArray","showLeftArrow","setShowLeftArrow","_useState3","_useState4","showRightArrow","setShowRightArrow","scrollContainerRef","useRef","_useState5","_useState6","value","setActiveTab","handleScroll","current","_scrollContainerRef$c","scrollLeft","scrollWidth","clientWidth","useEffect","window","addEventListener","removeEventListener","scroll","direction","scrollAmount","scrollBy","left","behavior","RadixTabs","Root","asChild","onValueChange","onClick","ChevronLeft","ref","onScroll","map","item","index","TabsItem","key","ChevronRight","Trigger","Content","UnderlineNav","onChange"],"mappings":"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"}

package/dist/UnderlineNav-DsRYwuGB.js

@@ -0,0 +1,2 @@
+import e,{useState as n,useRef as t,useEffect as r}from"react";import{a}from"./_rollupPluginBabelHelpers-tRAa4O0f.js";import*as o from"@radix-ui/react-tabs";import{ChevronLeft as l,ChevronRight as c}from"lucide-react";var i="XydComponents-Component-writer-GuideCard__GuideTitle";function m(n){var t=n.children,r=n.href,a=n.icon,o=n.title,l=n.kind,c=n.size;return e.createElement("div",{className:"\n        ".concat("XydComponents-Component-writer-GuideCard__GuideHost","\n        ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideHostSecondary","\n        ").concat("secondary"===l&&"md"==c&&"XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd","\n    ")},e.createElement("a",{className:"XydComponents-Component-writer-GuideCard__GuideLink",href:r},e.createElement("div",{className:"\n                ".concat("XydComponents-Component-writer-GuideCard__GuideItem","\n                ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideItemSecondary","\n            ")},a&&e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideIcon"},a),e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideRight"},e.createElement("div",{className:i},e.createElement("div",{className:"\n                            ".concat(i," \n                            ").concat("XydComponents-Component-writer-GuideCard__GuideTitleBody","\n                            ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideTitleBodyMd","\n                        ")},o),e.createElement(s,null)),e.createElement("div",{className:"\n                        ".concat("XydComponents-Component-writer-GuideCard__GuideBody","\n                        ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideBodyMd","\n                    ")},t)))))}function s(){return e.createElement("div",{"data-pointer":"true",className:"XydComponents-Component-writer-GuideCard__GuidePointer"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}m.List=function(n){var t=n.children;return e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideListHost"},t)};function d(n){var t=n.children;return e.createElement("ol",{className:"XydComponents-Component-writer-Steps__StepsHost"},t)}d.Item=function(n){var t=n.children;return e.createElement("li",{className:"XydComponents-Component-writer-Steps__StepsLi"},t)};function C(n){var t=n.children;return e.createElement("table",{className:"XydComponents-Component-writer-Table__TableHost"},t)}C.Th=function(n){var t=n.children;return e.createElement("th",{className:"XydComponents-Component-writer-Table__TableTh"},t)},C.Tr=function(n){var t=n.children;return e.createElement("tr",{className:"XydComponents-Component-writer-Table__TableTr"},t)},C.Td=function(n){var t=n.children;return e.createElement("td",{className:"XydComponents-Component-writer-Table__TableTd"},t)};var u={Host:"XydComponents-Component-writer-Table__Host",Table:"XydComponents-Component-writer-Table__Table",Thead:"XydComponents-Component-writer-Table__Thead",Th:"XydComponents-Component-writer-Table__Th",Tr:"XydComponents-Component-writer-Table__Tr",Td:"XydComponents-Component-writer-Table__Td",Cell:"XydComponents-Component-writer-Table__Cell",CellContent:"XydComponents-Component-writer-Table__CellContent",ModelCell:"XydComponents-Component-writer-Table__ModelCell"};function p(n){var t=n.children,r=n.className;return e.createElement("div",{className:u.Host},e.createElement("table",{className:"".concat(u.Table," ").concat(r||"")},t))}p.Head=function(n){var t=n.children;return e.createElement("thead",{className:u.Thead},t)},p.Th=function(n){var t=n.children,r=n.numeric;return e.createElement("th",{className:"".concat(u.Th," ").concat(r?"numeric":"")},t)},p.Tr=function(n){var t=n.children;return e.createElement("tr",{className:u.Tr},t)},p.Td=function(n){var t=n.children,r=n.numeric,a=n.muted;return e.createElement("td",{className:"".concat(u.Td," ").concat(r?"numeric":""," ").concat(a?"muted":"")},t)},p.Cell=function(n){var t=n.children;return e.createElement("div",{className:u.Cell},e.createElement("div",{className:u.CellContent},t))},p.ModelCell=function(n){var t=n.children;return e.createElement("div",{className:u.ModelCell},t)};var _="XydComponents-Component-writer-Tabs__TabsArrowHost",v="XydComponents-Component-writer-Tabs__TabsArrowIcon";function T(i){var m=i.children,s=i.items,d=i.tabIndex,C=n(!1),u=a(C,2),p=u[0],T=u[1],w=n(!1),y=a(w,2),E=y[0],N=y[1],b=t(null),f=n(s[d||0]||""),X=a(f,2),G=X[0],H=X[1],g=function(){if(b.current){var e=b.current,n=e.scrollLeft,t=e.scrollWidth,r=e.clientWidth;T(n>0),N(n<t-r)}};r((function(){return g(),window.addEventListener("resize",g),function(){return window.removeEventListener("resize",g)}}),[]);var S=function(e){if(b.current){var n="left"===e?-200:200;b.current.scrollBy({left:n,behavior:"smooth"})}};return e.createElement(o.Root,{asChild:!0,value:G,onValueChange:H},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleButtons"},p&&e.createElement("button",{onClick:function(){return S("left")},className:_},e.createElement(l,{className:v})),e.createElement("div",{ref:b,onScroll:g,className:"XydComponents-Component-writer-Tabs__TabsScrollerHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsScrollerContainer"},e.createElement(o.List,null,s.map((function(n,t){return e.createElement(h,{key:t,value:n},n)}))))),E&&e.createElement("button",{onClick:function(){return S("right")},className:_},e.createElement(c,{className:v}))),e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleContent"},m)))}function h(n){var t=n.children,r=n.value;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("button",{className:"".concat("XydComponents-Component-writer-Tabs__TabsButtonHost")},t))}T.Content=function(n){var t=n.children,r=n.value;return e.createElement(o.Content,{asChild:!0,value:r},t)};function w(n){var t=n.children,r=n.value,a=n.onChange;return e.createElement(o.Root,{asChild:!0,value:r,onValueChange:a},e.createElement("nav",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavHost"},e.createElement(o.List,{asChild:!0},e.createElement("ul",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavUl"},t))))}w.Item=function(n){var t=n.children,r=n.value,a=n.href;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("li",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavItem"},e.createElement("a",{href:a,className:"".concat("XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink")},t)))};export{m as G,d as S,C as T,w as U,p as a,T as b};
+//# sourceMappingURL=UnderlineNav-DsRYwuGB.js.map

package/dist/UnderlineNav-DsRYwuGB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav-DsRYwuGB.js","sources":["../src/writer/GuideCard/GuideCard.styles.tsx","../src/writer/GuideCard/GuideCard.tsx","../src/writer/Steps/Steps.tsx","../src/writer/Steps/Steps.styles.tsx","../src/writer/Table/Table.tsx","../src/writer/Table/Table.styles.tsx","../src/writer/Table/TableV2.styles.tsx","../src/writer/Table/TableV2.tsx","../src/writer/Tabs/Tabs.styles.tsx","../src/writer/Tabs/Tabs.tsx","../src/writer/UnderlineNav/UnderlineNav.tsx","../src/writer/UnderlineNav/UnderlineNav.styles.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\nimport colors from \"@livesession/design-system-colors\"\n\nexport const GuideHost = css``;\n\nexport const GuideHostSecondary = css`\n    //flex-grow: 1;\n    //width: 100%;\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid ${colors.dark16};\n    background: ${colors.dark8};\n    border-radius: 8px;\n    padding: 24px;\n    z-index: 0;\n    transition: box-shadow .2s ease-in-out, background-image .2s ease;\n\n    &:hover {\n        background: ${colors.white};\n    }\n`;\n\nexport const GuideHostSecondaryMd = css`\n    padding: 21px 25px 25px;\n`;\n\nexport const GuideLink = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideItem = css`\n    border-radius: 8px;\n    display: flex;\n\n    align-items: flex-start;\n    cursor: pointer;\n    transition: opacity .15s;\n\n    &:hover {\n        [data-pointer=\"true\"] {\n            opacity: 1;\n            transform: translate(0);\n        }\n    }\n`;\n\nexport const GuideItemSecondary = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideIcon = css`\n    line-height: 0px;\n    font-size: 24px;\n    height: 32px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #000;\n    transition: background .2s ease;\n    box-sizing: border-box;\n    flex-shrink: 0;\n`;\n\nexport const GuideRight = css`\n    padding-left: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n`;\n\nexport const GuideTitle = css`\n    display: flex;\n    color: #000;\n    font-weight: 600;\n    align-items: center;\n    transition: color .15s;\n`;\n\nexport const GuideTitleBody = css`\n    font-size: 16px;\n    line-height: 20px;\n`;\n\nexport const GuideTitleBodyMd = css`\n    font-size: 18px;\n`;\n\nexport const GuideBody = css`\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n\n    color: ${colors.dark80};\n    white-space: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const GuideBodyMd = css`\n    font-size: 16px;\n`;\n\nexport const GuidePointer = css`\n    opacity: 0;\n    transform: translate(-4px);\n    display: flex;\n    justify-content: center;\n    transition: opacity .15s ease-in-out, transform .15s ease-in-out;\n`;\n\nexport const GuideListHost = css`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    justify-content: center;\n    gap: 24px;\n`;","import React from \"react\"\n\nimport * as cn from \"./GuideCard.styles\";\n\nexport interface GuideCardProps {\n    children: React.ReactNode;\n    href: string\n    title: string;\n    icon?: React.ReactNode;\n    kind?: \"secondary\"\n    size?: \"sm\" | \"md\"\n}\n\nexport function GuideCard({\n                              children,\n                              href,\n                              icon,\n                              title,\n                              kind,\n                              size,\n\n                          }: GuideCardProps) {\n    return <div className={`\n        ${cn.GuideHost}\n        ${kind === \"secondary\" && cn.GuideHostSecondary}\n        ${kind === \"secondary\" && size == \"md\" && cn.GuideHostSecondaryMd}\n    `}>\n        <a className={cn.GuideLink} href={href}>\n            <div className={`\n                ${cn.GuideItem}\n                ${kind === \"secondary\" && cn.GuideItemSecondary}\n            `}>\n                {icon && <div className={cn.GuideIcon}>\n                    {icon}\n                </div>}\n                <div className={cn.GuideRight}>\n                    <div className={cn.GuideTitle}>\n                        <div className={`\n                            ${cn.GuideTitle} \n                            ${cn.GuideTitleBody}\n                            ${size == \"md\" && cn.GuideTitleBodyMd}\n                        `}>\n                            {title}\n                        </div>\n                        <Pointer/>\n                    </div>\n                    <div className={`\n                        ${cn.GuideBody}\n                        ${size == \"md\" && cn.GuideBodyMd}\n                    `}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        </a>\n    </div>\n}\n\nGuideCard.List = function GuideCardList({children}: { children: React.ReactNode }) {\n    return <div className={cn.GuideListHost}>\n        {children}\n    </div>\n}\n\nfunction Pointer() {\n    return <div data-pointer=\"true\" className={cn.GuidePointer}>\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width={24}\n            height={24}\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}","import React from \"react\"\n\nimport * as cn from \"./Steps.styles\";\n\nexport interface StepsProps {\n    children: React.ReactNode;\n}\n\nexport function Steps({children}: StepsProps) {\n    return <ol className={cn.StepsHost}>\n        {children}\n    </ol>\n}\n\nexport interface StepsItemProps {\n    children: React.ReactNode;\n}\n\nSteps.Item = function StepsItem({children}: StepsItemProps) {\n    return <li className={cn.StepsLi}>\n        {children}\n    </li>\n}","import {css} from \"@linaria/core\";\n\nexport const StepsHost = css`\n    padding-left: 0;\n    list-style: none;\n    counter-reset: ordered-listitem;\n\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n`;\n\nexport const StepsLi = css`\n    padding-left: 32px;\n    position: relative;\n    line-height: 1.5;\n\n    &::after {\n        position: absolute;\n        top: 0;\n        left: 0;\n        counter-increment: ordered-listitem;\n        content: counter(ordered-listitem);\n\n        background: #ececf1;\n        color: #353740;\n        font-size: 12px;\n        line-height: 24px;\n        font-weight: 500;\n        text-align: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 12px;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Table.styles\";\n\nexport interface TableProps {\n    children: React.ReactNode;\n}\n\nexport function Table({children}: TableProps) {\n    return <table className={cn.TableHost}>\n        {children}\n    </table>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n}\n\nTable.Th = function TableTh({children}: TableThProps) {\n    return <th className={cn.TableTh}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTable.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableTr}>\n        {children}\n    </tr>\n\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n}\n\nTable.Td = function TableTd({children}: TableTdProps) {\n    return <td className={cn.TableTd}>\n        {children}\n    </td>\n\n}","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\"\n}\n\nexport const TableHost = css`\n    display: block;\n    overflow-x: scroll;\n\n    border-collapse: collapse;\n    border-radius: 3px;\n`;\n\nexport const TableTh = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    font-weight: 600;\n    border-width: 1px;\n    border-color: ${colors.primary};\n    background: rgba(234, 238, 242, 0.5);\n`;\n\nexport const TableTr = css`\n    padding: 0;\n    margin: 0;\n    border-top-width: 1px;\n    border-color: ${colors.primary};\n`;\n\nexport const TableTd = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    border-width: 1px;\n    border-color: ${colors.primary};\n`;\n\n\n","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\",\n    gray: {\n        50: \"#F7F7F8\",\n        100: \"#ECECF1\",\n        600: \"#6E6E80\",\n        800: \"#353740\",\n        900: \"#202123\"\n    }\n}\n\nconst TableV2 = {\n    Host: css`\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n    `,\n    Table: css`\n        display: table;\n        width: 100%;\n        min-width: 640px; // Ensures table doesn't get too squished\n        border-collapse: separate;\n        border-spacing: 0;\n        border: 1px solid ${colors.gray[100]};\n        border-radius: 8px;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin-top: 1rem;\n        overflow: hidden;\n    `,\n    Thead: css`\n        background: ${colors.gray[50]};\n    `,\n    Th: css`\n        text-align: left;\n        font-weight: 500;\n        padding: 0.5rem 1rem;\n        color: ${colors.gray[800]};\n        vertical-align: middle;\n        border-bottom: 1px solid ${colors.gray[100]};\n        white-space: nowrap;\n\n        &:first-child {\n            width: 24rem;\n            max-width: 40%;\n            border-right: 1px solid ${colors.gray[100]};\n\n            @media (max-width: 768px) {\n                width: auto;\n                min-width: 12rem;\n            }\n        }\n\n        &.numeric {\n            text-align: right;\n            font-weight: 400;\n            min-width: 5rem;\n            \n            @media (max-width: 768px) {\n                min-width: 4rem;\n            }\n        }\n    `,\n    Tr: css`\n        &:not(:last-child) {\n            border-bottom: 1px solid ${colors.gray[100]};\n        }\n    `,\n    Td: css`\n        padding: 0.5rem 1rem;\n        vertical-align: middle;\n        border-top: 1px solid ${colors.gray[100]};\n\n        &:first-child {\n            border-right: 1px solid ${colors.gray[100]};\n        }\n\n        &.numeric {\n            text-align: right;\n        }\n\n        &.muted {\n            color: ${colors.gray[600]};\n        }\n\n        @media (max-width: 768px) {\n            padding: 0.5rem;\n        }\n    `,\n    Cell: css`\n        display: flex;\n        align-items: baseline;\n        width: 100%;\n        gap: 0.5rem;\n    `,\n    CellContent: css`\n        flex: 1;\n        text-align: right;\n    `,\n    ModelCell: css`\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        white-space: nowrap;\n        color: ${colors.gray[900]};\n        \n        @media (max-width: 768px) {\n            font-size: 0.8125rem;\n        }\n    `\n} \n\nexport default {\n    TableV2\n}","import React from \"react\"\n\nimport cn from \"./TableV2.styles\";\n\nexport interface TableV2Props {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport function TableV2({children, className}: TableV2Props) {\n    return (\n        <div className={cn.TableV2.Host}>\n            <table className={`${cn.TableV2.Table} ${className || ''}`}>\n                {children}\n            </table>\n        </div>\n    );\n}\n\nexport interface TableHeadProps {\n    children: React.ReactNode;\n}\n\nTableV2.Head = function TableHead({children}: TableHeadProps) {\n    return <thead className={cn.TableV2.Thead}>\n        {children}\n    </thead>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n}\n\nTableV2.Th = function TableTh({children, numeric}: TableThProps) {\n    return <th className={`${cn.TableV2.Th} ${numeric ? 'numeric' : ''}`}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTableV2.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableV2.Tr}>\n        {children}\n    </tr>\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n    muted?: boolean;\n}\n\nTableV2.Td = function TableTd({children, numeric, muted}: TableTdProps) {\n    return <td className={`${cn.TableV2.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>\n        {children}\n    </td>\n}\n\nexport interface TableCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.Cell = function TableCell({children}: TableCellProps) {\n    return <div className={cn.TableV2.Cell}>\n        <div className={cn.TableV2.CellContent}>\n            {children}\n        </div>\n    </div>\n}\n\nexport interface TableModelCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.ModelCell = function TableModelCell({children}: TableModelCellProps) {\n    return <div className={cn.TableV2.ModelCell}>\n        {children}\n    </div>\n} ","import {css} from \"@linaria/core\";\n\nexport const TabsSampleHost = css`\n    position: relative;\n    max-width: 100%;\n`;\n\nexport const TabsSampleButtons = css`\n    display: flex;\n    align-items: center;\n`;\n\nexport const TabsSampleContent = css`\n    margin-top: 16px;\n`;\n\nexport const TabsArrowHost = css`\n    padding: 8px;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;\n\nexport const TabsArrowIcon = css`\n    width: 16px;\n    height: 16px;\n`;\n\nexport const TabsScrollerHost = css`\n    overflow-x: auto;\n    flex-grow: 1;\n`;\n\nexport const TabsScrollerContainer = css`\n    display: inline-flex;\n    gap: 4px;\n\n    border-radius: 8px;\n    background-color: #F3F4F6;\n    \n    padding: 4px;\n    margin-left: 4px;\n`;\n\nexport const TabsButtonHost = css`\n    padding: 0.5rem 1rem;\n\n    border-radius: 0.375rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    white-space: nowrap;\n\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n\n    color: #6B7280;\n\n    &:hover {\n        color: #111827;\n    }\n\n    &[data-state=\"active\"] {\n        color: #111827;\n        background-color: #ffffff;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n`;\n\nexport const TabsButtonActive = css`\n    color: #111827;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;","import React, {useState, useRef, useEffect} from 'react'\nimport * as RadixTabs from \"@radix-ui/react-tabs\"\nimport {ChevronLeft, ChevronRight} from \"lucide-react\"\n\nimport * as cn from \"./Tabs.styles\";\n\nexport interface TabsProps {\n    children: React.ReactNode;\n    items: string[];\n    tabIndex?: number;\n}\n\nexport function Tabs({children, items, tabIndex}: TabsProps) {\n    const [showLeftArrow, setShowLeftArrow] = useState(false)\n    const [showRightArrow, setShowRightArrow] = useState(false)\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    const [value, setActiveTab] = useState(items[tabIndex || 0] || \"\")\n\n    const handleScroll = () => {\n        if (scrollContainerRef.current) {\n            const {scrollLeft, scrollWidth, clientWidth} = scrollContainerRef.current\n            setShowLeftArrow(scrollLeft > 0)\n            setShowRightArrow(scrollLeft < scrollWidth - clientWidth)\n        }\n    }\n\n    useEffect(() => {\n        handleScroll()\n        window.addEventListener('resize', handleScroll)\n        return () => window.removeEventListener('resize', handleScroll)\n    }, [])\n\n    const scroll = (direction: 'left' | 'right') => {\n        if (scrollContainerRef.current) {\n            const scrollAmount = direction === 'left' ? -200 : 200\n            scrollContainerRef.current.scrollBy({left: scrollAmount, behavior: 'smooth'})\n        }\n    }\n\n    return (\n        <RadixTabs.Root asChild value={value} onValueChange={setActiveTab}>\n            <div className={cn.TabsSampleHost}>\n                <div className={cn.TabsSampleButtons}>\n                    {showLeftArrow && (\n                        <button\n                            onClick={() => scroll('left')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronLeft className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        onScroll={handleScroll}\n                        className={cn.TabsScrollerHost}\n                    >\n                        <div className={cn.TabsScrollerContainer}>\n                            <RadixTabs.List>\n                                {items.map((item, index) => <TabsItem key={index} value={item}>\n                                        {item}\n                                    </TabsItem>\n                                )}\n                            </RadixTabs.List>\n                        </div>\n                    </div>\n\n                    {showRightArrow && (\n                        <button\n                            onClick={() => scroll('right')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronRight className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n                </div>\n\n                <div className={cn.TabsSampleContent}>\n                    {children}\n                </div>\n            </div>\n        </RadixTabs.Root>\n    )\n}\n\nfunction TabsItem({children, value}) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <button className={`${cn.TabsButtonHost}`}>\n            {children}\n        </button>\n    </RadixTabs.Trigger>\n}\n\nTabs.Content = function TabsContent({children, value}) {\n    return <RadixTabs.Content asChild value={value}>\n        {children}\n    </RadixTabs.Content>\n}","import React from \"react\"\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./UnderlineNav.styles\"\n\nexport interface TabsProps {\n    children: React.ReactNode\n    value: string\n    onChange: (value: string) => void\n}\n\nexport function UnderlineNav({children, value, onChange}: TabsProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <nav className={cn.UnderlineNavHost}>\n            <RadixTabs.List asChild>\n                <ul className={cn.UnderlineNavUl}>\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </nav>\n    </RadixTabs.Root>\n}\n\nexport interface UnderlineNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n}\n\nUnderlineNav.Item = function UnderlineNavItem({children, value, href}: UnderlineNavItemProps) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <li className={cn.UnderlineNavItem}>\n            <a href={href} className={`${cn.UnderlineNavItemLink}`}>\n                {children}\n            </a>\n        </li>\n    </RadixTabs.Trigger>\n}","import {css} from \"@linaria/core\"\n\nexport const UnderlineNavHost = css`\n    align-items: center;\n    display: flex;\n\n    height: 42px;\n\n    background-color: #fff;\n    border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));\n\n    z-index: 99;\n`;\n\nexport const UnderlineNavUl = css`\n    display: flex;\n    gap: 10px;\n\n    height: 100%;\n    color: hsl(212, 15%, calc(96% - 12% * 4));\n\n    list-style: none;\n    padding: 0;\n    white-space: nowrap;\n`;\n\nexport const UnderlineNavItem = css`\n    height: 100%;\n\n    &[data-state=\"active\"] { // TODO: in the future it should not be possible\n        a {\n            border-bottom-color: rgb(112, 81, 212);\n        }\n    }\n`;\n\nexport const UnderlineNavItemLink = css`\n    display: inline-flex;\n    border-bottom: 3px solid transparent;\n    text-decoration: none;\n\n    height: 100%;\n    padding: 10px;\n`;\n\nexport const UnderlineNavItemLinkActive = css`\n`;"],"names":["GuideTitle","GuideCard","_ref","children","href","icon","title","kind","size","React","createElement","className","concat","cn","Pointer","xmlns","width","height","fill","viewBox","fillRule","d","clipRule","List","_ref2","Steps","Item","Table","Th","Tr","_ref3","Td","_ref4","Host","Thead","Cell","CellContent","ModelCell","TableV2","Head","numeric","_ref5","muted","_ref6","_ref7","TabsArrowHost","TabsArrowIcon","Tabs","items","tabIndex","_useState","useState","_useState2","_slicedToArray","showLeftArrow","setShowLeftArrow","_useState3","_useState4","showRightArrow","setShowRightArrow","scrollContainerRef","useRef","_useState5","_useState6","value","setActiveTab","handleScroll","current","_scrollContainerRef$c","scrollLeft","scrollWidth","clientWidth","useEffect","window","addEventListener","removeEventListener","scroll","direction","scrollAmount","scrollBy","left","behavior","RadixTabs","Root","asChild","onValueChange","onClick","ChevronLeft","ref","onScroll","map","item","index","TabsItem","key","ChevronRight","Trigger","Content","UnderlineNav","onChange"],"mappings":"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"}

package/dist/UnderlineNav-FbclXKUW.js

@@ -0,0 +1,2 @@
+import e,{useState as n,useRef as t,useEffect as r}from"react";import{a}from"./_rollupPluginBabelHelpers-DuRQdJ01.js";import*as o from"@radix-ui/react-tabs";import{ChevronLeft as l,ChevronRight as c}from"lucide-react";var i="XydComponents-Component-writer-GuideCard__GuideTitle";function m(n){var t=n.children,r=n.href,a=n.icon,o=n.title,l=n.kind,c=n.size;return e.createElement("div",{className:"\n        ".concat("XydComponents-Component-writer-GuideCard__GuideHost","\n        ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideHostSecondary","\n        ").concat("secondary"===l&&"md"==c&&"XydComponents-Component-writer-GuideCard__GuideHostSecondaryMd","\n    ")},e.createElement("a",{className:"XydComponents-Component-writer-GuideCard__GuideLink",href:r},e.createElement("div",{className:"\n                ".concat("XydComponents-Component-writer-GuideCard__GuideItem","\n                ").concat("secondary"===l&&"XydComponents-Component-writer-GuideCard__GuideItemSecondary","\n            ")},a&&e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideIcon"},a),e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideRight"},e.createElement("div",{className:i},e.createElement("div",{className:"\n                            ".concat(i," \n                            ").concat("XydComponents-Component-writer-GuideCard__GuideTitleBody","\n                            ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideTitleBodyMd","\n                        ")},o),e.createElement(s,null)),e.createElement("div",{className:"\n                        ".concat("XydComponents-Component-writer-GuideCard__GuideBody","\n                        ").concat("md"==c&&"XydComponents-Component-writer-GuideCard__GuideBodyMd","\n                    ")},t)))))}function s(){return e.createElement("div",{"data-pointer":"true",className:"XydComponents-Component-writer-GuideCard__GuidePointer"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"currentColor",viewBox:"0 0 24 24"},e.createElement("path",{fillRule:"evenodd",d:"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}m.List=function(n){var t=n.children;return e.createElement("div",{className:"XydComponents-Component-writer-GuideCard__GuideListHost"},t)};function d(n){var t=n.children;return e.createElement("ol",{className:"XydComponents-Component-writer-Steps__StepsHost"},t)}d.Item=function(n){var t=n.children;return e.createElement("li",{className:"XydComponents-Component-writer-Steps__StepsLi"},t)};function C(n){var t=n.children;return e.createElement("table",{className:"XydComponents-Component-writer-Table__TableHost"},t)}C.Th=function(n){var t=n.children;return e.createElement("th",{className:"XydComponents-Component-writer-Table__TableTh"},t)},C.Tr=function(n){var t=n.children;return e.createElement("tr",{className:"XydComponents-Component-writer-Table__TableTr"},t)},C.Td=function(n){var t=n.children;return e.createElement("td",{className:"XydComponents-Component-writer-Table__TableTd"},t)};var u={Host:"XydComponents-Component-writer-Table__Host",Table:"XydComponents-Component-writer-Table__Table",Thead:"XydComponents-Component-writer-Table__Thead",Th:"XydComponents-Component-writer-Table__Th",Tr:"XydComponents-Component-writer-Table__Tr",Td:"XydComponents-Component-writer-Table__Td",Cell:"XydComponents-Component-writer-Table__Cell",CellContent:"XydComponents-Component-writer-Table__CellContent",ModelCell:"XydComponents-Component-writer-Table__ModelCell"};function p(n){var t=n.children,r=n.className;return e.createElement("div",{className:u.Host},e.createElement("table",{className:"".concat(u.Table," ").concat(r||"")},t))}p.Head=function(n){var t=n.children;return e.createElement("thead",{className:u.Thead},t)},p.Th=function(n){var t=n.children,r=n.numeric;return e.createElement("th",{className:"".concat(u.Th," ").concat(r?"numeric":"")},t)},p.Tr=function(n){var t=n.children;return e.createElement("tr",{className:u.Tr},t)},p.Td=function(n){var t=n.children,r=n.numeric,a=n.muted;return e.createElement("td",{className:"".concat(u.Td," ").concat(r?"numeric":""," ").concat(a?"muted":"")},t)},p.Cell=function(n){var t=n.children;return e.createElement("div",{className:u.Cell},e.createElement("div",{className:u.CellContent},t))},p.ModelCell=function(n){var t=n.children;return e.createElement("div",{className:u.ModelCell},t)};var _="XydComponents-Component-writer-Tabs__TabsArrowHost",v="XydComponents-Component-writer-Tabs__TabsArrowIcon";function T(i){var m=i.children,s=i.items,d=i.tabIndex,C=n(!1),u=a(C,2),p=u[0],T=u[1],w=n(!1),y=a(w,2),E=y[0],N=y[1],b=t(null),f=n(s[d||0]||""),X=a(f,2),G=X[0],H=X[1],g=function(){if(b.current){var e=b.current,n=e.scrollLeft,t=e.scrollWidth,r=e.clientWidth;T(n>0),N(n<t-r)}};r((function(){return g(),window.addEventListener("resize",g),function(){return window.removeEventListener("resize",g)}}),[]);var S=function(e){if(b.current){var n="left"===e?-200:200;b.current.scrollBy({left:n,behavior:"smooth"})}};return e.createElement(o.Root,{asChild:!0,value:G,onValueChange:H},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleButtons"},p&&e.createElement("button",{onClick:function(){return S("left")},className:_},e.createElement(l,{className:v})),e.createElement("div",{ref:b,onScroll:g,className:"XydComponents-Component-writer-Tabs__TabsScrollerHost"},e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsScrollerContainer"},e.createElement(o.List,null,s.map((function(n,t){return e.createElement(h,{key:t,value:n},n)}))))),E&&e.createElement("button",{onClick:function(){return S("right")},className:_},e.createElement(c,{className:v}))),e.createElement("div",{className:"XydComponents-Component-writer-Tabs__TabsSampleContent"},m)))}function h(n){var t=n.children,r=n.value;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("button",{className:"".concat("XydComponents-Component-writer-Tabs__TabsButtonHost")},t))}T.Content=function(n){var t=n.children,r=n.value;return e.createElement(o.Content,{asChild:!0,value:r},t)};function w(n){var t=n.children,r=n.value,a=n.onChange;return e.createElement(o.Root,{asChild:!0,value:r,onValueChange:a},e.createElement("nav",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavHost"},e.createElement(o.List,{asChild:!0},e.createElement("ul",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavUl"},t))))}w.Item=function(n){var t=n.children,r=n.value,a=n.href;return e.createElement(o.Trigger,{asChild:!0,value:r},e.createElement("li",{className:"XydComponents-Component-writer-UnderlineNav__UnderlineNavItem"},e.createElement("a",{href:a,className:"".concat("XydComponents-Component-writer-UnderlineNav__UnderlineNavItemLink")},t)))};export{m as G,d as S,C as T,w as U,p as a,T as b};
+//# sourceMappingURL=UnderlineNav-FbclXKUW.js.map

package/dist/UnderlineNav-FbclXKUW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav-FbclXKUW.js","sources":["../src/writer/GuideCard/GuideCard.styles.tsx","../src/writer/GuideCard/GuideCard.tsx","../src/writer/Steps/Steps.tsx","../src/writer/Steps/Steps.styles.tsx","../src/writer/Table/Table.tsx","../src/writer/Table/Table.styles.tsx","../src/writer/Table/TableV2.styles.tsx","../src/writer/Table/TableV2.tsx","../src/writer/Tabs/Tabs.styles.tsx","../src/writer/Tabs/Tabs.tsx","../src/writer/UnderlineNav/UnderlineNav.tsx","../src/writer/UnderlineNav/UnderlineNav.styles.tsx"],"sourcesContent":["import {css} from \"@linaria/core\";\n\nexport const GuideHost = css``;\n\nexport const GuideHostSecondary = css`\n    //flex-grow: 1;\n    //width: 100%;\n    display: flex;\n    position: relative;\n    overflow: hidden;\n    border: .5px solid #ececf1;\n    background: linear-gradient(238deg, rgba(247, 247, 248, .5) 0%, rgba(247, 247, 248, 1) 100%);\n    border-radius: 8px;\n    padding: 16px 20px 20px;\n    z-index: 0;\n    transition: box-shadow .2s ease-in-out, background-image .2s ease;\n\n    &:hover {\n        background: linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);\n    }\n`;\n\nexport const GuideHostSecondaryMd = css`\n    padding: 21px 25px 25px;\n`;\n\nexport const GuideLink = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideItem = css`\n    border-radius: 8px;\n    display: flex;\n\n    align-items: flex-start;\n    cursor: pointer;\n    transition: opacity .15s;\n\n    &:hover {\n        [data-pointer=\"true\"] {\n            opacity: 1;\n            transform: translate(0);\n        }\n    }\n`;\n\nexport const GuideItemSecondary = css`\n    width: 100%;\n    height: 100%;\n`;\n\nexport const GuideIcon = css`\n    line-height: 0px;\n    font-size: 24px;\n    border-radius: 8px;\n    width: 48px;\n    height: 48px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #353740;\n    border: 1px solid #ececf1;\n    background: linear-gradient(238deg, rgba(255, 255, 255, .5) 0%, rgba(250, 250, 250, 1) 100%);\n    transition: background .2s ease;\n    box-sizing: border-box;\n    flex-shrink: 0;\n`;\n\nexport const GuideRight = css`\n    padding-left: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n`;\n\nexport const GuideTitle = css`\n    display: flex;\n    color: #202123;\n    font-weight: 400;\n    align-items: center;\n    transition: color .15s;\n`;\n\nexport const GuideTitleBody = css`\n    font-size: 16px;\n    line-height: 20px;\n`;\n\nexport const GuideTitleBodyMd = css`\n    font-size: 18px;\n`;\n\nexport const GuideBody = css`\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n\n    color: #6e6e80;\n    white-space: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n`;\n\nexport const GuideBodyMd = css`\n    font-size: 16px;\n`;\n\nexport const GuidePointer = css`\n    opacity: 0;\n    transform: translate(-4px);\n    display: flex;\n    justify-content: center;\n    transition: opacity .15s ease-in-out, transform .15s ease-in-out;\n`;\n\nexport const GuideListHost = css`\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    justify-content: center;\n    gap: 30px;\n`;","import React from \"react\"\n\nimport * as cn from \"./GuideCard.styles\";\n\nexport interface GuideCardProps {\n    children: React.ReactNode;\n    href: string\n    title: string;\n    icon?: React.ReactNode;\n    kind?: \"secondary\"\n    size?: \"sm\" | \"md\"\n}\n\nexport function GuideCard({\n                              children,\n                              href,\n                              icon,\n                              title,\n                              kind,\n                              size,\n\n                          }: GuideCardProps) {\n    return <div className={`\n        ${cn.GuideHost}\n        ${kind === \"secondary\" && cn.GuideHostSecondary}\n        ${kind === \"secondary\" && size == \"md\" && cn.GuideHostSecondaryMd}\n    `}>\n        <a className={cn.GuideLink} href={href}>\n            <div className={`\n                ${cn.GuideItem}\n                ${kind === \"secondary\" && cn.GuideItemSecondary}\n            `}>\n                {icon && <div className={cn.GuideIcon}>\n                    {icon}\n                </div>}\n                <div className={cn.GuideRight}>\n                    <div className={cn.GuideTitle}>\n                        <div className={`\n                            ${cn.GuideTitle} \n                            ${cn.GuideTitleBody}\n                            ${size == \"md\" && cn.GuideTitleBodyMd}\n                        `}>\n                            {title}\n                        </div>\n                        <Pointer/>\n                    </div>\n                    <div className={`\n                        ${cn.GuideBody}\n                        ${size == \"md\" && cn.GuideBodyMd}\n                    `}>\n                        {children}\n                    </div>\n                </div>\n            </div>\n        </a>\n    </div>\n}\n\nGuideCard.List = function GuideCardList({children}: { children: React.ReactNode }) {\n    return <div className={cn.GuideListHost}>\n        {children}\n    </div>\n}\n\nfunction Pointer() {\n    return <div data-pointer=\"true\" className={cn.GuidePointer}>\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width={24}\n            height={24}\n            fill=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n        >\n            <path\n                fillRule=\"evenodd\"\n                d=\"M9.293 7.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 0 1 0-1.414Z\"\n                clipRule=\"evenodd\"\n            />\n        </svg>\n    </div>\n}","import React from \"react\"\n\nimport * as cn from \"./Steps.styles\";\n\nexport interface StepsProps {\n    children: React.ReactNode;\n}\n\nexport function Steps({children}: StepsProps) {\n    return <ol className={cn.StepsHost}>\n        {children}\n    </ol>\n}\n\nexport interface StepsItemProps {\n    children: React.ReactNode;\n}\n\nSteps.Item = function StepsItem({children}: StepsItemProps) {\n    return <li className={cn.StepsLi}>\n        {children}\n    </li>\n}","import {css} from \"@linaria/core\";\n\nexport const StepsHost = css`\n    padding-left: 0;\n    list-style: none;\n    counter-reset: ordered-listitem;\n\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n`;\n\nexport const StepsLi = css`\n    padding-left: 32px;\n    position: relative;\n    line-height: 1.5;\n\n    &::after {\n        position: absolute;\n        top: 0;\n        left: 0;\n        counter-increment: ordered-listitem;\n        content: counter(ordered-listitem);\n\n        background: #ececf1;\n        color: #353740;\n        font-size: 12px;\n        line-height: 24px;\n        font-weight: 500;\n        text-align: center;\n        height: 24px;\n        width: 24px;\n        border-radius: 12px;\n    }\n`;","import React from \"react\"\n\nimport * as cn from \"./Table.styles\";\n\nexport interface TableProps {\n    children: React.ReactNode;\n}\n\nexport function Table({children}: TableProps) {\n    return <table className={cn.TableHost}>\n        {children}\n    </table>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n}\n\nTable.Th = function TableTh({children}: TableThProps) {\n    return <th className={cn.TableTh}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTable.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableTr}>\n        {children}\n    </tr>\n\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n}\n\nTable.Td = function TableTd({children}: TableTdProps) {\n    return <td className={cn.TableTd}>\n        {children}\n    </td>\n\n}","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\"\n}\n\nexport const TableHost = css`\n    display: block;\n    overflow-x: scroll;\n\n    border-collapse: collapse;\n    border-radius: 3px;\n`;\n\nexport const TableTh = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    font-weight: 600;\n    border-width: 1px;\n    border-color: ${colors.primary};\n    background: rgba(234, 238, 242, 0.5);\n`;\n\nexport const TableTr = css`\n    padding: 0;\n    margin: 0;\n    border-top-width: 1px;\n    border-color: ${colors.primary};\n`;\n\nexport const TableTd = css`\n    padding: 0.5rem 1rem;\n    margin: 0;\n\n    border-width: 1px;\n    border-color: ${colors.primary};\n`;\n\n\n","import {css} from \"@linaria/core\";\n\nconst colors = {\n    primary: \"#D1D5DB\",\n    gray: {\n        50: \"#F7F7F8\",\n        100: \"#ECECF1\",\n        600: \"#6E6E80\",\n        800: \"#353740\",\n        900: \"#202123\"\n    }\n}\n\nconst TableV2 = {\n    Host: css`\n        width: 100%;\n        overflow-x: auto;\n        -webkit-overflow-scrolling: touch;\n    `,\n    Table: css`\n        display: table;\n        width: 100%;\n        min-width: 640px; // Ensures table doesn't get too squished\n        border-collapse: separate;\n        border-spacing: 0;\n        border: 1px solid ${colors.gray[100]};\n        border-radius: 8px;\n        font-size: 0.875rem;\n        line-height: 1.25rem;\n        margin-top: 1rem;\n        overflow: hidden;\n    `,\n    Thead: css`\n        background: ${colors.gray[50]};\n    `,\n    Th: css`\n        text-align: left;\n        font-weight: 500;\n        padding: 0.5rem 1rem;\n        color: ${colors.gray[800]};\n        vertical-align: middle;\n        border-bottom: 1px solid ${colors.gray[100]};\n        white-space: nowrap;\n\n        &:first-child {\n            width: 24rem;\n            max-width: 40%;\n            border-right: 1px solid ${colors.gray[100]};\n\n            @media (max-width: 768px) {\n                width: auto;\n                min-width: 12rem;\n            }\n        }\n\n        &.numeric {\n            text-align: right;\n            font-weight: 400;\n            min-width: 5rem;\n            \n            @media (max-width: 768px) {\n                min-width: 4rem;\n            }\n        }\n    `,\n    Tr: css`\n        &:not(:last-child) {\n            border-bottom: 1px solid ${colors.gray[100]};\n        }\n    `,\n    Td: css`\n        padding: 0.5rem 1rem;\n        vertical-align: middle;\n        border-top: 1px solid ${colors.gray[100]};\n\n        &:first-child {\n            border-right: 1px solid ${colors.gray[100]};\n        }\n\n        &.numeric {\n            text-align: right;\n        }\n\n        &.muted {\n            color: ${colors.gray[600]};\n        }\n\n        @media (max-width: 768px) {\n            padding: 0.5rem;\n        }\n    `,\n    Cell: css`\n        display: flex;\n        align-items: baseline;\n        width: 100%;\n        gap: 0.5rem;\n    `,\n    CellContent: css`\n        flex: 1;\n        text-align: right;\n    `,\n    ModelCell: css`\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        white-space: nowrap;\n        color: ${colors.gray[900]};\n        \n        @media (max-width: 768px) {\n            font-size: 0.8125rem;\n        }\n    `\n} \n\nexport default {\n    TableV2\n}","import React from \"react\"\n\nimport cn from \"./TableV2.styles\";\n\nexport interface TableV2Props {\n    children: React.ReactNode;\n    className?: string;\n}\n\nexport function TableV2({children, className}: TableV2Props) {\n    return (\n        <div className={cn.TableV2.Host}>\n            <table className={`${cn.TableV2.Table} ${className || ''}`}>\n                {children}\n            </table>\n        </div>\n    );\n}\n\nexport interface TableHeadProps {\n    children: React.ReactNode;\n}\n\nTableV2.Head = function TableHead({children}: TableHeadProps) {\n    return <thead className={cn.TableV2.Thead}>\n        {children}\n    </thead>\n}\n\nexport interface TableThProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n}\n\nTableV2.Th = function TableTh({children, numeric}: TableThProps) {\n    return <th className={`${cn.TableV2.Th} ${numeric ? 'numeric' : ''}`}>\n        {children}\n    </th>\n}\n\nexport interface TableTrProps {\n    children: React.ReactNode;\n}\n\nTableV2.Tr = function TableTr({children}: TableTrProps) {\n    return <tr className={cn.TableV2.Tr}>\n        {children}\n    </tr>\n}\n\nexport interface TableTdProps {\n    children: React.ReactNode;\n    numeric?: boolean;\n    muted?: boolean;\n}\n\nTableV2.Td = function TableTd({children, numeric, muted}: TableTdProps) {\n    return <td className={`${cn.TableV2.Td} ${numeric ? 'numeric' : ''} ${muted ? 'muted' : ''}`}>\n        {children}\n    </td>\n}\n\nexport interface TableCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.Cell = function TableCell({children}: TableCellProps) {\n    return <div className={cn.TableV2.Cell}>\n        <div className={cn.TableV2.CellContent}>\n            {children}\n        </div>\n    </div>\n}\n\nexport interface TableModelCellProps {\n    children: React.ReactNode;\n}\n\nTableV2.ModelCell = function TableModelCell({children}: TableModelCellProps) {\n    return <div className={cn.TableV2.ModelCell}>\n        {children}\n    </div>\n} ","import {css} from \"@linaria/core\";\n\nexport const TabsSampleHost = css`\n    position: relative;\n    max-width: 100%;\n`;\n\nexport const TabsSampleButtons = css`\n    display: flex;\n    align-items: center;\n`;\n\nexport const TabsSampleContent = css`\n    margin-top: 16px;\n`;\n\nexport const TabsArrowHost = css`\n    padding: 8px;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;\n\nexport const TabsArrowIcon = css`\n    width: 16px;\n    height: 16px;\n`;\n\nexport const TabsScrollerHost = css`\n    overflow-x: auto;\n    flex-grow: 1;\n`;\n\nexport const TabsScrollerContainer = css`\n    display: inline-flex;\n    gap: 4px;\n\n    border-radius: 8px;\n    background-color: #F3F4F6;\n    \n    padding: 4px;\n    margin-left: 4px;\n`;\n\nexport const TabsButtonHost = css`\n    padding: 0.5rem 1rem;\n\n    border-radius: 0.375rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    font-weight: 500;\n    white-space: nowrap;\n\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 300ms;\n\n    color: #6B7280;\n\n    &:hover {\n        color: #111827;\n    }\n\n    &[data-state=\"active\"] {\n        color: #111827;\n        background-color: #ffffff;\n        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    }\n`;\n\nexport const TabsButtonActive = css`\n    color: #111827;\n    background-color: #ffffff;\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n`;","import React, {useState, useRef, useEffect} from 'react'\nimport * as RadixTabs from \"@radix-ui/react-tabs\"\nimport {ChevronLeft, ChevronRight} from \"lucide-react\"\n\nimport * as cn from \"./Tabs.styles\";\n\nexport interface TabsProps {\n    children: React.ReactNode;\n    items: string[];\n    tabIndex?: number;\n}\n\nexport function Tabs({children, items, tabIndex}: TabsProps) {\n    const [showLeftArrow, setShowLeftArrow] = useState(false)\n    const [showRightArrow, setShowRightArrow] = useState(false)\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    const [value, setActiveTab] = useState(items[tabIndex || 0] || \"\")\n\n    const handleScroll = () => {\n        if (scrollContainerRef.current) {\n            const {scrollLeft, scrollWidth, clientWidth} = scrollContainerRef.current\n            setShowLeftArrow(scrollLeft > 0)\n            setShowRightArrow(scrollLeft < scrollWidth - clientWidth)\n        }\n    }\n\n    useEffect(() => {\n        handleScroll()\n        window.addEventListener('resize', handleScroll)\n        return () => window.removeEventListener('resize', handleScroll)\n    }, [])\n\n    const scroll = (direction: 'left' | 'right') => {\n        if (scrollContainerRef.current) {\n            const scrollAmount = direction === 'left' ? -200 : 200\n            scrollContainerRef.current.scrollBy({left: scrollAmount, behavior: 'smooth'})\n        }\n    }\n\n    return (\n        <RadixTabs.Root asChild value={value} onValueChange={setActiveTab}>\n            <div className={cn.TabsSampleHost}>\n                <div className={cn.TabsSampleButtons}>\n                    {showLeftArrow && (\n                        <button\n                            onClick={() => scroll('left')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronLeft className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n\n                    <div\n                        ref={scrollContainerRef}\n                        onScroll={handleScroll}\n                        className={cn.TabsScrollerHost}\n                    >\n                        <div className={cn.TabsScrollerContainer}>\n                            <RadixTabs.List>\n                                {items.map((item, index) => <TabsItem key={index} value={item}>\n                                        {item}\n                                    </TabsItem>\n                                )}\n                            </RadixTabs.List>\n                        </div>\n                    </div>\n\n                    {showRightArrow && (\n                        <button\n                            onClick={() => scroll('right')}\n                            className={cn.TabsArrowHost}\n                        >\n                            <ChevronRight className={cn.TabsArrowIcon}/>\n                        </button>\n                    )}\n                </div>\n\n                <div className={cn.TabsSampleContent}>\n                    {children}\n                </div>\n            </div>\n        </RadixTabs.Root>\n    )\n}\n\nfunction TabsItem({children, value}) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <button className={`${cn.TabsButtonHost}`}>\n            {children}\n        </button>\n    </RadixTabs.Trigger>\n}\n\nTabs.Content = function TabsContent({children, value}) {\n    return <RadixTabs.Content asChild value={value}>\n        {children}\n    </RadixTabs.Content>\n}","import React from \"react\"\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\n\nimport * as cn from \"./UnderlineNav.styles\"\n\nexport interface TabsProps {\n    children: React.ReactNode\n    value: string\n    onChange: (value: string) => void\n}\n\nexport function UnderlineNav({children, value, onChange}: TabsProps) {\n    return <RadixTabs.Root asChild value={value} onValueChange={onChange}>\n        <nav className={cn.UnderlineNavHost}>\n            <RadixTabs.List asChild>\n                <ul className={cn.UnderlineNavUl}>\n                    {children}\n                </ul>\n            </RadixTabs.List>\n        </nav>\n    </RadixTabs.Root>\n}\n\nexport interface UnderlineNavItemProps {\n    children: React.ReactNode\n    value: string\n    href?: string\n}\n\nUnderlineNav.Item = function UnderlineNavItem({children, value, href}: UnderlineNavItemProps) {\n    return <RadixTabs.Trigger asChild value={value}>\n        <li className={cn.UnderlineNavItem}>\n            <a href={href} className={`${cn.UnderlineNavItemLink}`}>\n                {children}\n            </a>\n        </li>\n    </RadixTabs.Trigger>\n}","import {css} from \"@linaria/core\"\n\nexport const UnderlineNavHost = css`\n    align-items: center;\n    display: flex;\n\n    height: 42px;\n\n    background-color: #fff;\n    border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));\n\n    z-index: 99;\n`;\n\nexport const UnderlineNavUl = css`\n    display: flex;\n    gap: 10px;\n\n    height: 100%;\n    color: hsl(212, 15%, calc(96% - 12% * 4));\n\n    list-style: none;\n    padding: 0;\n    white-space: nowrap;\n`;\n\nexport const UnderlineNavItem = css`\n    height: 100%;\n\n    &[data-state=\"active\"] { // TODO: in the future it should not be possible\n        a {\n            border-bottom-color: rgb(112, 81, 212);\n        }\n    }\n`;\n\nexport const UnderlineNavItemLink = css`\n    display: inline-flex;\n    border-bottom: 3px solid transparent;\n    text-decoration: none;\n\n    height: 100%;\n    padding: 10px;\n`;\n\nexport const UnderlineNavItemLinkActive = css`\n`;"],"names":["GuideTitle","GuideCard","_ref","children","href","icon","title","kind","size","React","createElement","className","concat","cn","Pointer","xmlns","width","height","fill","viewBox","fillRule","d","clipRule","List","_ref2","Steps","Item","Table","Th","Tr","_ref3","Td","_ref4","Host","Thead","Cell","CellContent","ModelCell","TableV2","Head","numeric","_ref5","muted","_ref6","_ref7","TabsArrowHost","TabsArrowIcon","Tabs","items","tabIndex","_useState","useState","_useState2","_slicedToArray","showLeftArrow","setShowLeftArrow","_useState3","_useState4","showRightArrow","setShowRightArrow","scrollContainerRef","useRef","_useState5","_useState6","value","setActiveTab","handleScroll","current","_scrollContainerRef$c","scrollLeft","scrollWidth","clientWidth","useEffect","window","addEventListener","removeEventListener","scroll","direction","scrollAmount","scrollBy","left","behavior","RadixTabs","Root","asChild","onValueChange","onClick","ChevronLeft","ref","onScroll","map","item","index","TabsItem","key","ChevronRight","Trigger","Content","UnderlineNav","onChange"],"mappings":"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"}

package/dist/_rollupPluginBabelHelpers-BEouSrrZ.js

@@ -0,0 +1,2 @@
+function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t){if(Array.isArray(t))return t}function e(t,r,e,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void e(t)}u.done?r(c):Promise.resolve(c).then(n,o)}function n(t){return function(){var r=this,n=arguments;return new Promise((function(o,i){var a=t.apply(r,n);function u(t){e(a,o,i,u,c,"next",t)}function c(t){e(a,o,i,u,c,"throw",t)}u(void 0)}))}}function o(t,r){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=d(t))||r){e&&(t=e);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function i(t,r,e){return(r=function(t){var r=function(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof r?r:r+""}(r))in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function f(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?c(Object(e),!0).forEach((function(r){i(t,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):c(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}function l(t,r){if(null==t)return{};var e,n,o=function(t,r){if(null==t)return{};var e={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==r.indexOf(n))continue;e[n]=t[n]}return e}(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)e=i[n],-1===r.indexOf(e)&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}function s(){s=function(){return r};var t,r={},e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=r&&r.prototype instanceof b?r:b,a=Object.create(i.prototype),u=new T(n||[]);return o(a,"_invoke",{value:P(t,e,u)}),a}function h(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}r.wrap=l;var y="suspendedStart",p="suspendedYield",v="executing",d="completed",m={};function b(){}function g(){}function w(){}var O={};f(O,a,(function(){return this}));var j=Object.getPrototypeOf,x=j&&j(j(k([])));x&&x!==e&&n.call(x,a)&&(O=x);var E=w.prototype=b.prototype=Object.create(O);function L(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function S(t,r){function e(o,i,a,u){var c=h(t[o],t,i);if("throw"!==c.type){var f=c.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?r.resolve(l.__await).then((function(t){e("next",t,a,u)}),(function(t){e("throw",t,a,u)})):r.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return e("throw",t,a,u)}))}u(c.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function P(r,e,n){var o=y;return function(i,a){if(o===v)throw Error("Generator is already running");if(o===d){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var c=_(u,n);if(c){if(c===m)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=d,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=v;var f=h(r,e,n);if("normal"===f.type){if(o=n.done?d:p,f.arg===m)continue;return{value:f.arg,done:n.done}}"throw"===f.type&&(o=d,n.method="throw",n.arg=f.arg)}}}function _(r,e){var n=e.method,o=r.iterator[n];if(o===t)return e.delegate=null,"throw"===n&&r.iterator.return&&(e.method="return",e.arg=t,_(r,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var i=h(o,r.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,m;var a=i.arg;return a?a.done?(e[r.resultName]=a.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=t),e.delegate=null,m):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,m)}function A(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function I(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(A,this),this.reset(!0)}function k(r){if(r||""===r){var e=r[a];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(n.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(typeof r+" is not iterable")}return g.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=f(w,c,"GeneratorFunction"),r.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===g||"GeneratorFunction"===(r.displayName||r.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,c,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},L(S.prototype),f(S.prototype,u,(function(){return this})),r.AsyncIterator=S,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new S(l(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),f(E,c,"Generator"),f(E,a,(function(){return this})),f(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=k,T.prototype={constructor:T,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(I),!r)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function o(n,o){return u.type="throw",u.arg=r,e.next=n,o&&(e.method="next",e.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),f=n.call(a,"finallyLoc");if(c&&f){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!f)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),m},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),I(e),m}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;I(e)}return o}}throw Error("illegal catch attempt")},delegateYield:function(r,e,n){return this.delegate={iterator:k(r),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=t),m}},r}function h(t,e){return r(t)||function(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(t,e)||d(t,e)||u()}function y(t){return r(t)||a(t)||d(t)||u()}function p(r){return function(r){if(Array.isArray(r))return t(r)}(r)||a(r)||d(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function d(r,e){if(r){if("string"==typeof r)return t(r,e);var n={}.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(r,e):void 0}}export{p as _,h as a,n as b,s as c,f as d,o as e,l as f,v as g,y as h};
+//# sourceMappingURL=_rollupPluginBabelHelpers-BEouSrrZ.js.map

package/dist/_rollupPluginBabelHelpers-BEouSrrZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-BEouSrrZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_rollupPluginBabelHelpers-BHehKRBq.js

@@ -0,0 +1,2 @@
+function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t){if(Array.isArray(t))return t}function e(t,r,e,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void e(t)}u.done?r(c):Promise.resolve(c).then(n,o)}function n(t){return function(){var r=this,n=arguments;return new Promise((function(o,i){var a=t.apply(r,n);function u(t){e(a,o,i,u,c,"next",t)}function c(t){e(a,o,i,u,c,"throw",t)}u(void 0)}))}}function o(t,r){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=d(t))||r){e&&(t=e);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function i(t,r,e){return(r=function(t){var r=function(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof r?r:r+""}(r))in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function f(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?c(Object(e),!0).forEach((function(r){i(t,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):c(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}function l(t,r){if(null==t)return{};var e,n,o=function(t,r){if(null==t)return{};var e={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==r.indexOf(n))continue;e[n]=t[n]}return e}(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)e=i[n],-1===r.indexOf(e)&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}function s(){s=function(){return r};var t,r={},e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=r&&r.prototype instanceof b?r:b,a=Object.create(i.prototype),u=new T(n||[]);return o(a,"_invoke",{value:P(t,e,u)}),a}function h(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}r.wrap=l;var y="suspendedStart",p="suspendedYield",v="executing",d="completed",m={};function b(){}function g(){}function w(){}var O={};f(O,a,(function(){return this}));var j=Object.getPrototypeOf,x=j&&j(j(k([])));x&&x!==e&&n.call(x,a)&&(O=x);var E=w.prototype=b.prototype=Object.create(O);function L(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function S(t,r){function e(o,i,a,u){var c=h(t[o],t,i);if("throw"!==c.type){var f=c.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?r.resolve(l.__await).then((function(t){e("next",t,a,u)}),(function(t){e("throw",t,a,u)})):r.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return e("throw",t,a,u)}))}u(c.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function P(r,e,n){var o=y;return function(i,a){if(o===v)throw Error("Generator is already running");if(o===d){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var c=_(u,n);if(c){if(c===m)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=d,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=v;var f=h(r,e,n);if("normal"===f.type){if(o=n.done?d:p,f.arg===m)continue;return{value:f.arg,done:n.done}}"throw"===f.type&&(o=d,n.method="throw",n.arg=f.arg)}}}function _(r,e){var n=e.method,o=r.iterator[n];if(o===t)return e.delegate=null,"throw"===n&&r.iterator.return&&(e.method="return",e.arg=t,_(r,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var i=h(o,r.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,m;var a=i.arg;return a?a.done?(e[r.resultName]=a.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=t),e.delegate=null,m):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,m)}function A(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function I(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(A,this),this.reset(!0)}function k(r){if(r||""===r){var e=r[a];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(n.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(typeof r+" is not iterable")}return g.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=f(w,c,"GeneratorFunction"),r.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===g||"GeneratorFunction"===(r.displayName||r.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,c,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},L(S.prototype),f(S.prototype,u,(function(){return this})),r.AsyncIterator=S,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new S(l(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),f(E,c,"Generator"),f(E,a,(function(){return this})),f(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=k,T.prototype={constructor:T,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(I),!r)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function o(n,o){return u.type="throw",u.arg=r,e.next=n,o&&(e.method="next",e.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),f=n.call(a,"finallyLoc");if(c&&f){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!f)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),m},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),I(e),m}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;I(e)}return o}}throw Error("illegal catch attempt")},delegateYield:function(r,e,n){return this.delegate={iterator:k(r),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=t),m}},r}function h(t,e){return r(t)||function(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(t,e)||d(t,e)||u()}function y(t){return r(t)||a(t)||d(t)||u()}function p(r){return function(r){if(Array.isArray(r))return t(r)}(r)||a(r)||d(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function d(r,e){if(r){if("string"==typeof r)return t(r,e);var n={}.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(r,e):void 0}}export{p as _,h as a,n as b,s as c,f as d,o as e,l as f,v as g,y as h};
+//# sourceMappingURL=_rollupPluginBabelHelpers-BHehKRBq.js.map

package/dist/_rollupPluginBabelHelpers-BHehKRBq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-BHehKRBq.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_rollupPluginBabelHelpers-Bunpz22T.js

@@ -0,0 +1,2 @@
+function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t){if(Array.isArray(t))return t}function e(t,r,e,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void e(t)}u.done?r(c):Promise.resolve(c).then(n,o)}function n(t){return function(){var r=this,n=arguments;return new Promise((function(o,i){var a=t.apply(r,n);function u(t){e(a,o,i,u,c,"next",t)}function c(t){e(a,o,i,u,c,"throw",t)}u(void 0)}))}}function o(t,r){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=d(t))||r){e&&(t=e);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function i(t,r,e){return(r=function(t){var r=function(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof r?r:r+""}(r))in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function f(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?c(Object(e),!0).forEach((function(r){i(t,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):c(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}function l(t,r){if(null==t)return{};var e,n,o=function(t,r){if(null==t)return{};var e={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==r.indexOf(n))continue;e[n]=t[n]}return e}(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)e=i[n],-1===r.indexOf(e)&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}function s(){s=function(){return r};var t,r={},e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=r&&r.prototype instanceof b?r:b,a=Object.create(i.prototype),u=new T(n||[]);return o(a,"_invoke",{value:P(t,e,u)}),a}function h(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}r.wrap=l;var y="suspendedStart",p="suspendedYield",v="executing",d="completed",m={};function b(){}function g(){}function w(){}var O={};f(O,a,(function(){return this}));var j=Object.getPrototypeOf,x=j&&j(j(k([])));x&&x!==e&&n.call(x,a)&&(O=x);var E=w.prototype=b.prototype=Object.create(O);function L(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function S(t,r){function e(o,i,a,u){var c=h(t[o],t,i);if("throw"!==c.type){var f=c.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?r.resolve(l.__await).then((function(t){e("next",t,a,u)}),(function(t){e("throw",t,a,u)})):r.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return e("throw",t,a,u)}))}u(c.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function P(r,e,n){var o=y;return function(i,a){if(o===v)throw Error("Generator is already running");if(o===d){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var c=_(u,n);if(c){if(c===m)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=d,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=v;var f=h(r,e,n);if("normal"===f.type){if(o=n.done?d:p,f.arg===m)continue;return{value:f.arg,done:n.done}}"throw"===f.type&&(o=d,n.method="throw",n.arg=f.arg)}}}function _(r,e){var n=e.method,o=r.iterator[n];if(o===t)return e.delegate=null,"throw"===n&&r.iterator.return&&(e.method="return",e.arg=t,_(r,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var i=h(o,r.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,m;var a=i.arg;return a?a.done?(e[r.resultName]=a.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=t),e.delegate=null,m):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,m)}function A(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function I(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(A,this),this.reset(!0)}function k(r){if(r||""===r){var e=r[a];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(n.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(typeof r+" is not iterable")}return g.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=f(w,c,"GeneratorFunction"),r.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===g||"GeneratorFunction"===(r.displayName||r.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,c,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},L(S.prototype),f(S.prototype,u,(function(){return this})),r.AsyncIterator=S,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new S(l(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),f(E,c,"Generator"),f(E,a,(function(){return this})),f(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=k,T.prototype={constructor:T,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(I),!r)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function o(n,o){return u.type="throw",u.arg=r,e.next=n,o&&(e.method="next",e.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),f=n.call(a,"finallyLoc");if(c&&f){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!f)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),m},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),I(e),m}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;I(e)}return o}}throw Error("illegal catch attempt")},delegateYield:function(r,e,n){return this.delegate={iterator:k(r),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=t),m}},r}function h(t,e){return r(t)||function(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(t,e)||d(t,e)||u()}function y(t){return r(t)||a(t)||d(t)||u()}function p(r){return function(r){if(Array.isArray(r))return t(r)}(r)||a(r)||d(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function d(r,e){if(r){if("string"==typeof r)return t(r,e);var n={}.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(r,e):void 0}}export{p as _,h as a,n as b,s as c,f as d,o as e,l as f,v as g,y as h};
+//# sourceMappingURL=_rollupPluginBabelHelpers-Bunpz22T.js.map

package/dist/_rollupPluginBabelHelpers-Bunpz22T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_rollupPluginBabelHelpers-Bunpz22T.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_rollupPluginBabelHelpers-CVblpRvU.js

@@ -0,0 +1,2 @@
+function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(t){if(Array.isArray(t))return t}function e(t,r,e,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void e(t)}u.done?r(c):Promise.resolve(c).then(n,o)}function n(t){return function(){var r=this,n=arguments;return new Promise((function(o,i){var a=t.apply(r,n);function u(t){e(a,o,i,u,c,"next",t)}function c(t){e(a,o,i,u,c,"throw",t)}u(void 0)}))}}function o(t,r){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=d(t))||r){e&&(t=e);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function i(t,r,e){return(r=function(t){var r=function(t,r){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,r);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}(t,"string");return"symbol"==typeof r?r:r+""}(r))in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function a(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function u(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function f(t){for(var r=1;r<arguments.length;r++){var e=null!=arguments[r]?arguments[r]:{};r%2?c(Object(e),!0).forEach((function(r){i(t,r,e[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):c(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}))}return t}function l(t,r){if(null==t)return{};var e,n,o=function(t,r){if(null==t)return{};var e={};for(var n in t)if({}.hasOwnProperty.call(t,n)){if(-1!==r.indexOf(n))continue;e[n]=t[n]}return e}(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)e=i[n],-1===r.indexOf(e)&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}function s(){s=function(){return r};var t,r={},e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=r&&r.prototype instanceof b?r:b,a=Object.create(i.prototype),u=new T(n||[]);return o(a,"_invoke",{value:P(t,e,u)}),a}function h(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}r.wrap=l;var y="suspendedStart",p="suspendedYield",v="executing",d="completed",m={};function b(){}function g(){}function w(){}var O={};f(O,a,(function(){return this}));var j=Object.getPrototypeOf,x=j&&j(j(k([])));x&&x!==e&&n.call(x,a)&&(O=x);var E=w.prototype=b.prototype=Object.create(O);function L(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function S(t,r){function e(o,i,a,u){var c=h(t[o],t,i);if("throw"!==c.type){var f=c.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?r.resolve(l.__await).then((function(t){e("next",t,a,u)}),(function(t){e("throw",t,a,u)})):r.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return e("throw",t,a,u)}))}u(c.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function P(r,e,n){var o=y;return function(i,a){if(o===v)throw Error("Generator is already running");if(o===d){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var u=n.delegate;if(u){var c=_(u,n);if(c){if(c===m)continue;return c}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=d,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=v;var f=h(r,e,n);if("normal"===f.type){if(o=n.done?d:p,f.arg===m)continue;return{value:f.arg,done:n.done}}"throw"===f.type&&(o=d,n.method="throw",n.arg=f.arg)}}}function _(r,e){var n=e.method,o=r.iterator[n];if(o===t)return e.delegate=null,"throw"===n&&r.iterator.return&&(e.method="return",e.arg=t,_(r,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),m;var i=h(o,r.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,m;var a=i.arg;return a?a.done?(e[r.resultName]=a.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=t),e.delegate=null,m):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,m)}function A(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function I(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function T(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(A,this),this.reset(!0)}function k(r){if(r||""===r){var e=r[a];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(n.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(typeof r+" is not iterable")}return g.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=f(w,c,"GeneratorFunction"),r.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===g||"GeneratorFunction"===(r.displayName||r.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,c,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},L(S.prototype),f(S.prototype,u,(function(){return this})),r.AsyncIterator=S,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new S(l(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),f(E,c,"Generator"),f(E,a,(function(){return this})),f(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=k,T.prototype={constructor:T,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(I),!r)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function o(n,o){return u.type="throw",u.arg=r,e.next=n,o&&(e.method="next",e.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],u=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),f=n.call(a,"finallyLoc");if(c&&f){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!f)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,m):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),m},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),I(e),m}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;I(e)}return o}}throw Error("illegal catch attempt")},delegateYield:function(r,e,n){return this.delegate={iterator:k(r),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=t),m}},r}function h(t,e){return r(t)||function(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}(t,e)||d(t,e)||u()}function y(t){return r(t)||a(t)||d(t)||u()}function p(r){return function(r){if(Array.isArray(r))return t(r)}(r)||a(r)||d(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function d(r,e){if(r){if("string"==typeof r)return t(r,e);var n={}.toString.call(r).slice(8,-1);return"Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n?Array.from(r):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(r,e):void 0}}export{p as _,h as a,n as b,s as c,f as d,o as e,l as f,v as g,y as h};
+//# sourceMappingURL=_rollupPluginBabelHelpers-CVblpRvU.js.map