ics-ui-kit 0.1.18 → 1.0.0-alpha.0

package/dist/docs/tailwind-utilities/ScrollFade.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+/**
+ * Демонстрация утилиты `scroll-fade` из `shadcn/tailwind.css`.
+ *
+ * Утилита существует только в Tailwind 4: она объявлена через `@utility` и
+ * использует `--value()`/`--modifier()`, которых в v3 нет. Если эти стори
+ * рендерятся — значит Storybook действительно собран на Tailwind 4 (UIK-302).
+ *
+ * Края гасятся через `mask-image`, а не наложенным градиентом, поэтому фон
+ * может быть любым. Глубина заливки управляется `--scroll-fade-size`,
+ * появление/исчезновение края — `animation-timeline: scroll()`.
+ */
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Вертикальная прокрутка: верхний и нижний края гаснут по мере скролла. */
+export declare const Vertical: Story;
+/** Горизонтальная прокрутка — та же механика по оси inline. */
+export declare const Horizontal: Story;
+/** Только один край — когда нижняя граница контейнера и так очевидна. */
+export declare const SingleEdge: Story;
+/** Глубина заливки: `scroll-fade-<number>` по шкале spacing. */
+export declare const Size: Story;

package/dist/docs/tailwind-utilities/Shimmer.stories.d.ts

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react';
+/**
+ * Демонстрация утилиты `shimmer` из `shadcn/tailwind.css`.
+ *
+ * Как и `scroll-fade`, утилита существует только в Tailwind 4 — она объявлена
+ * через `@utility` с `--value()`/`--modifier()`. Подсветка строится на
+ * `background-clip: text` и `color-mix(in oklch, …)`, поэтому цвет блика
+ * выводится из текущего цвета текста и работает в обеих темах без настройки.
+ *
+ * `prefers-reduced-motion` утилита уважает сама.
+ */
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+/** Базовое применение — статус длительной операции. */
+export declare const Default: Story;
+/** Модификаторы поведения. */
+export declare const Modifiers: Story;
+/** Скорость прохода — `shimmer-duration-<ms>`. */
+export declare const Duration: Story;
+/**
+ * Цвет блика — `shimmer-color-<color>`. Утилита принимает токены темы,
+ * поэтому цвета кита работают напрямую.
+ */
+export declare const Color: Story;
+/** Ширина и наклон полосы подсветки. */
+export declare const SpreadAndAngle: Story;