@max-ts/svelte 0.3.0 → 0.5.0

package/dist/components/Select/GroupHeading/styles.css.js

@@ -1,12 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const groupHeading = style({
-    color: theme.colors.text.secondary,
-    paddingLeft: theme.spacing[2],
-    paddingRight: theme.spacing[2],
-    paddingTop: '0.375rem',
-    paddingBottom: '0.375rem',
-    fontSize: theme.fontSize.xs,
-});
-export default {
-    groupHeading,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-CS5G2gX5.css";var e={groupHeading:`style__19r0of00`};export{e as default};

package/dist/components/Select/Item/Item.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Select as n}from"bits-ui";import{CheckIcon as r}from"@lucide/svelte";var i=t.from_html(`<span><!></span> <!>`,1);function a(a,o){t.push(o,!0);let s=t.prop(o,`ref`,15,null),c=t.rest_props(o,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`value`,`label`,`children`]);var l=t.comment(),u=t.first_child(l);{let a=(n,a)=>{let s=()=>a?.().selected,c=()=>a?.().highlighted;var l=i(),u=t.first_child(l),d=t.child(u),f=e=>{r(e,{size:16})};t.if(d,e=>{s()&&e(f)}),t.reset(u);var p=t.sibling(u,2),m=e=>{var n=t.comment(),r=t.first_child(n);t.snippet(r,()=>o.children,()=>({selected:s(),highlighted:c()})),t.append(e,n)},h=e=>{var n=t.text();t.template_effect(()=>t.set_text(n,o.label||o.value)),t.append(e,n)};t.if(p,e=>{o.children?e(m):e(h,!1)}),t.template_effect(()=>t.set_class(u,1,t.clsx(e.checkSpan))),t.append(n,l)},l=t.derived(()=>[e.item,o.class]);t.component(u,()=>n.Item,(e,n)=>{n(e,t.spread_props({get value(){return o.value},"data-slot":`select-item`,get class(){return t.get(l)}},()=>c,{get ref(){return s()},set ref(e){s(e)},children:a,$$slots:{default:!0}}))})}t.append(a,l),t.pop()}export{a as default};

package/dist/components/Select/Item/styles.css.js

