@noxlovette/material 0.5.1 → 0.6.1

package/dist/components/containers/list/theme.d.ts

@@ -1,67 +1,542 @@
+import { type VariantProps } from '../../../utils/tv.js';
+export type ListVariants = VariantProps<typeof list>;
+export type ListMediaVariants = VariantProps<typeof listMedia>;
+export declare const list: import("tailwind-variants").TVReturnType<{
+    variant: {
+        standard: "";
+        segmented: "gap-spacing-25 [&>:first-child]:[--li-top:1rem] [&>:last-child]:[--li-bottom:1rem]";
+    };
+}, undefined, "flex w-full flex-col [--li-bottom:initial] [--li-top:initial]", {
+    variant: {
+        standard: "";
+        segmented: "gap-spacing-25 [&>:first-child]:[--li-top:1rem] [&>:last-child]:[--li-bottom:1rem]";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    variant: {
+        standard: "";
+        segmented: "gap-spacing-25 [&>:first-child]:[--li-top:1rem] [&>:last-child]:[--li-bottom:1rem]";
+    };
+}, undefined>>;
+export declare const listItem: import("tailwind-variants").TVReturnType<{
+    lines: {
+        1: {
+            base: string;
+        };
+        2: {
+            base: string;
+        };
+        3: {
+            base: string;
+            leading: string;
+            trailing: string;
+        };
+    };
+    variant: {
+        standard: {
+            base: string;
+            nested: string;
+        };
+        segmented: {
+            base: string;
+            nested: string;
+        };
+    };
+    interactive: {
+        true: {
+            base: string[];
+        };
+        false: "";
+    };
+    selected: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    disabled: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    expanded: {
+        true: {
+            base: string;
+            expandIcon: string;
+            region: string;
+            nested: string;
+        };
+        false: {
+            expandIcon: string;
+            region: string;
+        };
+    };
+}, {
+    base: string[];
+    leading: string;
+    body: string;
+    overline: string;
+    headline: string;
+    supporting: string;
+    trailing: string;
+    trailingText: string;
+    expandIcon: string;
+    group: string;
+    region: string;
+    regionInner: string;
+    nested: string;
+}, undefined, {
+    lines: {
+        1: {
+            base: string;
+        };
+        2: {
+            base: string;
+        };
+        3: {
+            base: string;
+            leading: string;
+            trailing: string;
+        };
+    };
+    variant: {
+        standard: {
+            base: string;
+            nested: string;
+        };
+        segmented: {
+            base: string;
+            nested: string;
+        };
+    };
+    interactive: {
+        true: {
+            base: string[];
+        };
+        false: "";
+    };
+    selected: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    disabled: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    expanded: {
+        true: {
+            base: string;
+            expandIcon: string;
+            region: string;
+            nested: string;
+        };
+        false: {
+            expandIcon: string;
+            region: string;
+        };
+    };
+}, {
+    base: string[];
+    leading: string;
+    body: string;
+    overline: string;
+    headline: string;
+    supporting: string;
+    trailing: string;
+    trailingText: string;
+    expandIcon: string;
+    group: string;
+    region: string;
+    regionInner: string;
+    nested: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    lines: {
+        1: {
+            base: string;
+        };
+        2: {
+            base: string;
+        };
+        3: {
+            base: string;
+            leading: string;
+            trailing: string;
+        };
+    };
+    variant: {
+        standard: {
+            base: string;
+            nested: string;
+        };
+        segmented: {
+            base: string;
+            nested: string;
+        };
+    };
+    interactive: {
+        true: {
+            base: string[];
+        };
+        false: "";
+    };
+    selected: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    disabled: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    expanded: {
+        true: {
+            base: string;
+            expandIcon: string;
+            region: string;
+            nested: string;
+        };
+        false: {
+            expandIcon: string;
+            region: string;
+        };
+    };
+}, {
+    base: string[];
+    leading: string;
+    body: string;
+    overline: string;
+    headline: string;
+    supporting: string;
+    trailing: string;
+    trailingText: string;
+    expandIcon: string;
+    group: string;
+    region: string;
+    regionInner: string;
+    nested: string;
+}>>;
+/** @deprecated Misspelled; use `listItem`. */
 export declare const listiem: import("tailwind-variants").TVReturnType<{
     lines: {
-        1: "h-14";
-        2: "h-18";
-        3: "h-22";
+        1: {
+            base: string;
+        };
+        2: {
+            base: string;
+        };
+        3: {
+            base: string;
+            leading: string;
+            trailing: string;
+        };
+    };
+    variant: {
+        standard: {
+            base: string;
+            nested: string;
+        };
+        segmented: {
+            base: string;
+            nested: string;
+        };
+    };
+    interactive: {
+        true: {
+            base: string[];
+        };
+        false: "";
     };
     selected: {
         true: {
             base: string;
+            leading: string;
+            overline: string;
             headline: string;
+            supporting: string;
             trailing: string;
+            trailingText: string;
         };
         false: "";
     };
+    disabled: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    expanded: {
+        true: {
+            base: string;
+            expandIcon: string;
+            region: string;
+            nested: string;
+        };
+        false: {
+            expandIcon: string;
+            region: string;
+        };
+    };
 }, {
-    base: string;
+    base: string[];
     leading: string;
     body: string;
     overline: string;
     headline: string;
     supporting: string;
     trailing: string;
+    trailingText: string;
+    expandIcon: string;
+    group: string;
+    region: string;
+    regionInner: string;
+    nested: string;
 }, undefined, {
     lines: {
-        1: "h-14";
-        2: "h-18";
-        3: "h-22";
+        1: {
+            base: string;
+        };
+        2: {
+            base: string;
+        };
+        3: {
+            base: string;
+            leading: string;
+            trailing: string;
+        };
+    };
+    variant: {
+        standard: {
+            base: string;
+            nested: string;
+        };
+        segmented: {
+            base: string;
+            nested: string;
+        };
+    };
+    interactive: {
+        true: {
+            base: string[];
+        };
+        false: "";
     };
     selected: {
         true: {
             base: string;
+            leading: string;
+            overline: string;
             headline: string;
+            supporting: string;
             trailing: string;
+            trailingText: string;
         };
         false: "";
     };
+    disabled: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    expanded: {
+        true: {
+            base: string;
+            expandIcon: string;
+            region: string;
+            nested: string;
+        };
+        false: {
+            expandIcon: string;
+            region: string;
+        };
+    };
 }, {
-    base: string;
+    base: string[];
     leading: string;
     body: string;
     overline: string;
     headline: string;
     supporting: string;
     trailing: string;
+    trailingText: string;
+    expandIcon: string;
+    group: string;
+    region: string;
+    regionInner: string;
+    nested: string;
 }, import("tailwind-variants").TVReturnTypeLike<{
     lines: {
-        1: "h-14";
-        2: "h-18";
-        3: "h-22";
+        1: {
+            base: string;
+        };
+        2: {
+            base: string;
+        };
+        3: {
+            base: string;
+            leading: string;
+            trailing: string;
+        };
+    };
+    variant: {
+        standard: {
+            base: string;
+            nested: string;
+        };
+        segmented: {
+            base: string;
+            nested: string;
+        };
+    };
+    interactive: {
+        true: {
+            base: string[];
+        };
+        false: "";
     };
     selected: {
         true: {
             base: string;
+            leading: string;
+            overline: string;
+            headline: string;
+            supporting: string;
+            trailing: string;
+            trailingText: string;
+        };
+        false: "";
+    };
+    disabled: {
+        true: {
+            base: string;
+            leading: string;
+            overline: string;
             headline: string;
+            supporting: string;
             trailing: string;
+            trailingText: string;
         };
         false: "";
     };
+    expanded: {
+        true: {
+            base: string;
+            expandIcon: string;
+            region: string;
+            nested: string;
+        };
+        false: {
+            expandIcon: string;
+            region: string;
+        };
+    };
 }, {
-    base: string;
+    base: string[];
     leading: string;
     body: string;
     overline: string;
     headline: string;
     supporting: string;
     trailing: string;
+    trailingText: string;
+    expandIcon: string;
+    group: string;
+    region: string;
+    regionInner: string;
+    nested: string;
 }>>;
+/**
+ * Sizes and shapes for a list item's leading media, per the M3 list spec. Apply it to whatever you
+ * render in `leading`, so the item keeps spec padding and alignment:
+ *
+ * ```svelte
+ * {#snippet leading()}
+ *   <img src={cover} alt="" class={listMedia({ kind: 'image' })} />
+ * {/snippet}
+ * ```
+ *
+ * - `icon`: 20dp. Prefer `<Icon size="sm">`, which is already 20dp.
+ * - `avatar`: 40dp circle, e.g. `<Avatar class={listMedia({ kind: 'avatar' })} />`.
+ * - `image`: 56dp square, 8dp corners.
+ * - `video`: 100×56dp, 8dp corners. `videoLarge`: 114×64dp.
+ */
+export declare const listMedia: import("tailwind-variants").TVReturnType<{
+    kind: {
+        icon: "size-spacing-250";
+        avatar: "size-spacing-500 rounded-full";
+        image: "size-spacing-700 rounded-lg object-cover";
+        video: "h-spacing-700 w-25 rounded-lg object-cover";
+        videoLarge: "h-spacing-800 w-28.5 rounded-lg object-cover";
+    };
+}, undefined, "shrink-0", {
+    kind: {
+        icon: "size-spacing-250";
+        avatar: "size-spacing-500 rounded-full";
+        image: "size-spacing-700 rounded-lg object-cover";
+        video: "h-spacing-700 w-25 rounded-lg object-cover";
+        videoLarge: "h-spacing-800 w-28.5 rounded-lg object-cover";
+    };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+    kind: {
+        icon: "size-spacing-250";
+        avatar: "size-spacing-500 rounded-full";
+        image: "size-spacing-700 rounded-lg object-cover";
+        video: "h-spacing-700 w-25 rounded-lg object-cover";
+        videoLarge: "h-spacing-800 w-28.5 rounded-lg object-cover";
+    };
+}, undefined>>;