@ibobbyts/svelte-ui-utils 0.2.7 → 0.2.9

package/README.md

@@ -255,6 +255,7 @@ countdown bar.
   options={pageSizeOptions}
   ariaLabel="Rows"
   placement="down"
+  menuAlign="left"
   onChange={(next) => {
     pageSize = next;
   }}
@@ -263,7 +264,11 @@ countdown bar.
 
 `Dropdown` is a controlled select-like component for simple option lists. Use
 `placement="up"` when the menu should open above the trigger, such as bottom
-pagination bars. `DataTable` uses this same component for its page-size picker.
+pagination bars. Use `menuAlign="left"` when the expanded menu should share the
+trigger's left edge; the default is `right` for backward compatibility.
+`fitContent` can be combined with `menuAlign="left"` to size the menu to its
+longest option while keeping its left edge aligned. `DataTable` uses this same
+component for its page-size picker.
 
 ## DataTable
 
@@ -409,7 +414,9 @@ selected first, the year select fills with the most recent matching year. For
 example, in July 2026, July resolves to 2026 and August resolves to 2025. Pass
 `defaultPreset` to apply a preset on mount when the current value is empty.
 Clicking the currently active preset clears both date inputs and emits an empty
-range. The `last24Hours` preset also emits `startDateTime` and `endDateTime` so
+range. `thisWeek`, `thisMonth`, and `thisYear` cover the complete calendar
+period, including days after today. The `last24Hours` preset also emits
+`startDateTime` and `endDateTime` so
 a consuming app can run an exact timestamp query while still showing the covered
 dates in the inputs.
 
@@ -486,23 +493,22 @@ inside a theme root:
 
 ## Release
 
-Publishing is release-driven:
-
 Do not publish this package as part of consumer-app local integration work.
-Create tags, GitHub Releases, or package publishes only when a release is
-explicitly requested.
+Publish only when a release is explicitly requested. Releases are published
+directly from the maintainer's machine to npm; do not create a GitHub Actions
+secret or a GitHub Release for package publishing.
+
+The npm token is exported as `NPM_TOKEN` from `~/.zshrc`. After updating the
+package version, run the validation and publish commands locally:
 
 ```bash
-gh repo create iBobbyTS/svelte-ui-utils --public --source . --remote origin --push
-git tag v0.2.0
-git push origin v0.2.0
-gh release create v0.2.0 --title "v0.2.0" --notes "Publish public npm package"
-gh run watch
+npm run check
+npm test
+npm run package
+npm publish --access public
 ```
 
-The release workflow runs checks and publishes to the public npm registry with
-the repository secret `NPM_TOKEN`. The token must have permission to publish
-`@ibobbyts/svelte-ui-utils`; do not commit it to this repository.
+Never commit the npm token or copy it into repository settings.
 
 ## Bun install verification
 

package/dist/data-table/DateRangeFilter.svelte

@@ -4,6 +4,7 @@
   import { onMount } from 'svelte';
   import Dropdown from '../dropdown/Dropdown.svelte';
   import { getUiMessages, type UiLanguage } from '../i18n.js';
+  import { endOfMonth, formatDate, resolveDateRangePreset, startOfDay } from './date-range.js';
   import type { DateRangeFilterValue, DateRangePreset } from './types.js';
 
   export let value: DateRangeFilterValue = {
@@ -49,39 +50,6 @@
     ...quickYearOptions.map((year) => ({ label: String(year), value: String(year) }))
   ];
 
