seblify 0.1.4

package/dist/components/framework/navigation/sidenav/SidenavTree.svelte.d.ts

@@ -0,0 +1,14 @@
+import SidenavTree from './SidenavTree.svelte';
+import type { SidenavItem } from './sidenav';
+declare const SidenavTree: import("svelte").Component<{
+    activeItemIds: string[];
+    collapsedItemId?: string | undefined;
+    items: SidenavItem[];
+    currentHref?: string | undefined;
+    depth: number;
+    expandedItemId?: string | undefined;
+    onToggle: (id: string, open: boolean) => void;
+    retainedExpandedItemId?: string | undefined;
+}, {}, "">;
+type SidenavTree = ReturnType<typeof SidenavTree>;
+export default SidenavTree;

package/dist/components/framework/navigation/sidenav/sidenav.d.ts

@@ -0,0 +1,6 @@
+export interface SidenavItem {
+    id: string;
+    label: string;
+    href?: string;
+    children?: SidenavItem[];
+}

package/dist/components/framework/navigation/sidenav/sidenav.js

@@ -0,0 +1 @@
+export {};

package/dist/components/framework/surface/paper/Paper.svelte

@@ -0,0 +1,179 @@
+<script lang="ts">
+  import type { SeblifyProps } from 'seblify';
+  import type { Snippet } from 'svelte';
+
+  type PaperElement = keyof HTMLElementTagNameMap;
+  type PaperPadding = 'none' | 'sm' | 'md' | 'lg';
+  type PaperRadius = 'sm' | 'md' | 'lg';
+  type PaperTone =
+    | 'neutral'
+    | 'primary'
+    | 'success'
+    | 'danger'
+    | 'warning'
+    | 'info'
+    | 'inverse';
+  type PaperVariant = 'solid' | 'soft' | 'tint' | 'plain';
+
+  type Props = SeblifyProps<{
+    as?: PaperElement;
+    bordered?: boolean;
+    children?: Snippet;
+    elevated?: boolean;
+    padding?: PaperPadding;
+    radius?: PaperRadius;
+    tone?: PaperTone;
+    variant?: PaperVariant;
+  }>;
+
+  let {
+    as = 'div',
+    bordered = true,
+    children,
+    elevated = false,
+    padding = 'md',
+    radius = 'md',
+    tone = 'neutral',
+    variant = 'solid',
+  }: Props = $props();
+</script>
+
+<svelte:element
+  this={as}
+  class="paper"
+  data-padding={padding}
+  data-radius={radius}
+  data-tone={tone}
+  data-variant={variant}
+  class:bordered
+  class:elevated
+>
+  {@render children?.()}
+</svelte:element>
+
+<style>
+  .paper {
+    --paper-fill: var(--seblify-color-surface, #ffffff);
+    --paper-fill-text: var(--seblify-color-text, #172033);
+    --paper-surface: var(--seblify-color-surface-hover, #f1f4f9);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-text-muted, #516176);
+    --paper-border: var(--seblify-color-surface-muted, #d9e0e8);
+
+    border-radius: 0.625rem;
+    padding: 18px;
+    color: var(--paper-default-text);
+    background: var(--paper-fill);
+  }
+
+  .bordered {
+    border: 1px solid var(--paper-border);
+  }
+
+  .elevated {
+    box-shadow: var(--seblify-shadow-raised, 0 12px 28px rgb(23 32 51 / 22%));
+  }
+
+  .paper[data-padding='none'] {
+    padding: 0;
+  }
+
+  .paper[data-padding='sm'] {
+    padding: 12px;
+  }
+
+  .paper[data-padding='lg'] {
+    padding: 24px;
+  }
+
+  .paper[data-radius='sm'] {
+    border-radius: 0.5rem;
+  }
+
+  .paper[data-radius='lg'] {
+    border-radius: 1rem;
+  }
+
+  .paper[data-tone='neutral'] {
+    --paper-fill: var(--seblify-color-surface, #ffffff);
+    --paper-fill-text: var(--seblify-color-text, #172033);
+    --paper-surface: var(--seblify-color-surface-hover, #f1f4f9);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-text-muted, #516176);
+    --paper-border: var(--seblify-color-surface-muted, #d9e0e8);
+  }
+
+  .paper[data-tone='primary'] {
+    --paper-fill: var(--seblify-color-fill-primary, #146a6f);
+    --paper-fill-text: var(--seblify-color-fill-primary-text, #ffffff);
+    --paper-surface: var(--seblify-color-surface-accent, #f7fbfb);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-fill-primary, #146a6f);
+    --paper-border: var(--seblify-color-border-accent, #9ab7ba);
+  }
+
+  .paper[data-tone='success'] {
+    --paper-fill: var(--seblify-color-fill-success, #1f7a3f);
+    --paper-fill-text: var(--seblify-color-fill-success-text, #ffffff);
+    --paper-surface: var(--seblify-color-success-surface, #e8f8ee);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-success-text, #143d25);
+    --paper-border: var(--seblify-color-success-border, #b8ddc7);
+  }
+
+  .paper[data-tone='danger'] {
+    --paper-fill: var(--seblify-color-fill-danger, #c93434);
+    --paper-fill-text: var(--seblify-color-fill-danger-text, #ffffff);
+    --paper-surface: var(--seblify-color-error-surface, #fff0f0);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-error-text, #5a1717);
+    --paper-border: var(--seblify-color-error-border, #efb6b6);
+  }
+
+  .paper[data-tone='warning'] {
+    --paper-fill: var(--seblify-color-fill-warning, #8a5a00);
+    --paper-fill-text: var(--seblify-color-fill-warning-text, #ffffff);
+    --paper-surface: var(--seblify-color-warning-surface, #fff6d8);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-warning-text, #4d3900);
+    --paper-border: var(--seblify-color-warning-border, #e8d28f);
+  }
+
+  .paper[data-tone='info'] {
+    --paper-fill: var(--seblify-color-fill-info, #1f6fb2);
+    --paper-fill-text: var(--seblify-color-fill-info-text, #ffffff);
+    --paper-surface: var(--seblify-color-info-surface, #eaf3ff);
+    --paper-default-text: var(--seblify-color-text, #172033);
+    --paper-text: var(--seblify-color-info-text, #102f55);
+    --paper-border: var(--seblify-color-info-border, #bfd1ea);
+  }
+
+  .paper[data-tone='inverse'] {
+    --paper-fill: var(--seblify-color-surface-inverse, #172033);
+    --paper-fill-text: var(--seblify-color-text-inverse, #ffffff);
+    --paper-surface: var(--seblify-color-surface-inverse-hover, #263043);
+    --paper-default-text: var(--seblify-color-text-inverse, #ffffff);
+    --paper-text: var(--seblify-color-text-inverse, #ffffff);
+    --paper-border: var(--seblify-color-border-inverse, #263043);
+  }
+
+  .paper[data-variant='solid'] {
+    color: var(--paper-fill-text);
+    background: var(--paper-fill);
+  }
+
+  .paper[data-variant='soft'] {
+    color: var(--paper-default-text);
+    background: var(--paper-surface);
+  }
+
+  .paper[data-variant='tint'] {
+    color: var(--paper-text);
+    background: var(--paper-surface);
+  }
+
+  .paper[data-variant='plain'] {
+    color: var(--paper-text);
+    background: transparent;
+  }
+</style>

package/dist/components/framework/surface/paper/Paper.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Snippet } from 'svelte';
+type PaperElement = keyof HTMLElementTagNameMap;
+type PaperPadding = 'none' | 'sm' | 'md' | 'lg';
+type PaperRadius = 'sm' | 'md' | 'lg';
+type PaperTone = 'neutral' | 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'inverse';
+type PaperVariant = 'solid' | 'soft' | 'tint' | 'plain';
+declare const Paper: import("svelte").Component<{
+    as?: PaperElement | undefined;
+    bordered?: boolean | undefined;
+    children?: Snippet | undefined;
+    elevated?: boolean | undefined;
+    padding?: PaperPadding | undefined;
+    radius?: PaperRadius | undefined;
+    tone?: PaperTone | undefined;
+    variant?: PaperVariant | undefined;
+}, {}, "">;
+type Paper = ReturnType<typeof Paper>;
+export default Paper;

package/dist/design-system/reserved-props/allowed-options.d.ts

@@ -0,0 +1,46 @@
+import type { Snippet } from 'svelte';
+import { CustomCssSize } from './complex-types';
+type SizeKeys = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type ToneOptions = 'neutral' | 'primary' | 'success' | 'danger' | 'warning' | 'info' | 'inverse';
+type PlacementOptions = 'top-start' | 'top' | 'top-end' | 'end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'start';
+type VariantOptions = 'solid' | 'soft' | 'tint' | 'plain';
+type BorderOptions = 'none' | 'solid' | 'dash';
+type ShapeOptions = 'pill' | 'dot';
+type AlignOptions = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+type JustifyOptions = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+type DirOptions = 'ltr' | 'rtl' | 'auto';
+export type SeblifyReservedPropOptions = {
+    class: string;
+    as: keyof HTMLElementTagNameMap;
+    children: Snippet;
+    start: Snippet;
+    end: Snippet;
+    title: string;
+    name: string;
+    label: string;
+    text: string;
+    description: string;
+    source: string;
+    min: number;
+    max: number;
+    step: number;
+    length: number;
+    open: boolean;
+    checked: boolean;
+    disabled: boolean;
+    border: BorderOptions & {};
+    radius: (SizeKeys | 'none' | 'full') & {};
+    shape: ShapeOptions & {};
+    tone: ToneOptions & {};
+    variant: VariantOptions & {};
+    size: (SizeKeys & {}) | CustomCssSize;
+    padding: ((SizeKeys | 'none') & {}) | CustomCssSize;
+    gap: ((SizeKeys | 'none') & {}) | CustomCssSize;
+    rowGap: ((SizeKeys | 'none') & {}) | CustomCssSize;
+    columnGap: ((SizeKeys | 'none') & {}) | CustomCssSize;
+    placement: PlacementOptions & {};
+    align: AlignOptions & {};
+    justify: JustifyOptions & {};
+    dir: DirOptions & {};
+};
+export {};

package/dist/design-system/reserved-props/allowed-options.js

@@ -0,0 +1 @@
+export {};

package/dist/design-system/reserved-props/blocked-props.d.ts

@@ -0,0 +1,9 @@
+export type SeblifyBlockedProps = {
+    type: 'Guard: `type` prop not allowed. Use `variant` instead';
+    theme: 'Guard: `theme` prop not allowed. Use `tone` instead';
+    ltr: 'Guard: `ltr` prop not allowed. Use `dir` instead';
+    rtl: 'Guard: `rtl` prop not allowed. Use `dir` instead';
+    direction: 'Guard: `direction` prop not allowed. Use `dir` instead';
+    space: 'Guard: `space` prop not allowed. Use `gap` instead';
+    spacing: 'Guard: `spacing` prop not allowed. Use `gap` instead';
+};

package/dist/design-system/reserved-props/blocked-props.js

@@ -0,0 +1 @@
+export {};

package/dist/design-system/reserved-props/complex-types.d.ts

@@ -0,0 +1 @@
+export type CustomCssSize = number | `${number}px` | `${number}rem` | `${number}em` | `${number}%` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax` | `${number}ch` | `${number}ex` | `${number}cm` | `${number}mm` | `${number}in` | `${number}pt` | `${number}pc` | `0` | `var(${string})` | `calc(${string})` | `clamp(${string})` | `min(${string})` | `max(${string})`;

package/dist/design-system/reserved-props/complex-types.js

@@ -0,0 +1 @@
+export {};

package/dist/design-system/reserved-props/type.d.ts

@@ -0,0 +1,16 @@
+import { SeblifyReservedPropOptions } from './allowed-options';
+import { SeblifyBlockedProps } from './blocked-props';
+type SeblifyPropOptions = SeblifyBlockedProps & SeblifyReservedPropOptions;
+type InvalidPropValue<T, Key extends PropertyKey, Allowed> = Key extends keyof T ? Exclude<T[Key], Allowed | undefined> : never;
+type ValidatePropValue<T, Key extends keyof T, AllowedValue> = InvalidPropValue<T, Key, AllowedValue> extends never ? T[Key] : AllowedValue;
+type SeblifyPropValue<T, Key extends keyof T> = Key extends keyof SeblifyPropOptions ? ValidatePropValue<T, Key, SeblifyPropOptions[Key]> : T[Key];
+type SeblifyPropMap<T> = {
+    [Key in keyof T]: SeblifyPropValue<T, Key>;
+};
+/**
+ * Validates common Seblify prop names like `tone`, `variant`, `border`,
+ * `radius`, `placement`, and `shape` against the global allowed value families.
+ * Keeps the original prop shape and only replaces invalid common props with an error type.
+ */
+export type SeblifyProps<T extends SeblifyPropMap<T>> = SeblifyPropMap<T>;
+export {};

package/dist/design-system/reserved-props/type.js

@@ -0,0 +1 @@
+export {};

package/dist/design-system/theme/tokens.d.ts

@@ -0,0 +1,7 @@
+declare const themeTokens: {
+    name: string;
+    category: string;
+    value: string;
+    description: string;
+}[];
+export default themeTokens;

package/dist/design-system/theme/tokens.js

@@ -0,0 +1,219 @@
+const themeTokens = [
+    {
+        name: '--seblify-color-page',
+        category: 'Surface',
+        value: '#f4f6f8',
+        description: 'Default page background behind component surfaces.',
+    },
+    {
+        name: '--seblify-color-text',
+        category: 'Text',
+        value: '#172033',
+        description: 'Primary text color on page and surface backgrounds.',
+    },
+    {
+        name: '--seblify-color-text-muted',
+        category: 'Text',
+        value: '#516176',
+        description: 'Secondary text for descriptions, helper text, and metadata.',
+    },
+    {
+        name: '--seblify-color-text-subtle',
+        category: 'Text',
+        value: '#667085',
+        description: 'Lower-emphasis text for labels, separators, and quiet UI.',
+    },
+    {
+        name: '--seblify-color-text-inverse',
+        category: 'Text',
+        value: '#ffffff',
+        description: 'Text placed on inverse surfaces.',
+    },
+    {
+        name: '--seblify-color-surface',
+        category: 'Surface',
+        value: '#ffffff',
+        description: 'Default component surface.',
+    },
+    {
+        name: '--seblify-color-surface-raised',
+        category: 'Surface',
+        value: '#ffffff',
+        description: 'Raised surface for panels, popovers, and elevated UI.',
+    },
+    {
+        name: '--seblify-color-surface-muted',
+        category: 'Surface',
+        value: '#d9e0e8',
+        description: 'Muted surface for inactive controls and subtle areas.',
+    },
+    {
+        name: '--seblify-color-surface-hover',
+        category: 'Surface',
+        value: '#f1f4f9',
+        description: 'Surface color for hover states on neutral controls.',
+    },
+    {
+        name: '--seblify-color-surface-accent',
+        category: 'Surface',
+        value: '#f7fbfb',
+        description: 'Subtle accent surface for selected or filled areas.',
+    },
+    {
+        name: '--seblify-color-surface-inverse',
+        category: 'Surface',
+        value: '#172033',
+        description: 'High-contrast inverse surface for sidebars and snackbars.',
+    },
+    {
+        name: '--seblify-color-surface-inverse-hover',
+        category: 'Surface',
+        value: '#263043',
+        description: 'Hover or active state on inverse surfaces.',
+    },
+    {
+        name: '--seblify-color-border',
+        category: 'Border',
+        value: '#c8d2df',
+        description: 'Default border for controls and containers.',
+    },
+    {
+        name: '--seblify-color-border-strong',
+        category: 'Border',
+        value: '#aab7c5',
+        description: 'Stronger border for interactive controls.',
+    },
+    {
+        name: '--seblify-color-border-accent',
+        category: 'Border',
+        value: '#9ab7ba',
+        description: 'Accent border for selected or filled states.',
+    },
+    {
+        name: '--seblify-color-border-inverse',
+        category: 'Border',
+        value: '#263043',
+        description: 'Border used on inverse surfaces.',
+    },
+    {
+        name: '--seblify-color-fill-accent',
+        category: 'Fill',
+        value: '#146a6f',
+        description: 'Solid accent fill for selected controls and primary states.',
+    },
+    {
+        name: '--seblify-color-fill-accent-hover',
+        category: 'Fill',
+        value: '#0d4d52',
+        description: 'Hover fill for accent controls.',
+    },
+    {
+        name: '--seblify-color-fill-accent-text',
+        category: 'Fill',
+        value: '#ffffff',
+        description: 'Text or foreground placed on accent fills.',
+    },
+    {
+        name: '--seblify-color-info-surface',
+        category: 'Status',
+        value: '#eaf3ff',
+        description: 'Info status surface.',
+    },
+    {
+        name: '--seblify-color-info-border',
+        category: 'Status',
+        value: '#bfd1ea',
+        description: 'Info status border.',
+    },
+    {
+        name: '--seblify-color-info-text',
+        category: 'Status',
+        value: '#102f55',
+        description: 'Text on info status surfaces.',
+    },
+    {
+        name: '--seblify-color-success-surface',
+        category: 'Status',
+        value: '#e8f8ee',
+        description: 'Success status surface.',
+    },
+    {
+        name: '--seblify-color-success-border',
+        category: 'Status',
+        value: '#b8ddc7',
+        description: 'Success status border.',
+    },
+    {
+        name: '--seblify-color-success-text',
+        category: 'Status',
+        value: '#143d25',
+        description: 'Text on success status surfaces.',
+    },
+    {
+        name: '--seblify-color-warning-surface',
+        category: 'Status',
+        value: '#fff6d8',
+        description: 'Warning status surface.',
+    },
+    {
+        name: '--seblify-color-warning-border',
+        category: 'Status',
+        value: '#e8d28f',
+        description: 'Warning status border.',
+    },
+    {
+        name: '--seblify-color-warning-text',
+        category: 'Status',
+        value: '#4d3900',
+        description: 'Text on warning status surfaces.',
+    },
+    {
+        name: '--seblify-color-error-surface',
+        category: 'Status',
+        value: '#fff0f0',
+        description: 'Error status surface.',
+    },
+    {
+        name: '--seblify-color-error-border',
+        category: 'Status',
+        value: '#efb6b6',
+        description: 'Error status border.',
+    },
+    {
+        name: '--seblify-color-error-text',
+        category: 'Status',
+        value: '#5a1717',
+        description: 'Text on error status surfaces.',
+    },
+    {
+        name: '--seblify-color-focus-ring',
+        category: 'Focus',
+        value: '#9bd4d8',
+        description: 'Visible keyboard focus outline.',
+    },
+    {
+        name: '--seblify-opacity-disabled',
+        category: 'State',
+        value: '0.56',
+        description: 'Opacity for disabled controls.',
+    },
+    {
+        name: '--seblify-shadow-control',
+        category: 'Shadow',
+        value: '0 1px 3px rgb(16 24 40 / 24%)',
+        description: 'Small control shadow, currently used by switch thumbs.',
+    },
+    {
+        name: '--seblify-shadow-raised',
+        category: 'Shadow',
+        value: '0 12px 28px rgb(23 32 51 / 22%)',
+        description: 'Raised shadow for floating UI.',
+    },
+    {
+        name: '--seblify-shadow-status',
+        category: 'Shadow',
+        value: '0 10px 24px rgb(20 61 37 / 14%)',
+        description: 'Soft shadow for status messages.',
+    },
+];
+export default themeTokens;

package/dist/icons/generated/chevron-double-down.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
+
+  interface Props {
+    label?: string;
+    size?: number | string;
+  }
+
+  let { label, size }: Props = $props();
+  const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.59 5.58997L18 6.99997L12 13L6 6.99997L7.41 5.58997L12 10.17L16.59 5.58997ZM16.59 11.59L18 13L12 19L6 13L7.41 11.59L12 16.17L16.59 11.59Z" fill="black"/>
+</svg>
+`;
+</script>
+
+<IconGlyph {label} {size} {source} />

package/dist/icons/generated/chevron-double-down.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label?: string;
+    size?: number | string;
+}
+declare const ChevronDoubleDown: import("svelte").Component<Props, {}, "">;
+type ChevronDoubleDown = ReturnType<typeof ChevronDoubleDown>;
+export default ChevronDoubleDown;

package/dist/icons/generated/chevron-double-left.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
+
+  interface Props {
+    label?: string;
+    size?: number | string;
+  }
+
+  let { label, size }: Props = $props();
+  const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.41 7.41L17 6L11 12L17 18L18.41 16.59L13.83 12L18.41 7.41ZM12.41 7.41L11 6L5 12L11 18L12.41 16.59L7.83 12L12.41 7.41Z" fill="black"/>
+</svg>
+`;
+</script>
+
+<IconGlyph {label} {size} {source} />

package/dist/icons/generated/chevron-double-left.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label?: string;
+    size?: number | string;
+}
+declare const ChevronDoubleLeft: import("svelte").Component<Props, {}, "">;
+type ChevronDoubleLeft = ReturnType<typeof ChevronDoubleLeft>;
+export default ChevronDoubleLeft;

package/dist/icons/generated/chevron-double-right.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
+
+  interface Props {
+    label?: string;
+    size?: number | string;
+  }
+
+  let { label, size }: Props = $props();
+  const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.59009 7.41L7.00009 6L13.0001 12L7.00009 18L5.59009 16.59L10.1701 12L5.59009 7.41ZM11.5901 7.41L13.0001 6L19.0001 12L13.0001 18L11.5901 16.59L16.1701 12L11.5901 7.41Z" fill="black"/>
+</svg>
+`;
+</script>
+
+<IconGlyph {label} {size} {source} />

package/dist/icons/generated/chevron-double-right.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label?: string;
+    size?: number | string;
+}
+declare const ChevronDoubleRight: import("svelte").Component<Props, {}, "">;
+type ChevronDoubleRight = ReturnType<typeof ChevronDoubleRight>;
+export default ChevronDoubleRight;

package/dist/icons/generated/chevron-double-up.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
+
+  interface Props {
+    label?: string;
+    size?: number | string;
+  }
+
+  let { label, size }: Props = $props();
+  const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.41 18.41L6 17L12 11L18 17L16.59 18.41L12 13.83L7.41 18.41ZM7.41 12.41L6 11L12 5L18 11L16.59 12.41L12 7.83L7.41 12.41Z" fill="black"/>
+</svg>
+`;
+</script>
+
+<IconGlyph {label} {size} {source} />

package/dist/icons/generated/chevron-double-up.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label?: string;
+    size?: number | string;
+}
+declare const ChevronDoubleUp: import("svelte").Component<Props, {}, "">;
+type ChevronDoubleUp = ReturnType<typeof ChevronDoubleUp>;
+export default ChevronDoubleUp;

package/dist/icons/generated/chevron-down.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import IconGlyph from '../../components/display/media/icon/IconGlyph.svelte';
+
+  interface Props {
+    label?: string;
+    size?: number | string;
+  }
+
+  let { label, size }: Props = $props();
+  const source = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.41 8.57996L12 13.17L16.59 8.57996L18 9.99996L12 16L6 9.99996L7.41 8.57996Z" fill="black"/>
+</svg>
+`;
+</script>
+
+<IconGlyph {label} {size} {source} />

package/dist/icons/generated/chevron-down.svelte.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    label?: string;
+    size?: number | string;
+}
+declare const ChevronDown: import("svelte").Component<Props, {}, "">;
+type ChevronDown = ReturnType<typeof ChevronDown>;
+export default ChevronDown;