@@ -1,52 +1 @@
-import { globalStyle, style, theme } from '../../../styles/index.js';
-const item = style({
-    position: 'relative',
-    display: 'flex',
-    width: '100%',
-    cursor: 'default',
-    alignItems: 'center',
-    gap: theme.spacing[2],
-    borderRadius: theme.borderRadius.sm,
-    paddingTop: '0.375rem',
-    paddingBottom: '0.375rem',
-    paddingLeft: theme.spacing[2],
-    paddingRight: theme.spacing[8],
-    fontSize: theme.fontSize.sm,
-    outline: '2px solid transparent',
-    outlineOffset: '2px',
-    userSelect: 'none',
-    selectors: {
-        '&[data-highlighted]': {
-            backgroundColor: theme.colors.background.elementHover,
-            color: theme.colors.text.primary,
-        },
-        '&[data-disabled]': {
-            pointerEvents: 'none',
-            opacity: 0.5,
-        },
-    },
-});
-globalStyle(`${item} svg`, {
-    pointerEvents: 'none',
-    flexShrink: 0,
-    width: theme.spacing[4],
-    height: theme.spacing[4],
-});
-globalStyle(`${item} > span:last-child`, {
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing[2],
-});
-const checkSpan = style({
-    position: 'absolute',
-    insetInlineEnd: theme.spacing[2],
-    display: 'flex',
-    width: '0.875rem',
-    height: '0.875rem',
-    alignItems: 'center',
-    justifyContent: 'center',
-});
-export default {
-    item,
-    checkSpan,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-Bj4vursX.css";var e={item:`style__1sx68oi0`,checkSpan:`style__1sx68oi1`};export{e as default};

package/dist/components/Select/Label/Label.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";var n=t.from_html(`<div><!></div>`);function r(r,i){t.push(i,!0);let a=t.prop(i,`ref`,15,null),o=t.rest_props(i,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`children`]);var s=n();t.attribute_effect(s,()=>({"data-slot":`select-label`,class:[e.label,i.class],...o}));var c=t.child(s);t.snippet(c,()=>i.children??t.noop),t.reset(s),t.bind_this(s,e=>a(e),()=>a()),t.append(r,s),t.pop()}export{r as default};

package/dist/components/Select/Label/styles.css.js

@@ -1,12 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const label = style({
-    color: theme.colors.text.secondary,
-    paddingLeft: theme.spacing[2],
-    paddingRight: theme.spacing[2],
-    paddingTop: '0.375rem',
-    paddingBottom: '0.375rem',
-    fontSize: theme.fontSize.xs,
-});
-export default {
-    label,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-TAQfQWZo.css";var e={label:`style__iexzjb0`};export{e as default};

package/dist/components/Select/Portal/Portal.js

@@ -0,0 +1 @@
+import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{Select as t}from"bits-ui";function n(n,r){let i=e.rest_props(r,[`$$slots`,`$$events`,`$$legacy`]);var a=e.comment(),o=e.first_child(a);e.component(o,()=>t.Portal,(t,n)=>{n(t,e.spread_props(()=>i))}),e.append(n,a)}export{n as default};

package/dist/components/Select/ScrollDownButton/ScrollDownButton.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Select as n}from"bits-ui";import{ChevronDownIcon as r}from"@lucide/svelte";function i(i,a){t.push(a,!0);let o=t.prop(a,`ref`,15,null),s=t.rest_props(a,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`]);var c=t.comment(),l=t.first_child(c);{let i=t.derived(()=>[e.scrollDownButton,a.class]);t.component(l,()=>n.ScrollDownButton,(e,n)=>{n(e,t.spread_props({"data-slot":`select-scroll-down-button`,get class(){return t.get(i)}},()=>s,{get ref(){return o()},set ref(e){o(e)},children:(e,t)=>{r(e,{size:16})},$$slots:{default:!0}}))})}t.append(i,c),t.pop()}export{i as default};

package/dist/components/Select/ScrollDownButton/styles.css.js

@@ -1,12 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const scrollDownButton = style({
-    display: 'flex',
-    cursor: 'default',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingTop: theme.spacing[1],
-    paddingBottom: theme.spacing[1],
-});
-export default {
-    scrollDownButton,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-BVrM2qXa.css";var e={scrollDownButton:`style__7d3xw70`};export{e as default};

package/dist/components/Select/ScrollUpButton/ScrollUpButton.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Select as n}from"bits-ui";import{ChevronUpIcon as r}from"@lucide/svelte";function i(i,a){t.push(a,!0);let o=t.prop(a,`ref`,15,null),s=t.rest_props(a,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`]);var c=t.comment(),l=t.first_child(c);{let i=t.derived(()=>[e.scrollUpButton,a.class]);t.component(l,()=>n.ScrollUpButton,(n,a)=>{a(n,t.spread_props({"data-slot":`select-scroll-up-button`,get class(){return t.get(i)}},()=>s,{get ref(){return o()},set ref(e){o(e)},children:(t,n)=>{r(t,{get class(){return e.icon}})},$$slots:{default:!0}}))})}t.append(i,c),t.pop()}export{i as default};

package/dist/components/Select/ScrollUpButton/styles.css.js

@@ -1,17 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const scrollUpButton = style({
-    display: 'flex',
-    cursor: 'default',
-    alignItems: 'center',
-    justifyContent: 'center',
-    paddingTop: theme.spacing[1],
-    paddingBottom: theme.spacing[1],
-});
-const icon = style({
-    width: theme.spacing[4],
-    height: theme.spacing[4],
-});
-export default {
-    scrollUpButton,
-    icon,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-DzTvmQrz.css";var e={scrollUpButton:`style__16ac59n0`,icon:`style__16ac59n1`};export{e as default};

package/dist/components/Select/Select.js

@@ -0,0 +1 @@
+import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{Select as t}from"bits-ui";function n(n,r){e.push(r,!0);let i=e.prop(r,`open`,15,!1),a=e.prop(r,`value`,15),o=e.rest_props(r,[`$$slots`,`$$events`,`$$legacy`,`open`,`value`]);var s=e.comment(),c=e.first_child(s);e.component(c,()=>t.Root,(t,n)=>{n(t,e.spread_props(()=>o,{get open(){return i()},set open(e){i(e)},get value(){return a()},set value(e){a(e)}}))}),e.append(n,s),e.pop()}export{n as default};

package/dist/components/Select/Separator/Separator.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";function n(r,i){t.push(i,!0);let a=t.prop(i,`ref`,15,null),o=t.rest_props(i,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`]);{let s=t.derived(()=>[e.separator,i.class]);n(r,t.spread_props({"data-slot":`select-separator`,get class(){return t.get(s)}},()=>o,{get ref(){return a()},set ref(e){a(e)}}))}t.pop()}export{n as default};

package/dist/components/Select/Separator/styles.css.js

@@ -1,13 +1 @@
-import { negativeSpacing, style, theme } from '../../../styles/index.js';
-const separator = style({
-    backgroundColor: theme.colors.border,
-    pointerEvents: 'none',
-    marginLeft: negativeSpacing(1),
-    marginRight: negativeSpacing(1),
-    marginTop: theme.spacing[1],
-    marginBottom: theme.spacing[1],
-    height: '1px',
-});
-export default {
-    separator,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-CaDxBAvn.css";var e={separator:`style__1vmfpff0`};export{e as default};

package/dist/components/Select/Trigger/Trigger.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Select as n}from"bits-ui";import{ChevronDownIcon as r}from"@lucide/svelte";var i=t.from_html(`<!> <!>`,1);function a(a,o){t.push(o,!0);let s=t.prop(o,`ref`,15,null),c=t.prop(o,`size`,3,`default`),l=t.rest_props(o,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`children`,`size`]);var u=t.comment(),d=t.first_child(u);{let a=t.derived(()=>[e.trigger,o.class]);t.component(d,()=>n.Trigger,(n,u)=>{u(n,t.spread_props({"data-slot":`select-trigger`,get"data-size"(){return c()},get class(){return t.get(a)}},()=>l,{get ref(){return s()},set ref(e){s(e)},children:(n,a)=>{var s=i(),c=t.first_child(s);t.snippet(c,()=>o.children??t.noop),r(t.sibling(c,2),{get class(){return e.chevronIcon}}),t.append(n,s)},$$slots:{default:!0}}))})}t.append(a,u),t.pop()}export{a as default};

