@max-ts/svelte 0.3.0 → 0.5.0

package/dist/components/Field/FieldError/styles.css.js

@@ -1,19 +1 @@
-import { globalStyle, style, theme } from '../../../styles/index.js';
-const root = style({
-    color: theme.colors.error,
-    fontSize: theme.fontSize.sm,
-    fontWeight: theme.fontWeight.normal,
-});
-globalStyle(`${root} ul`, {
-    marginInlineStart: theme.spacing[4],
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing[1],
-    listStyleType: 'disc',
-});
-globalStyle(`${root} ul li`, {
-    textAlign: 'start',
-});
-export default {
-    root,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-DAlXWO1e.css";var e={root:`style__1di7pdy0`};export{e as default};

package/dist/components/Field/FieldSet/FieldSet.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(`<fieldset><!></fieldset>`);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":`field-set`,class:[e.root,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/Field/FieldSet/styles.css.js

@@ -1,16 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const root = style({
-    display: 'flex',
-    flexDirection: 'column',
-    gap: theme.spacing[6],
-    border: 'none',
-    padding: 0,
-    selectors: {
-        '&:has(>[data-slot=checkbox-group]), &:has(>[data-slot=radio-group])': {
-            gap: theme.spacing[3],
-        },
-    },
-});
-export default {
-    root,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-7N904gbK.css";var e={root:`style__1o60gea0`};export{e as default};

package/dist/components/Field/Group/Group.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":`field-group`,class:[e.root,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/Field/Group/styles.css.js

@@ -1,20 +1 @@
-import { globalStyle, style, theme } from '../../../styles/index.js';
-const root = style({
-    display: 'flex',
-    width: '100%',
-    flexDirection: 'column',
-    gap: theme.spacing[4],
-    containerType: 'inline-size',
-    containerName: 'field-group',
-    selectors: {
-        '&[data-slot=checkbox-group], &[data-slot=radio-group]': {
-            gap: theme.spacing[3],
-        },
-    },
-});
-globalStyle(`${root}  > [data-slot=field-group]`, {
-    gap: theme.spacing[4],
-});
-export default {
-    root,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-BkrD0mJX.css";var e={root:`style__zhheok0`};export{e as default};

package/dist/components/Field/Label/Label.js

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

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

@@ -1,36 +1 @@
-import { globalStyle, style, theme } from '../../../styles/index.js';
-const root = style({
-    display: 'flex',
-    width: 'fit-content',
-    alignItems: 'center',
-    gap: theme.spacing[2],
-    lineHeight: theme.lineHeight.snug,
-    fontSize: theme.fontSize.sm,
-    cursor: 'pointer',
-    selectors: {
-        '[data-slot=field][data-disabled=true] &': {
-            opacity: 0.5,
-        },
-        '&:has(>[data-slot=field])': {
-            width: '100%',
-            flexDirection: 'column',
-            borderRadius: theme.borderRadius.md,
-            borderWidth: 1,
-            borderStyle: 'solid',
-            borderColor: theme.colors.border,
-        },
-        '&:has(>[data-slot=field][data-state=checked])': {
-            backgroundColor: `color-mix(in oklch, ${theme.colors.primary} 5%, transparent)`,
-            borderColor: theme.colors.primary,
-        },
-        '&:has(>[data-slot=field][data-state=checked]) html[data-theme="dark"] &': {
-            backgroundColor: `color-mix(in oklch, ${theme.colors.primary} 10%, transparent)`,
-        },
-    },
-});
-globalStyle(`${root} > [data-slot=field]`, {
-    padding: theme.spacing[4],
-});
-export default {
-    root,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-D2RzdcSx.css";var e={root:`style__10hsf2y0`};export{e as default};

package/dist/components/Field/Legend/Legend.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(`<legend><!></legend>`);function r(r,i){t.push(i,!0);let a=t.prop(i,`ref`,15,null),o=t.prop(i,`variant`,3,`legend`),s=t.rest_props(i,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`variant`,`children`]);var c=n();t.attribute_effect(c,()=>({"data-slot":`field-legend`,"data-variant":o(),class:[e.root,i.class],...s}));var l=t.child(c);t.snippet(l,()=>i.children??t.noop),t.reset(c),t.bind_this(c,e=>a(e),()=>a()),t.append(r,c),t.pop()}export{r as default};

package/dist/components/Field/Legend/styles.css.js

@@ -1,16 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const root = style({
-    marginBottom: theme.spacing[2],
-    fontWeight: theme.fontWeight.medium,
-    selectors: {
-        '&[data-variant=legend]': {
-            fontSize: theme.fontSize.base,
-        },
-        '&[data-variant=label]': {
-            fontSize: theme.fontSize.sm,
-        },
-    },
-});
-export default {
-    root,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-D-uBG41K.css";var e={root:`style__myn6j70`};export{e as default};

package/dist/components/Field/Separator/Separator.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import t from"../../Separator/Separator.js";import"svelte/internal/disclose-version";import*as n from"svelte/internal/client";var r=n.from_html(`<span data-slot="field-separator-content"><!></span>`),i=n.from_html(`<div><!> <!></div>`);function a(a,o){n.push(o,!0);let s=n.prop(o,`ref`,15,null),c=n.rest_props(o,[`$$slots`,`$$events`,`$$legacy`,`ref`,`class`,`children`]),l=n.derived(()=>!!o.children);var u=i();n.attribute_effect(u,()=>({"data-slot":`field-separator`,"data-content":n.get(l),class:[e.root,o.class],...c}));var d=n.child(u);t(d,{get class(){return e.separator}});var f=n.sibling(d,2),p=t=>{var i=r(),a=n.child(i);n.snippet(a,()=>o.children),n.reset(i),n.template_effect(()=>n.set_class(i,1,n.clsx(e.content))),n.append(t,i)};n.if(f,e=>{o.children&&e(p)}),n.reset(u),n.bind_this(u,e=>s(e),()=>s()),n.append(a,u),n.pop()}export{a as default};

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

@@ -1,31 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const root = style({
-    position: 'relative',
-    marginBlock: `calc(-1 * ${theme.spacing[2]})`,
-    height: theme.spacing[5],
-    fontSize: theme.fontSize.sm,
-    selectors: {
-        '[data-slot=field-group][data-variant=outline] &': {
-            marginBottom: `calc(-1 * ${theme.spacing[2]})`,
-        },
-    },
-});
-const separator = style({
-    position: 'absolute',
-    top: '50%',
-    insetInline: 0,
-});
-const content = style({
-    position: 'relative',
-    marginInline: 'auto',
-    display: 'block',
-    width: 'fit-content',
-    paddingInline: theme.spacing[2],
-    backgroundColor: theme.colors.background.paper,
-    color: theme.colors.text.secondary,
-});
-export default {
-    root,
-    separator,
-    content,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-Dsk8bofy.css";var e={root:`style__qdfkbi0`,separator:`style__qdfkbi1`,content:`style__qdfkbi2`};export{e as default};

package/dist/components/Field/Title/Title.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":`field-title`,class:[e.root,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/Field/Title/styles.css.js

@@ -1,18 +1 @@
-import { style, theme } from '../../../styles/index.js';
-const root = style({
-    display: 'flex',
-    width: 'fit-content',
-    alignItems: 'center',
-    gap: theme.spacing[2],
-    fontSize: theme.fontSize.sm,
-    lineHeight: theme.lineHeight.snug,
-    fontWeight: theme.fontWeight.medium,
-    selectors: {
-        '[data-slot=field][data-disabled=true] &': {
-            opacity: 0.5,
-        },
-    },
-});
-export default {
-    root,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-BFXJcmU9.css";var e={root:`style__9qi2jh0`};export{e as default};

package/dist/components/Field/index.js

@@ -1,24 +1 @@
-import { Content } from './Content/index.js';
-import { Description } from './Description/index.js';
-import Item from './Field.svelte';
-import { FieldError } from './FieldError/index.js';
-import { FieldSet } from './FieldSet/index.js';
-import { Group } from './Group/index.js';
-import { Label } from './Label/index.js';
-import { Legend } from './Legend/index.js';
-import { Separator } from './Separator/index.js';
-import { Title } from './Title/index.js';
-const Field = {
-    Item,
-    Content,
-    Description,
-    Error: FieldError,
-    Group,
-    Label,
-    Legend,
-    Separator,
-    Set: FieldSet,
-    Title,
-};
-export { Field };
-export * from './types.js';
+import e from"./Content/Content.js";import t from"./Description/Description.js";import n from"./Field.js";import r from"./FieldError/FieldError.js";import i from"./FieldSet/FieldSet.js";import a from"./Group/Group.js";import o from"./Label/Label.js";import s from"./Legend/Legend.js";import c from"./Separator/Separator.js";import l from"./Title/Title.js";const u={Item:n,Content:e,Description:t,Error:r,Group:a,Label:o,Legend:s,Separator:c,Set:i,Title:l};export{u as Field};

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

@@ -1,79 +1 @@
-import { globalStyle, style, styleVariants, theme } from '../../styles/index.js';
-const base = style({
-    display: 'flex',
-    width: '100%',
-    gap: theme.spacing[3],
-    selectors: {
-        '&[data-invalid=true]': {
-            color: theme.colors.error,
-        },
-    },
-});
-const vertical = style({
-    flexDirection: 'column',
-});
-globalStyle(`${vertical} > *`, {
-    width: '100%',
-});
-const horizontal = style({
-    flexDirection: 'row',
-    alignItems: 'center',
-});
-globalStyle(`${horizontal} > [data-slot=field-label]`, {
-    flex: '1 1 0%',
-});
-globalStyle(`${horizontal}:has(>[data-slot=field-content])`, {
-    alignItems: 'flex-start',
-});
-globalStyle(`${horizontal}:has(>[data-slot=field-content]) > [role=checkbox], ${horizontal}:has(>[data-slot=field-content]) > [role=radio]`, {
-    marginTop: '1px',
-});
-const responsive = style({
-    flexDirection: 'column',
-    '@media': {
-        '(min-width: 768px)': {
-            flexDirection: 'row',
-            alignItems: 'center',
-        },
-    },
-});
-globalStyle(`${responsive} > *`, {
-    width: '100%',
-    '@media': {
-        '(min-width: 768px)': {
-            width: 'auto',
-        },
-    },
-});
-globalStyle(`${responsive} > [data-slot=field-label]`, {
-    width: '100%',
-    '@media': {
-        '(min-width: 768px)': {
-            flex: '1 1 0%',
-        },
-    },
-});
-globalStyle(`${responsive}:has(>[data-slot=field-content])`, {
-    width: '100%',
-    '@media': {
-        '(min-width: 768px)': {
-            alignItems: 'flex-start',
-        },
-    },
-});
-globalStyle(`${responsive}:has(>[data-slot=field-content]) > [role=checkbox], ${responsive}:has(>[data-slot=field-content]) > [role=radio]`, {
-    width: '100%',
-    '@media': {
-        '(min-width: 768px)': {
-            marginTop: '1px',
-        },
-    },
-});
-export const fieldVariants = styleVariants({
-    vertical: [base, vertical],
-    horizontal: [base, horizontal],
-    responsive: [base, responsive],
-});
-export default {
-    fieldVariants,
-};
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-C53Bmpxe.css";var e={vertical:`style__1dmfjc20 style__1dmfjc21`,horizontal:`style__1dmfjc20 style__1dmfjc22`,responsive:`style__1dmfjc20 style__1dmfjc23`};export{e as fieldVariants};

package/dist/components/Input/Input.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(`<input/>`),r=t.from_html(`<input/>`);function i(i,a){t.push(a,!0);let o=t.prop(a,`ref`,15,null),s=t.prop(a,`value`,15),c=t.prop(a,`files`,15),l=t.prop(a,`size`,3,`medium`),u=t.prop(a,`data-slot`,3,`input`),d=t.rest_props(a,[`$$slots`,`$$events`,`$$legacy`,`ref`,`value`,`type`,`files`,`size`,`class`,`data-slot`]);var f=t.comment(),p=t.first_child(f),m=r=>{var i=n();t.attribute_effect(i,()=>({"data-slot":u(),class:[e.fileInput,e.sizes[l()],a.class],type:`file`,...d}),void 0,void 0,void 0,void 0,!0),t.bind_this(i,e=>o(e),()=>o()),t.bind_files(i,c),t.bind_value(i,s),t.append(r,i)},h=n=>{var i=r();t.attribute_effect(i,()=>({"data-slot":u(),class:[e.inputBase,e.sizes[l()],a.class],type:a.type,...d}),void 0,void 0,void 0,void 0,!0),t.bind_this(i,e=>o(e),()=>o()),t.bind_value(i,s),t.append(n,i)};t.if(p,e=>{a.type===`file`?e(m):e(h,!1)}),t.append(i,f),t.pop()}export{i as default};

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

@@ -1,110 +1 @@
-import { globalStyle, spacing, style, styleVariants, theme, } from '../../styles/index.js';
-const inputBase = style({
-    backgroundColor: theme.colors.background.paper,
-    border: `1px solid ${theme.colors.border}`,
-    borderRadius: theme.borderRadius.md,
-    color: theme.colors.text.primary,
-    fontSize: theme.fontSize.base,
-    fontWeight: theme.fontWeight.normal,
-    lineHeight: theme.lineHeight.normal,
-    minWidth: 0,
-    transition: 'color 0.2s, border-color 0.2s, box-shadow 0.2s',
-    outline: 'none',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    boxShadow: theme.shadow[1],
-    selectors: {
-        '&::placeholder': {
-            color: theme.colors.text.hint,
-        },
-        '&:disabled': {
-            cursor: 'not-allowed',
-            opacity: 0.5,
-        },
-        '&:focus-visible': {
-            outline: '2px solid transparent',
-            outlineOffset: '2px',
-            boxShadow: theme.shadow[2],
-            borderColor: theme.colors.primary,
-        },
-        '&[aria-invalid="true"]': {
-            borderColor: theme.colors.error,
-            boxShadow: `0 0 0 3px ${theme.colors.error}20`,
-        },
-        '&:hover:not(:disabled)': {
-            borderColor: theme.colors.primary,
-        },
-        '&:selection': {
-            backgroundColor: theme.colors.primary,
-            color: theme.colors.foreground.primary,
-        },
-    },
-});
-const sizes = styleVariants({
-    small: {
-        padding: `0.125rem ${theme.spacing[2]}`,
-        height: '28px',
-        fontSize: theme.fontSize.sm,
-    },
-    medium: {
-        padding: spacing(1, 3),
-        height: '36px',
-        fontSize: theme.fontSize.base,
-    },
-    large: {
-        padding: spacing(2, 4),
-        height: '44px',
-        fontSize: theme.fontSize.lg,
-    },
-});
-// File input specific styles
-const fileInput = style({
-    backgroundColor: theme.colors.background.paper,
-    border: `1px solid ${theme.colors.border}`,
-    borderRadius: theme.borderRadius.md,
-    color: theme.colors.text.primary,
-    fontSize: theme.fontSize.base,
-    fontWeight: theme.fontWeight.medium,
-    width: '100%',
-    minWidth: 0,
-    transition: 'color 0.2s, border-color 0.2s, box-shadow 0.2s',
-    outline: 'none',
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-    '::selection': {
-        backgroundColor: theme.colors.primary,
-        color: theme.colors.foreground.primary,
-    },
-    ':focus-visible': {
-        outline: '2px solid transparent',
-        outlineOffset: '2px',
-        boxShadow: `0 0 0 3px ${theme.colors.primary}20`,
-        borderColor: theme.colors.primary,
-    },
-    ':disabled': {
-        cursor: 'not-allowed',
-        opacity: 0.5,
-    },
-    '::placeholder': {
-        color: theme.colors.text.hint,
-    },
-    selectors: {
-        '&[aria-invalid="true"]': {
-            borderColor: theme.colors.error,
-            boxShadow: `0 0 0 3px ${theme.colors.error}20`,
-        },
-    },
-});
-globalStyle(`${fileInput}::-webkit-file-upload-button`, {
-    cursor: 'pointer',
-    backgroundColor: 'transparent',
-    border: 'none',
-});
-export default {
-    inputBase,
-    sizes,
-    fileInput,
-};
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-BsuMMuL8.css";var e={inputBase:`style__1sj9q5k0`,sizes:{small:`small__1sj9q5k1`,medium:`medium__1sj9q5k2`,large:`large__1sj9q5k3`},fileInput:`style__1sj9q5k4`};export{e as default};

package/dist/components/Label/Label.js

@@ -0,0 +1 @@
+import e from"./styles.css.js";import"svelte/internal/disclose-version";import*as t from"svelte/internal/client";import{Label as n}from"bits-ui";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`]);var s=t.comment(),c=t.first_child(s);{let r=t.derived(()=>[e.labelBase,i.class]);t.component(c,()=>n.Root,(e,n)=>{n(e,t.spread_props({"data-slot":`label`,get class(){return t.get(r)}},()=>o,{get ref(){return a()},set ref(e){a(e)}}))})}t.append(r,s),t.pop()}export{r as default};

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

@@ -1,28 +1 @@
-import { globalStyle, style, theme } from '../../styles/index.js';
-const labelBase = style({
-    display: 'flex',
-    alignItems: 'center',
-    gap: theme.spacing[2], // gap-2
-    fontSize: theme.fontSize.sm, // text-sm
-    lineHeight: 'none', // leading-none
-    fontWeight: theme.fontWeight.medium, // font-medium
-    userSelect: 'none', // select-none
-    selectors: {
-        '&[data-disabled="true"]': {
-            pointerEvents: 'none',
-            opacity: '0.5',
-        },
-        '&:has([data-disabled="true"])': {
-            pointerEvents: 'none',
-            opacity: '0.5',
-        },
-    },
-});
-// Apply styles when Label follows a disabled peer element
-globalStyle('.peer:disabled + *', {
-    cursor: 'not-allowed',
-    opacity: '0.5',
-});
-export default {
-    labelBase,
-};
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-DBxleRt9.css";var e={labelBase:`style__1h4dxce0`};export{e as default};

package/dist/components/Placeholder/Image/Image.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(`<img/>`);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`]);var s=n();t.attribute_effect(s,()=>({...o,class:[e.wrapper,e.sizes[a()],i.class]})),t.replay_events(s),t.append(r,s),t.pop()}export{r as default};

package/dist/components/Placeholder/Image/styles.css.js

@@ -1,27 +1 @@
-import { style, styleVariants, theme, } from '../../../styles/index.js';
-const wrapper = style({
-    display: 'block',
-    maxWidth: '100%',
-    objectFit: 'contain',
-    color: theme.colors.text.secondary,
-    '@media': {
-        '(max-width: 600px)': {
-            margin: `auto auto ${theme.spacing[4]}`,
-        },
-    },
-});
-const sizes = styleVariants({
-    small: {
-        margin: `auto auto ${theme.spacing[4]}`,
-    },
-    medium: {
-        margin: `auto auto ${theme.spacing[8]}`,
-    },
-    large: {
-        margin: `auto auto ${theme.spacing[10]}`,
-    },
-});
-export default {
-    wrapper,
-    sizes,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-YVkaJQiQ.css";var e={wrapper:`style__rub3490`,sizes:{small:`small__rub3491`,medium:`medium__rub3492`,large:`large__rub3493`}};export{e as default};

package/dist/components/Placeholder/Placeholder.js

@@ -0,0 +1 @@
+import e from"../Typography/Typography.js";import{IMAGE_HEIGHT as t,IMAGE_WIDTH as n,MAX_INNER_WIDTH as r,TITLE_HEADER_LEVEL as i}from"./constants.js";import a from"./Image/Image.js";import o from"./styles.css.js";import"svelte/internal/disclose-version";import*as s from"svelte/internal/client";var c=s.from_html(`<footer><!></footer>`),l=s.from_html(`<div><div><!> <!> <!></div> <!></div>`);function u(u,d){s.push(d,!0);let f=s.prop(d,`size`,3,`small`);var p=l(),m=s.child(p);let h;var g=s.child(m),_=e=>{a(e,{get src(){return d.imgSrc},get alt(){return d.imgAlt},get width(){return n[f()]},get height(){return t[f()]},get size(){return f()}})};s.if(g,e=>{d.imgSrc&&e(_)});var v=s.sibling(g,2);e(v,{align:`center`,color:`secondary`,get variant(){return i[f()]},children:(e,t)=>{s.next();var n=s.text();s.template_effect(()=>s.set_text(n,d.title)),s.append(e,n)},$$slots:{default:!0}});var y=s.sibling(v,2),b=t=>{e(t,{get className(){return o.descriptionClass},component:`div`,variant:`body1`,children:(e,t)=>{s.next();var n=s.text();s.template_effect(()=>s.set_text(n,d.description)),s.append(e,n)},$$slots:{default:!0}})};s.if(y,e=>{d.description&&e(b)}),s.reset(m);var x=s.sibling(m,2),S=e=>{var t=c(),n=s.child(t);s.snippet(n,()=>d.actions),s.reset(t),s.template_effect(()=>s.set_class(t,1,s.clsx(o.footerClass))),s.append(e,t)};s.if(x,e=>{d.actions&&e(S)}),s.reset(p),s.template_effect(()=>{s.set_class(p,1,s.clsx([o.wrapper,o.sizes[f()],d.class])),s.set_class(m,1,s.clsx(o.innerContainer)),h=s.set_style(m,``,h,{"max-width":r[f()]})}),s.append(u,p),s.pop()}export{u as default};

package/dist/components/Placeholder/constants.js

@@ -1,25 +1 @@
-export const SIZE = {
-    small: 'small',
-    medium: 'medium',
-    large: 'large',
-};
-export const IMAGE_WIDTH = {
-    [SIZE.small]: '239px',
-    [SIZE.medium]: '323px',
-    [SIZE.large]: '458px',
-};
-export const IMAGE_HEIGHT = {
-    [SIZE.small]: '119px',
-    [SIZE.medium]: '161px',
-    [SIZE.large]: '229px',
-};
-export const MAX_INNER_WIDTH = {
-    [SIZE.small]: '384px',
-    [SIZE.medium]: '400px',
-    [SIZE.large]: '460px',
-};
-export const TITLE_HEADER_LEVEL = {
-    [SIZE.small]: 'subtitle1',
-    [SIZE.medium]: 'h6',
-    [SIZE.large]: 'h5',
-};
+const e={small:`small`,medium:`medium`,large:`large`},t={[e.small]:`239px`,[e.medium]:`323px`,[e.large]:`458px`},n={[e.small]:`119px`,[e.medium]:`161px`,[e.large]:`229px`},r={[e.small]:`384px`,[e.medium]:`400px`,[e.large]:`460px`},i={[e.small]:`subtitle1`,[e.medium]:`h6`,[e.large]:`h5`};export{n as IMAGE_HEIGHT,t as IMAGE_WIDTH,r as MAX_INNER_WIDTH,i as TITLE_HEADER_LEVEL};

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

@@ -1,52 +1 @@
-import { style, styleVariants, theme, } from '../../styles/index.js';
-const wrapper = style({
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    height: '100%',
-    padding: theme.spacing[4],
-    backgroundColor: theme.colors.background.paper,
-    '@media': {
-        '(max-width: 560px)': {
-            display: 'grid',
-            gridTemplateColumns: '100%',
-            gridTemplateRows: '1fr max-content',
-            gap: theme.spacing[4],
-        },
-    },
-});
-const sizes = styleVariants({
-    small: {
-        gap: theme.spacing[4],
-    },
-    medium: {
-        gap: theme.spacing[8],
-    },
-    large: {
-        gap: theme.spacing[10],
-    },
-});
-const innerContainer = style({
-    margin: '0 auto',
-});
-const descriptionClass = style({
-    textAlign: 'center',
-    display: 'block',
-    color: theme.colors.text.secondary,
-});
-const footerClass = style({
-    display: 'flex',
-    flexWrap: 'wrap',
-    justifyContent: 'center',
-    color: theme.colors.text.secondary,
-    gap: theme.spacing[2],
-});
-export default {
-    wrapper,
-    sizes,
-    innerContainer,
-    descriptionClass,
-    footerClass,
-};
+import"./../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../assets/styles.css.ts.vanilla-uJ4Y7vR3.css";var e={wrapper:`style__175k6rz0`,sizes:{small:`small__175k6rz1`,medium:`medium__175k6rz2`,large:`large__175k6rz3`},innerContainer:`style__175k6rz4`,descriptionClass:`style__175k6rz5`,footerClass:`style__175k6rz6`};export{e as default};

package/dist/components/Select/Content/Content.js

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

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

@@ -1,50 +1 @@
-import { keyframes, 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 zoomIn95 = keyframes({
-    '0%': { opacity: 0, transform: 'scale(0.95)' },
-    '100%': { opacity: 1, transform: 'scale(1)' },
-});
-const zoomOut95 = keyframes({
-    '0%': { opacity: 1, transform: 'scale(1)' },
-    '100%': { opacity: 0, transform: 'scale(0.95)' },
-});
-const content = style({
-    backgroundColor: theme.colors.background.paper,
-    color: theme.colors.text.primary,
-    position: 'relative',
-    zIndex: 50,
-    maxHeight: 'var(--bits-select-content-available-height)',
-    minWidth: '8rem',
-    overflowX: 'hidden',
-    overflowY: 'auto',
-    borderRadius: theme.borderRadius.md,
-    border: `1px solid ${theme.colors.border}`,
-    boxShadow: theme.shadow[3],
-    selectors: {
-        '&[data-state=open]': {
-            animation: `${fadeIn} 0.2s ease-out, ${zoomIn95} 0.2s ease-out`,
-        },
-        '&[data-state=closed]': {
-            animation: `${fadeOut} 0.2s ease-in, ${zoomOut95} 0.2s ease-in`,
-        },
-    },
-});
-const viewport = style({
-    height: 'var(--bits-select-anchor-height)',
-    width: '100%',
-    minWidth: 'var(--bits-select-anchor-width)',
-    scrollMarginTop: theme.spacing[1],
-    scrollMarginBottom: theme.spacing[1],
-    padding: theme.spacing[1],
-});
-export default {
-    content,
-    viewport,
-};
+import"./../../../assets/theme.css.ts.vanilla-BHlWyczr.css";import"./../../../assets/styles.css.ts.vanilla-DXuGBsl5.css";var e={content:`style__w5sq0p4`,viewport:`style__w5sq0p5`};export{e as default};

package/dist/components/Select/Group/Group.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,`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.Group,(t,n)=>{n(t,e.spread_props({"data-slot":`select-group`},()=>a,{get ref(){return i()},set ref(e){i(e)}}))}),e.append(n,o),e.pop()}export{n as default};

package/dist/components/Select/GroupHeading/GroupHeading.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";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=t.comment(),c=t.first_child(s);{let r=t.derived(()=>[e.groupHeading,i.class]);t.component(c,()=>n.GroupHeading,(e,n)=>{n(e,t.spread_props({"data-slot":`select-group-heading`,get class(){return t.get(r)}},()=>o,{get ref(){return a()},set ref(e){a(e)},children:(e,n)=>{var r=t.comment(),a=t.first_child(r);t.snippet(a,()=>i.children??t.noop),t.append(e,r)},$$slots:{default:!0}}))})}t.append(r,s),t.pop()}export{r as default};