-  function pad(value: number) {
-    return String(value).padStart(2, '0');
-  }
-
-  function formatDate(date: Date) {
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-  }
-
-  function formatDateTime(date: Date) {
-    return `${formatDate(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-  }
-
-  function startOfDay(date: Date) {
-    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  }
-
-  function addDays(date: Date, days: number) {
-    const next = new Date(date);
-    next.setDate(next.getDate() + days);
-    return next;
-  }
-
-  function startOfWeek(date: Date) {
-    const start = startOfDay(date);
-    const day = start.getDay();
-    const offset = weekStartsOn === 1 ? (day + 6) % 7 : day;
-    return addDays(start, -offset);
-  }
-
-  function endOfMonth(year: number, month: number) {
-    return new Date(year, month, 0);
-  }
-
   function resolveYearForMonth(month: number) {
     const today = startOfDay(now());
     return month <= today.getMonth() + 1 ? today.getFullYear() : today.getFullYear() - 1;
@@ -104,65 +72,7 @@
   }
 
   function resolvePreset(preset: DateRangePreset): DateRangeFilterValue {
-    const current = now();
-    const today = startOfDay(current);
-
-    if (preset === 'last24Hours') {
-      const start = new Date(current.getTime() - 24 * 60 * 60 * 1000);
-      return {
-        startDate: formatDate(start),
-        endDate: formatDate(current),
-        preset,
-        startDateTime: formatDateTime(start),
-        endDateTime: formatDateTime(current)
-      };
-    }
-
-    if (preset === 'last7Days') {
-      return {
-        startDate: formatDate(addDays(today, -6)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'last30Days') {
-      return {
-        startDate: formatDate(addDays(today, -29)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'thisWeek') {
-      return {
-        startDate: formatDate(startOfWeek(today)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'thisMonth') {
-      return {
-        startDate: formatDate(new Date(today.getFullYear(), today.getMonth(), 1)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'thisYear') {
-      return {
-        startDate: formatDate(new Date(today.getFullYear(), 0, 1)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    return {
-      startDate: formatDate(today),
-      endDate: formatDate(today),
-      preset
-    };
+    return resolveDateRangePreset(preset, now(), weekStartsOn);
   }
 
   function emit(next: DateRangeFilterValue) {

package/dist/data-table/DateRangeFilter.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/DateRangeFilter.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA0RxE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,eAAe;YAV2O,oBAAoB;eAAa,UAAU;iBAAe,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;mBAAiB,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBAAkB,eAAe,GAAG,SAAS;iBAAe,MAAM,EAAE,GAAG,SAAS;UAAQ,MAAM,IAAI;mBAAiB,CAAC,GAAG,CAAC;eAAa,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS;;;kBAUxf,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DateRangeFilter.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/DateRangeFilter.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAgMxE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,eAAe;YAV2O,oBAAoB;eAAa,UAAU;iBAAe,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;mBAAiB,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBAAkB,eAAe,GAAG,SAAS;iBAAe,MAAM,EAAE,GAAG,SAAS;UAAQ,MAAM,IAAI;mBAAiB,CAAC,GAAG,CAAC;eAAa,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS;;;kBAUxf,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/data-table/date-range.d.ts

@@ -0,0 +1,6 @@
+import type { DateRangeFilterValue, DateRangePreset } from './types.js';
+export declare function formatDate(date: Date): string;
+export declare function startOfDay(date: Date): Date;
+export declare function endOfMonth(year: number, month: number): Date;
+export declare function resolveDateRangePreset(preset: DateRangePreset, current: Date, weekStartsOn?: 0 | 1): DateRangeFilterValue;
+//# sourceMappingURL=date-range.d.ts.map

package/dist/data-table/date-range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/date-range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAMxE,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,UAEpC;AAMD,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,QAEpC;AAeD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAErD;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,IAAI,EACb,YAAY,GAAE,CAAC,GAAG,CAAK,GACtB,oBAAoB,CA4DtB"}

package/dist/data-table/date-range.js

@@ -0,0 +1,80 @@
+function pad(value) {
+    return String(value).padStart(2, '0');
+}
+export function formatDate(date) {
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function formatDateTime(date) {
+    return `${formatDate(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+}
+export function startOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function addDays(date, days) {
+    const next = new Date(date);
+    next.setDate(next.getDate() + days);
+    return next;
+}
+function startOfWeek(date, weekStartsOn) {
+    const start = startOfDay(date);
+    const day = start.getDay();
+    const offset = weekStartsOn === 1 ? (day + 6) % 7 : day;
+    return addDays(start, -offset);
+}
+export function endOfMonth(year, month) {
+    return new Date(year, month, 0);
+}
+export function resolveDateRangePreset(preset, current, weekStartsOn = 1) {
+    const today = startOfDay(current);
+    if (preset === 'last24Hours') {
+        const start = new Date(current.getTime() - 24 * 60 * 60 * 1000);
+        return {
+            startDate: formatDate(start),
+            endDate: formatDate(current),
+            preset,
+            startDateTime: formatDateTime(start),
+            endDateTime: formatDateTime(current)
+        };
+    }
+    if (preset === 'last7Days') {
+        return {
+            startDate: formatDate(addDays(today, -6)),
+            endDate: formatDate(today),
+            preset
+        };
+    }
+    if (preset === 'last30Days') {
+        return {
+            startDate: formatDate(addDays(today, -29)),
+            endDate: formatDate(today),
+            preset
+        };
+    }
+    if (preset === 'thisWeek') {
+        const start = startOfWeek(today, weekStartsOn);
+        return {
+            startDate: formatDate(start),
+            endDate: formatDate(addDays(start, 6)),
+            preset
+        };
+    }
+    if (preset === 'thisMonth') {
+        return {
+            startDate: formatDate(new Date(today.getFullYear(), today.getMonth(), 1)),
+            endDate: formatDate(endOfMonth(today.getFullYear(), today.getMonth() + 1)),
+            preset
+        };
+    }
+    if (preset === 'thisYear') {
+        return {
+            startDate: formatDate(new Date(today.getFullYear(), 0, 1)),
+            endDate: formatDate(new Date(today.getFullYear(), 11, 31)),
+            preset
+        };
+    }
+    return {
+        startDate: formatDate(today),
+        endDate: formatDate(today),
+        preset
+    };
+}

package/dist/data-table/index.d.ts

@@ -4,6 +4,7 @@ export { default as FilterTable } from './FilterTable.svelte';
 export { default as NumberRangeFilter } from './NumberRangeFilter.svelte';
 export { default as Pagination } from '../pagination/Pagination.svelte';
 export { filter } from './filter.js';
+export { resolveDateRangePreset } from './date-range.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
 export { getAriaSort, getCellValue, getPageCount, normalizePagination, setDataTableFilters, setDataTablePageSize, setDataTablePagination, setDataTableSort, toggleSort } from './state.js';
 export type { UiLanguage, UiMessages } from '../i18n.js';

package/dist/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACX,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,0BAA0B,EAC1B,cAAc,EACd,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,WAAW,EACX,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,SAAS,EACV,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACX,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,0BAA0B,EAC1B,cAAc,EACd,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,WAAW,EACX,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,SAAS,EACV,MAAM,YAAY,CAAC"}

package/dist/data-table/index.js

@@ -4,5 +4,6 @@ export { default as FilterTable } from './FilterTable.svelte';
 export { default as NumberRangeFilter } from './NumberRangeFilter.svelte';
 export { default as Pagination } from '../pagination/Pagination.svelte';
 export { filter } from './filter.js';
+export { resolveDateRangePreset } from './date-range.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
 export { getAriaSort, getCellValue, getPageCount, normalizePagination, setDataTableFilters, setDataTablePageSize, setDataTablePagination, setDataTableSort, toggleSort } from './state.js';

package/dist/dropdown/Dropdown.svelte

@@ -2,13 +2,14 @@
 
 <script lang="ts">
   import { onDestroy, tick } from 'svelte';
-  import type { DropdownChangeHandler, DropdownOption, DropdownPlacement, DropdownValue } from './types.js';
+  import type { DropdownChangeHandler, DropdownMenuAlign, DropdownOption, DropdownPlacement, DropdownValue } from './types.js';
 
   export let id: string | undefined = undefined;
   export let value: DropdownValue = '';
   export let options: DropdownOption[] = [];
   export let ariaLabel: string | undefined = undefined;
   export let placement: DropdownPlacement = 'down';
+  export let menuAlign: DropdownMenuAlign = 'right';
   export let fitViewport = false;
   export let fitContent = false;
   export let disabled = false;
@@ -224,6 +225,8 @@
       class="suu-dropdown__menu"
       class:suu-dropdown__menu--up={placement === 'up'}
       class:suu-dropdown__menu--down={placement === 'down'}
+      class:suu-dropdown__menu--left={menuAlign === 'left'}
+      class:suu-dropdown__menu--right={menuAlign === 'right'}
       class:suu-dropdown__menu--fit-content={fitContent}
     >
       <div class="suu-dropdown__panel" role="listbox" aria-label={ariaLabel}>

package/dist/dropdown/Dropdown.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { DropdownChangeHandler, DropdownOption, DropdownPlacement, DropdownValue } from './types.js';
+import type { DropdownChangeHandler, DropdownMenuAlign, DropdownOption, DropdownPlacement, DropdownValue } from './types.js';
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -18,6 +18,7 @@ declare const Dropdown: $$__sveltets_2_IsomorphicComponent<{
     options?: DropdownOption[];
     ariaLabel?: string | undefined;
     placement?: DropdownPlacement;
+    menuAlign?: DropdownMenuAlign;
     fitViewport?: boolean;
     fitContent?: boolean;
     disabled?: boolean;

package/dist/dropdown/Dropdown.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/Dropdown.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAiO1G,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;SAVkM,MAAM,GAAG,SAAS;YAAU,aAAa;cAAY,cAAc,EAAE;gBAAc,MAAM,GAAG,SAAS;gBAAc,iBAAiB;;;;eAA2G,qBAAqB,GAAG,SAAS;;;kBAUnY,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Dropdown.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/Dropdown.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAkO7H,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,QAAQ;SAVyN,MAAM,GAAG,SAAS;YAAU,aAAa;cAAY,cAAc,EAAE;gBAAc,MAAM,GAAG,SAAS;gBAAc,iBAAiB;gBAAc,iBAAiB;;;;eAA2G,qBAAqB,GAAG,SAAS;;;kBAUzb,CAAC;AAC5E,KAAK,QAAQ,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAChD,eAAe,QAAQ,CAAC"}

package/dist/dropdown/index.d.ts

@@ -1,3 +1,3 @@
 export { default as Dropdown } from './Dropdown.svelte';
-export type { DropdownChangeHandler, DropdownOption, DropdownPlacement, DropdownValue } from './types.js';
+export type { DropdownChangeHandler, DropdownMenuAlign, DropdownOption, DropdownPlacement, DropdownValue } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/dropdown/types.d.ts

@@ -1,5 +1,6 @@
 export type DropdownValue = string | number;
 export type DropdownPlacement = 'up' | 'down';
+export type DropdownMenuAlign = 'left' | 'right';
 export interface DropdownOption {
     label: string;
     value: DropdownValue;

package/dist/dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/dropdown/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,MAAM,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,qBAAqB,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/style.css

@@ -1154,6 +1154,7 @@
   position: absolute;
   top: calc(100% + 6px);
   right: 0;
+  left: auto;
   z-index: 100;
   min-width: 100%;
   overflow: hidden;
@@ -1163,6 +1164,16 @@
   box-shadow: 0 18px 42px rgb(15 23 42 / 0.16);
 }
 
+.suu-dropdown__menu--left {
+  right: auto;
+  left: 0;
+}
+
+.suu-dropdown__menu--right {
+  right: 0;
+  left: auto;
+}
+
 .suu-dropdown__menu--up {
   top: auto;
   bottom: calc(100% + 6px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibobbyts/svelte-ui-utils",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "Reusable Svelte 5 UI utilities for dialogs, toast notifications, dropdown search, and data tables.",
   "type": "module",
   "license": "MIT",