package/dist/components/Select/Trigger/styles.css.js

@@ -1,70 +1 @@
-import { globalStyle, style, theme } from '../../../styles/index.js';
-const trigger = style({
-    borderColor: theme.colors.border,
-    display: 'flex',
-    width: 'fit-content',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    gap: theme.spacing[2],
-    borderRadius: theme.borderRadius.md,
-    border: `1px solid ${theme.colors.border}`,
-    backgroundColor: 'transparent',
-    paddingLeft: theme.spacing[3],
-    paddingRight: theme.spacing[3],
-    paddingTop: theme.spacing[2],
-    paddingBottom: theme.spacing[2],
-    fontSize: theme.fontSize.sm,
-    whiteSpace: 'nowrap',
-    boxShadow: theme.shadow[1],
-    transitionProperty: 'color, box-shadow',
-    outline: '2px solid transparent',
-    outlineOffset: '2px',
-    userSelect: 'none',
-    selectors: {
-        '&[data-placeholder]': {
-            color: theme.colors.text.secondary,
-        },
-        '&:focus-visible': {
-            borderColor: theme.colors.info,
-            boxShadow: `0 0 0 3px ${theme.colors.info}`,
-        },
-        '&[aria-invalid=true]': {
-            boxShadow: `0 0 0 3px rgba(${theme.colors.error}, 0.2)`,
-            borderColor: theme.colors.error,
-        },
-        '&[disabled]': {
-            cursor: 'not-allowed',
-            opacity: 0.5,
-        },
-        '&[data-size=default]': {
-            height: '2.25rem',
-        },
-        '&[data-size=sm]': {
-            height: '2rem',
-        },
-    },
-});
-globalStyle(`${trigger} svg`, {
-    pointerEvents: 'none',
-    flexShrink: 0,
-    width: theme.spacing[4],
-    height: theme.spacing[4],
-});
-globalStyle(`${trigger} > [data-slot=select-value]`, {
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing[2],
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    WebkitLineClamp: 1,
-    WebkitBoxOrient: 'vertical',
-});
-const chevronIcon = style({
-    width: theme.spacing[4],
-    height: theme.spacing[4],
-    opacity: 0.5,
-});
-export default {
-    trigger,
-    chevronIcon,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-QdfcNBO3.css";var e={trigger:`style__8s541n0`,chevronIcon:`style__8s541n1`};export{e as default};

package/dist/components/Select/index.js

@@ -1,25 +1 @@
-import { Content } from './Content/index.js';
-import { Group } from './Group/index.js';
-import { GroupHeading } from './GroupHeading/index.js';
-import { Item } from './Item/index.js';
-import { Label } from './Label/index.js';
-import { Portal } from './Portal/index.js';
-import { ScrollDownButton } from './ScrollDownButton/index.js';
-import { ScrollUpButton } from './ScrollUpButton/index.js';
-import Root from './Select.svelte';
-import { Separator } from './Separator/index.js';
-import { Trigger } from './Trigger/index.js';
-const Select = {
-    Root,
-    Trigger,
-    Label,
-    Portal,
-    ScrollUpButton,
-    ScrollDownButton,
-    Item,
-    Group,
-    Separator,
-    GroupHeading,
-    Content,
-};
-export { Select };
+import e from"./Portal/Portal.js";import t from"./ScrollDownButton/ScrollDownButton.js";import n from"./ScrollUpButton/ScrollUpButton.js";import r from"./Content/Content.js";import i from"./Group/Group.js";import a from"./GroupHeading/GroupHeading.js";import o from"./Item/Item.js";import s from"./Label/Label.js";import c from"./Select.js";import l from"./Separator/Separator.js";import u from"./Trigger/Trigger.js";const d={Root:c,Trigger:u,Label:s,Portal:e,ScrollUpButton:n,ScrollDownButton:t,Item:o,Group:i,Separator:l,GroupHeading:a,Content:r};export{d as Select};

package/dist/components/Separator/Separator.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Separator as n}from"bits-ui";function r(r,i){t.push(i,!0);let a=t.prop(i,`ref`,15,null),o=t.prop(i,`data-slot`,3,`separator`),s=t.rest_props(i,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`data-slot`]);var c=t.comment(),l=t.first_child(c);{let r=t.derived(()=>[e.separator,i.class]);t.component(l,()=>n.Root,(e,n)=>{n(e,t.spread_props({get"data-slot"(){return o()},get class(){return t.get(r)}},()=>s,{get ref(){return a()},set ref(e){a(e)}}))})}t.append(r,c),t.pop()}export{r as default};

