@simpli-route/apollo-ds 0.1.40 → 0.1.42

package/dist/stories/InvisibleSelect.stories.d.ts

@@ -0,0 +1,108 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: (<T extends object>(props: import('../components').InvisibleSelectProps<T> & {
+        ref?: import('react').Ref<HTMLButtonElement> | undefined;
+    }) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>) & {
+        displayName?: string | undefined;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        label: string;
+        captionError: string;
+        placeholder: string;
+        size: "bodyDefault";
+    };
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        orientation: {
+            control: "select";
+            options: string[];
+        };
+        validationState: {
+            control: "select";
+            options: (string | undefined)[];
+        };
+        isDisabled: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Hover: Story;
+export declare const Active: Story;
+export declare const Error: Story;
+export declare const Disabled: Story;
+export declare const BodySm: Story;
+export declare const H5: Story;
+export declare const H3: Story;
+export declare const Horizontal: Story;
+export declare const HorizontalWithError: Story;
+export declare const WithSelectedValue: Story;
+export declare const WithDynamicItems: Story;
+export declare const WithTooltip: Story;
+export declare const Required: Story;
+export declare const Controlled: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Multiple Selection Mode Stories
+ *
+ * These stories demonstrate the InvisibleSelect component with selectionMode="multiple",
+ * allowing users to select multiple options from the dropdown list.
+ *
+ * Key Features:
+ * - Users can select multiple items by clicking on them
+ * - Selected items are visually indicated with checkmarks
+ * - The component displays the count of selected items or the selected items themselves
+ * - Each selected item can be individually deselected
+ */
+export declare const MultipleSelection: Story;
+export declare const MultipleSelectionWithDefaults: Story;
+export declare const MultipleSelectionWithError: Story;
+export declare const MultipleSelectionDisabled: Story;
+export declare const MultipleSelectionControlled: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const MultipleSelectionWithDynamicItems: Story;
+export declare const MultipleSelectionHorizontal: Story;
+/**
+ * Locale and Internationalization Support
+ *
+ * The InvisibleSelect component supports internationalization through the useLocale hook from react-aria-components.
+ * This provides proper locale-aware behavior for:
+ *
+ * - Date and number formatting
+ * - Text direction (RTL/LTR support)
+ * - Accessibility announcements
+ * - Keyboard navigation patterns
+ *
+ * The component automatically detects the user's locale and applies appropriate formatting and behavior.
+ */
+export declare const LocaleSupport: Story;
+export declare const MultiLanguageExample: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/stories/Slider.stories.d.ts

@@ -0,0 +1,13 @@
+import { Slider } from '../components';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof Slider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SliderSingle: Story;
+export declare const SliderRange: Story;
+export declare const SliderRangeTooltipTop: Story;
+export declare const SliderRangeTooltipBottom: Story;
+export declare const SliderSingleTooltipLightTop: Story;
+export declare const SliderSingleTooltipLightBottom: Story;
+export declare const SliderRangeCustomSuffix: Story;

package/dist/stories/Tabs.stories.d.ts

@@ -0,0 +1,10 @@
+import { Tabs, TabsProps } from '../components/Tabs';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<TabsProps<object>>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const DisabledSingleTab: Story;
+export declare const DisabledAllTabs: Story;

package/dist/stories/Tooltip.stories.d.ts

@@ -0,0 +1,16 @@
+import { Tooltip } from '../components';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const None: Story;
+export declare const Top: Story;
+export declare const TopStart: Story;
+export declare const TopEnd: Story;
+export declare const Bottom: Story;
+export declare const BottomStart: Story;
+export declare const BottomEnd: Story;
+export declare const Right: Story;
+export declare const Left: Story;
+export declare const WithSupportText: Story;

package/dist/style.css

@@ -931,6 +931,9 @@ select {
 .ml-3 {
   margin-left: 0.75rem;
 }
+.ml-4 {
+  margin-left: 1rem;
+}
 .mr-1 {
   margin-right: 0.25rem;
 }
@@ -952,6 +955,9 @@ select {
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
+.mt-1 {
+  margin-top: 0.25rem;
+}
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -1094,12 +1100,27 @@ select {
 .\!max-h-\[185px\] {
   max-height: 185px !important;
 }
+.\!max-h-\[300px\] {
+  max-height: 300px !important;
+}
 .max-h-12 {
   max-height: 3rem;
 }
 .max-h-60 {
   max-height: 15rem;
 }
+.min-h-\[28px\] {
+  min-height: 28px;
+}
+.min-h-\[32px\] {
+  min-height: 32px;
+}
+.min-h-\[36px\] {
+  min-height: 36px;
+}
+.min-h-\[44px\] {
+  min-height: 44px;
+}
 .min-h-full {
   min-height: 100%;
 }
@@ -1174,9 +1195,18 @@ select {
 .\!min-w-\[150px\] {
   min-width: 150px !important;
 }
+.min-w-0 {
+  min-width: 0px;
+}
 .min-w-48 {
   min-width: 12rem;
 }
+.min-w-\[--trigger-width\] {
+  min-width: var(--trigger-width);
+}
+.min-w-\[120px\] {
+  min-width: 120px;
+}
 .min-w-full {
   min-width: 100%;
 }
@@ -1186,9 +1216,15 @@ select {
 .max-w-\[280px\] {
   max-width: 280px;
 }
+.max-w-\[300px\] {
+  max-width: 300px;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
 .shrink-0 {
   flex-shrink: 0;
 }
@@ -1247,6 +1283,12 @@ select {
 .scroll-m-12 {
   scroll-margin: 3rem;
 }
+.list-inside {
+  list-style-position: inside;
+}
+.list-disc {
+  list-style-type: disc;
+}
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -1292,6 +1334,9 @@ select {
 .gap-5 {
   gap: 1.25rem;
 }
+.gap-6 {
+  gap: 1.5rem;
+}
 .gap-x-1 {
   -moz-column-gap: 0.25rem;
        column-gap: 0.25rem;
@@ -1317,6 +1362,11 @@ select {
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
 }
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2072,6 +2122,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(61 19 15 / var(--tw-text-opacity));
 }
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
 .text-gray-600 {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity));
@@ -2184,6 +2238,12 @@ select {
   --tw-text-opacity: 1;
   color: rgb(111 87 17 / var(--tw-text-opacity));
 }
+.opacity-0 {
+  opacity: 0;
+}
+.opacity-100 {
+  opacity: 1;
+}
 .opacity-50 {
   opacity: 0.5;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "type": "module",
   "files": [
     "dist"