package/dist/components/Separator/styles.css.js

@@ -1,18 +1 @@
-import { style, theme } from '../../styles/index.js';
-const separator = style({
-    backgroundColor: theme.colors.border,
-    flexShrink: 0,
-    selectors: {
-        '&[data-orientation=horizontal]': {
-            height: '1px',
-            width: '100%',
-        },
-        '&[data-orientation=vertical]': {
-            height: '100%',
-            width: '1px',
-        },
-    },
-});
-export default {
-    separator,
-};
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-D5SAYV5t.css";var e={separator:`style__1oft9jk0`};export{e as default};

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Loader as n}from"@lucide/svelte";function r(r,i){t.push(i,!0);let a=t.prop(i,`size`,3,`medium`),o=t.rest_props(i,[`$$slots`,`$$events`,`$$legacy`,`class`,`size`]);{let s=t.derived(()=>[e.spinner,e.spinnerSizes[a()],i.class]);n(r,t.spread_props({role:`status`,"aria-label":`Loading`,get class(){return t.get(s)}},()=>o))}t.pop()}export{r as default};

package/dist/components/Spinner/Spinner.svelte.d.ts

@@ -0,0 +1,9 @@
+import { Loader } from '@lucide/svelte';
+import type { ComponentProps } from 'svelte';
+import type { SpinnerSize } from './types.js';
+type $$ComponentProps = ComponentProps<typeof Loader> & {
+    size?: SpinnerSize;
+};
+declare const Spinner: import("svelte").Component<$$ComponentProps, {}, "">;
+type Spinner = ReturnType<typeof Spinner>;
+export default Spinner;

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

@@ -0,0 +1,3 @@
+export { default as Spinner } from './Spinner.svelte';
+export { spinnerSizes } from './styles.css.js';
+export type { SpinnerSize } from './types.js';

package/dist/components/Spinner/styles.css.d.ts

@@ -0,0 +1,6 @@
+export declare const spinnerSizes: Record<"small" | "medium" | "large", string>;
+declare const _default: {
+    spinner: string;
+    spinnerSizes: Record<"small" | "medium" | "large", string>;
+};
+export default _default;

package/dist/components/Spinner/styles.css.js

@@ -0,0 +1 @@
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-CQ5g9X7k.css";var e={small:`small__rkoygc2`,medium:`medium__rkoygc3`,large:`large__rkoygc4`},t={spinner:`style__rkoygc1`,spinnerSizes:e};export{t as default,e as spinnerSizes};

package/dist/components/Spinner/types.d.ts

@@ -0,0 +1 @@
+export type SpinnerSize = 'small' | 'medium' | 'large';

package/dist/components/Tooltip/Content/Content.js

@@ -0,0 +1 @@
+import e from"../Portal/Portal.js";import t from"./styles.css.js";import"svelte/internal/disclose-version";import*as n from"svelte/internal/client";import{Tooltip as r}from"bits-ui";var i=n.from_html(`<div></div>`),a=n.from_html(`<!> <!>`,1);function o(o,s){n.push(s,!0);let c=n.prop(s,`ref`,15,null),l=n.prop(s,`sideOffset`,3,0),u=n.prop(s,`side`,3,`top`),d=n.rest_props(s,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`sideOffset`,`side`,`children`,`arrowClasses`,`portalProps`,`arrow`]);e(o,n.spread_props(()=>s.portalProps,{children:(e,o)=>{var f=n.comment(),p=n.first_child(f);{let e=n.derived(()=>[t.content,s.class]);n.component(p,()=>r.Content,(o,f)=>{f(o,n.spread_props({"data-slot":`tooltip-content`,get sideOffset(){return l()},get side(){return u()},get class(){return n.get(e)}},()=>d,{get ref(){return c()},set ref(e){c(e)},children:(e,o)=>{var c=a(),l=n.first_child(c);n.snippet(l,()=>s.children??n.noop);var u=n.sibling(l,2),d=e=>{var a=n.comment(),o=n.first_child(a);{let e=(e,r)=>{let a=()=>r?.().props;var o=i();n.attribute_effect(o,()=>({class:[t.arrow,s.arrowClasses],...a()})),n.append(e,o)};n.component(o,()=>r.Arrow,(t,n)=>{n(t,{child:e,$$slots:{child:!0}})})}n.append(e,a)};n.if(u,e=>{s.arrow&&e(d)}),n.append(e,c)},$$slots:{default:!0}}))})}n.append(e,f)},$$slots:{default:!0}})),n.pop()}export{o as default};

package/dist/components/Tooltip/Content/styles.css.js

@@ -1,103 +1 @@
-import { keyframes, spacing, style, theme } from '../../../styles/index.js';
-const fadeIn = keyframes({
-    '0%': { opacity: 0 },
-    '100%': { opacity: 1 },
-});
-const fadeOut = keyframes({
-    '0%': { opacity: 1 },
-    '100%': { opacity: 0 },
-});
-const zoomIn = keyframes({
-    '0%': { transform: 'scale(0.95)', opacity: 0 },
-    '100%': { transform: 'scale(1)', opacity: 1 },
-});
-const zoomOut = keyframes({
-    '0%': { transform: 'scale(1)', opacity: 1 },
-    '100%': { transform: 'scale(0.95)', opacity: 0 },
-});
-const slideInFromTop = keyframes({
-    '0%': { transform: 'translateY(8px)', opacity: 0 },
-    '100%': { transform: 'translateY(0)', opacity: 1 },
-});
-const slideInFromBottom = keyframes({
-    '0%': { transform: 'translateY(-8px)', opacity: 0 },
-    '100%': { transform: 'translateY(0)', opacity: 1 },
-});
-const slideInFromEnd = keyframes({
-    '0%': { transform: 'translateX(-8px)', opacity: 0 },
-    '100%': { transform: 'translateX(0)', opacity: 1 },
-});
-const slideInFromStart = keyframes({
-    '0%': { transform: 'translateX(8px)', opacity: 0 },
-    '100%': { transform: 'translateX(0)', opacity: 1 },
-});
-const content = style({
-    zIndex: 50,
-    backgroundColor: theme.colors.background.tooltip,
-    color: theme.colors.background.paper,
-    borderRadius: theme.borderRadius.md,
-    padding: spacing(2, 3),
-    fontSize: theme.fontSize.xs,
-    fontWeight: theme.fontWeight.semibold,
-    textAlign: 'center',
-    width: 'fit-content',
-    transformOrigin: 'var(--bits-tooltip-content-transform-origin)',
-    animation: `${fadeIn} 150ms ease-out, ${zoomIn} 150ms ease-out`,
-    textWrap: 'balance',
-    lineHeight: theme.lineHeight.none,
-    selectors: {
-        '&[data-state="closed"]': {
-            animation: `${fadeOut} 150ms ease-out, ${zoomOut} 150ms ease-out`,
-        },
-        '&[data-side="bottom"]': {
-            animation: `${fadeIn} 150ms ease-out, ${slideInFromTop} 150ms ease-out`,
-        },
-        '&[data-side="left"]': {
-            animation: `${fadeIn} 150ms ease-out, ${slideInFromEnd} 150ms ease-out`,
-        },
-        '&[data-side="right"]': {
-            animation: `${fadeIn} 150ms ease-out, ${slideInFromStart} 150ms ease-out`,
-        },
-        '&[data-side="top"]': {
-            animation: `${fadeIn} 150ms ease-out, ${slideInFromBottom} 150ms ease-out`,
-        },
-        '&[data-side="bottom"][data-state="closed"]': {
-            animation: `${fadeOut} 150ms ease-out, ${zoomOut} 150ms ease-out, ${slideInFromTop} 150ms ease-out reverse`,
-        },
-        '&[data-side="left"][data-state="closed"]': {
-            animation: `${fadeOut} 150ms ease-out, ${zoomOut} 150ms ease-out, ${slideInFromEnd} 150ms ease-out reverse`,
-        },
-        '&[data-side="right"][data-state="closed"]': {
-            animation: `${fadeOut} 150ms ease-out, ${zoomOut} 150ms ease-out, ${slideInFromStart} 150ms ease-out reverse`,
-        },
-        '&[data-side="top"][data-state="closed"]': {
-            animation: `${fadeOut} 150ms ease-out, ${zoomOut} 150ms ease-out, ${slideInFromBottom} 150ms ease-out reverse`,
-        },
-    },
-});
-const arrow = style({
-    backgroundColor: theme.colors.background.tooltip,
-    width: theme.spacing[3],
-    height: theme.spacing[3],
-    borderRadius: '2px',
-    zIndex: 50,
-    rotate: '45deg',
-    selectors: {
-        '&[data-side="top"]': {
-            translate: 'calc(50% + 2px) calc(-50% + 2px)',
-        },
-        '&[data-side="bottom"]': {
-            translate: '-50% calc(-50% + 12px)',
-        },
-        '&[data-side="right"]': {
-            translate: 'calc(50% + 4px) 50%',
-        },
-        '&[data-side="left"]': {
-            translate: 'calc(-50% + 4px) calc(50% - 8px)',
-        },
-    },
-});
-export default {
-    content,
-    arrow,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-D5wUy1wS.css";var e={content:`style__ly8gs78`,arrow:`style__ly8gs79`};export{e as default};

package/dist/components/Tooltip/Portal/Portal.js

@@ -0,0 +1 @@
+import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{Tooltip as t}from"bits-ui";function n(n,r){let i=e.rest_props(r,[`$$slots`,`$$events`,`$$legacy`]);var a=e.comment(),o=e.first_child(a);e.component(o,()=>t.Portal,(t,n)=>{n(t,e.spread_props(()=>i))}),e.append(n,a)}export{n as default};

package/dist/components/Tooltip/Provider/Provider.js

@@ -0,0 +1 @@
+import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{Tooltip as t}from"bits-ui";function n(n,r){let i=e.rest_props(r,[`$$slots`,`$$events`,`$$legacy`]);var a=e.comment(),o=e.first_child(a);e.component(o,()=>t.Provider,(t,n)=>{n(t,e.spread_props(()=>i))}),e.append(n,a)}export{n as default};

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1 @@
+import e from"./Content/Content.js";import t from"./Provider/Provider.js";import n from"./Trigger/Trigger.js";import"svelte/internal/disclose-version";import*as r from"svelte/internal/client";import{Tooltip as i}from"bits-ui";var a=r.from_html(`<!> <!>`,1);function o(o,s){r.push(s,!0);let c=r.prop(s,`open`,15,!1),l=r.prop(s,`alignOffset`,3,0),u=r.prop(s,`sideOffset`,3,4),d=r.prop(s,`side`,3,`top`),f=r.rest_props(s,[`$$slots`,`$$events`,`$$legacy`,`open`,`children`,`content`,`class`,`alignOffset`,`sideOffset`,`side`,`arrow`]);t(o,{children:(t,o)=>{var p=r.comment(),m=r.first_child(p);r.component(m,()=>i.Root,(t,i)=>{i(t,r.spread_props(()=>f,{get open(){return c()},set open(e){c(e)},children:(t,i)=>{var o=a(),c=r.first_child(o);n(c,{children:(e,t)=>{var n=r.comment(),i=r.first_child(n);r.snippet(i,()=>s.children??r.noop),r.append(e,n)},$$slots:{default:!0}}),e(r.sibling(c,2),{get class(){return s.class},get alignOffset(){return l()},get sideOffset(){return u()},get side(){return d()},get arrow(){return s.arrow},hideWhenDetached:!0,children:(e,t)=>{var n=r.comment(),i=r.first_child(n),a=e=>{var t=r.text();r.template_effect(()=>r.set_text(t,s.content)),r.append(e,t)},o=e=>{var t=r.comment(),n=r.first_child(t);r.snippet(n,()=>s.content??r.noop),r.append(e,t)};r.if(i,e=>{typeof s.content==`string`?e(a):e(o,!1)}),r.append(e,n)},$$slots:{default:!0}}),r.append(t,o)},$$slots:{default:!0}}))}),r.append(t,p)},$$slots:{default:!0}}),r.pop()}export{o as default};

package/dist/components/Tooltip/Trigger/Trigger.js

@@ -0,0 +1 @@
+import"svelte/internal/disclose-version";import*as e from"svelte/internal/client";import{Tooltip as t}from"bits-ui";function n(n,r){e.push(r,!0);let i=e.prop(r,`ref`,15,null),a=e.rest_props(r,[`$$slots`,`$$events`,`$$legacy`,`ref`]);var o=e.comment(),s=e.first_child(o);e.component(s,()=>t.Trigger,(t,n)=>{n(t,e.spread_props({"data-slot":`tooltip-trigger`},()=>a,{get ref(){return i()},set ref(e){i(e)}}))}),e.append(n,o),e.pop()}export{n as default};

package/dist/components/Typography/Typography.js

@@ -0,0 +1 @@
+import{alignments as e,colors as t,decorations as n,displays as r,gutterBottomClass as i,transforms as a,variants as o,weights as s}from"./styles.css.js";import"svelte/internal/disclose-version";import*as c from"svelte/internal/client";function l(l,u){c.push(u,!0);let d=c.prop(u,`ref`,11,null),f=c.prop(u,`align`,3,`left`),p=c.prop(u,`color`,3,`primary`),m=c.prop(u,`decoration`,3,`none`),h=c.prop(u,`display`,3,`inline`),g=c.prop(u,`variant`,3,`body1`),_=c.prop(u,`weight`,3,`normal`),v=c.rest_props(u,[`$$slots`,`$$events`,`$$legacy`,`ref`,`align`,`class`,`children`,`color`,`component`,`decoration`,`display`,`gutterBottom`,`transform`,`variant`,`weight`]),y={h1:`h1`,h2:`h2`,h3:`h3`,h4:`h4`,h5:`h5`,h6:`h6`,subtitle1:`h6`,subtitle2:`h6`,body1:`p`,body2:`p`,caption:`span`,overline:`span`},b=c.derived(()=>u.component||y[g()||`body1`]),x=c.derived(()=>({...v,ref:d(),class:[n[m()],o[g()],t[p()],s[_()],u.transform&&a[u.transform],r[h()],e[f()],{[i]:u.gutterBottom},u.class]}));var S=c.comment(),C=c.first_child(S);c.element(C,()=>c.get(b),!1,(e,t)=>{c.attribute_effect(e,()=>({...c.get(x)}));var n=c.comment(),r=c.first_child(n),i=e=>{var t=c.comment(),n=c.first_child(t);c.snippet(n,()=>u.children),c.append(e,t)};c.if(r,e=>{u.children&&e(i)}),c.append(t,n)}),c.append(l,S),c.pop()}export{l as default};

package/dist/components/Typography/styles.css.js

@@ -1,160 +1 @@
-import { style, styleVariants, theme, } from '../../styles/index.js';
-export const variants = styleVariants({
-    h1: {
-        fontSize: theme.fontSize['4xl'],
-        fontWeight: theme.fontWeight.bold,
-        lineHeight: theme.lineHeight.tight,
-        letterSpacing: '-0.025em',
-    },
-    h2: {
-        fontSize: theme.fontSize['3xl'],
-        fontWeight: theme.fontWeight.bold,
-        lineHeight: theme.lineHeight.tight,
-        letterSpacing: '-0.025em',
-    },
-    h3: {
-        fontSize: theme.fontSize['2xl'],
-        fontWeight: theme.fontWeight.bold,
-        lineHeight: theme.lineHeight.snug,
-        letterSpacing: '-0.025em',
-    },
-    h4: {
-        fontSize: theme.fontSize.xl,
-        fontWeight: theme.fontWeight.semibold,
-        lineHeight: theme.lineHeight.snug,
-    },
-    h5: {
-        fontSize: theme.fontSize.lg,
-        fontWeight: theme.fontWeight.semibold,
-        lineHeight: theme.lineHeight.normal,
-    },
-    h6: {
-        fontSize: theme.fontSize.base,
-        fontWeight: theme.fontWeight.semibold,
-        lineHeight: theme.lineHeight.normal,
-    },
-    subtitle1: {
-        fontSize: theme.fontSize.base,
-        fontWeight: theme.fontWeight.medium,
-        lineHeight: theme.lineHeight.normal,
-        letterSpacing: '0.009em',
-    },
-    subtitle2: {
-        fontSize: theme.fontSize.sm,
-        fontWeight: theme.fontWeight.medium,
-        lineHeight: 1.57,
-        letterSpacing: '0.007em',
-    },
-    body1: {
-        fontSize: theme.fontSize.base,
-        fontWeight: theme.fontWeight.normal,
-        lineHeight: theme.lineHeight.normal,
-        letterSpacing: '0.012em',
-    },
-    body2: {
-        fontSize: theme.fontSize.sm,
-        fontWeight: theme.fontWeight.normal,
-        lineHeight: theme.lineHeight.snug,
-        letterSpacing: '0.01em',
-    },
-    caption: {
-        fontSize: theme.fontSize.xs,
-        fontWeight: theme.fontWeight.normal,
-        lineHeight: theme.lineHeight.relaxed,
-        letterSpacing: '0.027em',
-    },
-    overline: {
-        fontSize: theme.fontSize.xs,
-        fontWeight: theme.fontWeight.normal,
-        lineHeight: 2.66,
-        letterSpacing: '0.083em',
-        textTransform: 'uppercase',
-    },
-});
-export const colors = styleVariants({
-    primary: {
-        color: theme.colors.text.primary,
-    },
-    secondary: {
-        color: theme.colors.text.secondary,
-    },
-    disabled: {
-        color: theme.colors.text.disabled,
-    },
-    success: {
-        color: theme.colors.success,
-    },
-    error: {
-        color: theme.colors.error,
-    },
-    warning: {
-        color: theme.colors.warning,
-    },
-    info: {
-        color: theme.colors.info,
-    },
-    muted: {
-        color: theme.colors.text.hint,
-    },
-});
-export const alignments = styleVariants({
-    left: {
-        textAlign: 'left',
-    },
-    center: {
-        textAlign: 'center',
-    },
-    right: {
-        textAlign: 'right',
-    },
-    justify: {
-        textAlign: 'justify',
-    },
-});
-export const displays = styleVariants({
-    block: {
-        display: 'block',
-    },
-    inline: {
-        display: 'inline',
-    },
-});
-export const weights = styleVariants({
-    normal: {
-        fontWeight: theme.fontWeight.normal,
-    },
-    medium: {
-        fontWeight: theme.fontWeight.medium,
-    },
-    semibold: {
-        fontWeight: theme.fontWeight.semibold,
-    },
-    bold: {
-        fontWeight: theme.fontWeight.bold,
-    },
-});
-export const transforms = styleVariants({
-    lowercase: {
-        textTransform: 'lowercase',
-    },
-    uppercase: {
-        textTransform: 'uppercase',
-    },
-    capitalize: {
-        textTransform: 'capitalize',
-    },
-});
-export const decorations = styleVariants({
-    none: {
-        textDecoration: 'none',
-    },
-    underline: {
-        textDecoration: 'underline',
-    },
-    lineThrough: {
-        textDecoration: 'line-through',
-    },
-});
-export const gutterBottomClass = style({
-    marginBottom: theme.spacing[2],
-});
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-CvghIV57.css";var e={left:`left__13e75ljk`,center:`center__13e75ljl`,right:`right__13e75ljm`,justify:`justify__13e75ljn`},t={primary:`primary__13e75ljc`,secondary:`secondary__13e75ljd`,disabled:`disabled__13e75lje`,success:`success__13e75ljf`,error:`error__13e75ljg`,warning:`warning__13e75ljh`,info:`info__13e75lji`,muted:`muted__13e75ljj`},n={none:`none__13e75ljx`,underline:`underline__13e75ljy`,lineThrough:`lineThrough__13e75ljz`},r={block:`block__13e75ljo`,inline:`inline__13e75ljp`},i=`style__13e75lj10`,a={lowercase:`lowercase__13e75lju`,uppercase:`uppercase__13e75ljv`,capitalize:`capitalize__13e75ljw`},o={h1:`h1__13e75lj0`,h2:`h2__13e75lj1`,h3:`h3__13e75lj2`,h4:`h4__13e75lj3`,h5:`h5__13e75lj4`,h6:`h6__13e75lj5`,subtitle1:`subtitle1__13e75lj6`,subtitle2:`subtitle2__13e75lj7`,body1:`body1__13e75lj8`,body2:`body2__13e75lj9`,caption:`caption__13e75lja`,overline:`overline__13e75ljb`},s={normal:`normal__13e75ljq`,medium:`medium__13e75ljr`,semibold:`semibold__13e75ljs`,bold:`bold__13e75ljt`};export{e as alignments,t as colors,n as decorations,r as displays,i as gutterBottomClass,a as transforms,o as variants,s as weights};

package/dist/components/index.d.ts

@@ -1,6 +1,8 @@
 export * from './Accordion/index.js';
+export * from './Alert/index.js';
 export * from './Button/index.js';
 export * from './Calendar/index.js';
+export * from './Card/index.js';
 export * from './Checkbox/index.js';
 export * from './CircularProgress/index.js';
 export * from './DataGrid/index.js';
@@ -12,5 +14,6 @@ export * from './Label/index.js';
 export * from './Placeholder/index.js';
 export * from './Select/index.js';
 export * from './Separator/index.js';
+export * from './Spinner/index.js';
 export * from './Tooltip/index.js';
 export * from './Typography/index.js';