@asteby/metacore-ui 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +201 -0
- package/README.md +80 -0
- package/dist/command-menu/command-menu.d.ts +32 -0
- package/dist/command-menu/command-menu.d.ts.map +1 -0
- package/dist/command-menu/command-menu.js +34 -0
- package/dist/command-menu/command-menu.js.map +1 -0
- package/dist/command-menu/index.d.ts +2 -0
- package/dist/command-menu/index.d.ts.map +1 -0
- package/dist/command-menu/index.js +2 -0
- package/dist/command-menu/index.js.map +1 -0
- package/dist/data-table/bulk-actions.d.ts +13 -0
- package/dist/data-table/bulk-actions.d.ts.map +1 -0
- package/dist/data-table/bulk-actions.js +82 -0
- package/dist/data-table/bulk-actions.js.map +1 -0
- package/dist/data-table/column-header.d.ts +9 -0
- package/dist/data-table/column-header.d.ts.map +1 -0
- package/dist/data-table/column-header.js +16 -0
- package/dist/data-table/column-header.js.map +1 -0
- package/dist/data-table/faceted-filter.d.ts +16 -0
- package/dist/data-table/faceted-filter.d.ts.map +1 -0
- package/dist/data-table/faceted-filter.js +32 -0
- package/dist/data-table/faceted-filter.js.map +1 -0
- package/dist/data-table/filterable-column-header.d.ts +32 -0
- package/dist/data-table/filterable-column-header.d.ts.map +1 -0
- package/dist/data-table/filterable-column-header.js +152 -0
- package/dist/data-table/filterable-column-header.js.map +1 -0
- package/dist/data-table/index.d.ts +8 -0
- package/dist/data-table/index.d.ts.map +1 -0
- package/dist/data-table/index.js +8 -0
- package/dist/data-table/index.js.map +1 -0
- package/dist/data-table/pagination.d.ts +11 -0
- package/dist/data-table/pagination.d.ts.map +1 -0
- package/dist/data-table/pagination.js +18 -0
- package/dist/data-table/pagination.js.map +1 -0
- package/dist/data-table/toolbar.d.ts +31 -0
- package/dist/data-table/toolbar.d.ts.map +1 -0
- package/dist/data-table/toolbar.js +31 -0
- package/dist/data-table/toolbar.js.map +1 -0
- package/dist/data-table/view-options.d.ts +7 -0
- package/dist/data-table/view-options.d.ts.map +1 -0
- package/dist/data-table/view-options.js +18 -0
- package/dist/data-table/view-options.js.map +1 -0
- package/dist/dialogs/confirm-dialog.d.ts +18 -0
- package/dist/dialogs/confirm-dialog.d.ts.map +1 -0
- package/dist/dialogs/confirm-dialog.js +10 -0
- package/dist/dialogs/confirm-dialog.js.map +1 -0
- package/dist/dialogs/index.d.ts +7 -0
- package/dist/dialogs/index.d.ts.map +1 -0
- package/dist/dialogs/index.js +7 -0
- package/dist/dialogs/index.js.map +1 -0
- package/dist/dialogs/learn-more.d.ts +9 -0
- package/dist/dialogs/learn-more.d.ts.map +1 -0
- package/dist/dialogs/learn-more.js +11 -0
- package/dist/dialogs/learn-more.js.map +1 -0
- package/dist/dialogs/long-text.d.ts +9 -0
- package/dist/dialogs/long-text.d.ts.map +1 -0
- package/dist/dialogs/long-text.js +27 -0
- package/dist/dialogs/long-text.js.map +1 -0
- package/dist/dialogs/password-input.d.ts +7 -0
- package/dist/dialogs/password-input.d.ts.map +1 -0
- package/dist/dialogs/password-input.js +10 -0
- package/dist/dialogs/password-input.js.map +1 -0
- package/dist/dialogs/select-dropdown.d.ts +16 -0
- package/dist/dialogs/select-dropdown.d.ts.map +1 -0
- package/dist/dialogs/select-dropdown.js +13 -0
- package/dist/dialogs/select-dropdown.js.map +1 -0
- package/dist/dialogs/skip-to-main.d.ts +2 -0
- package/dist/dialogs/skip-to-main.d.ts.map +1 -0
- package/dist/dialogs/skip-to-main.js +5 -0
- package/dist/dialogs/skip-to-main.js.map +1 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +4 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/use-dialog-state.d.ts +7 -0
- package/dist/hooks/use-dialog-state.d.ts.map +1 -0
- package/dist/hooks/use-dialog-state.js +12 -0
- package/dist/hooks/use-dialog-state.js.map +1 -0
- package/dist/hooks/use-mobile.d.ts +2 -0
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +16 -0
- package/dist/hooks/use-mobile.js.map +1 -0
- package/dist/hooks/use-table-url-state.d.ts +48 -0
- package/dist/hooks/use-table-url-state.d.ts.map +1 -0
- package/dist/hooks/use-table-url-state.js +123 -0
- package/dist/hooks/use-table-url-state.js.map +1 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +17 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/app-sidebar.d.ts +41 -0
- package/dist/layout/app-sidebar.d.ts.map +1 -0
- package/dist/layout/app-sidebar.js +26 -0
- package/dist/layout/app-sidebar.js.map +1 -0
- package/dist/layout/authenticated-layout.d.ts +39 -0
- package/dist/layout/authenticated-layout.d.ts.map +1 -0
- package/dist/layout/authenticated-layout.js +22 -0
- package/dist/layout/authenticated-layout.js.map +1 -0
- package/dist/layout/header.d.ts +8 -0
- package/dist/layout/header.d.ts.map +1 -0
- package/dist/layout/header.js +20 -0
- package/dist/layout/header.js.map +1 -0
- package/dist/layout/index.d.ts +9 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +8 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/layout/nav-group.d.ts +23 -0
- package/dist/layout/nav-group.d.ts.map +1 -0
- package/dist/layout/nav-group.js +71 -0
- package/dist/layout/nav-group.js.map +1 -0
- package/dist/layout/nav-user.d.ts +20 -0
- package/dist/layout/nav-user.d.ts.map +1 -0
- package/dist/layout/nav-user.js +26 -0
- package/dist/layout/nav-user.js.map +1 -0
- package/dist/layout/profile-dropdown.d.ts +18 -0
- package/dist/layout/profile-dropdown.d.ts.map +1 -0
- package/dist/layout/profile-dropdown.js +24 -0
- package/dist/layout/profile-dropdown.js.map +1 -0
- package/dist/layout/team-switcher.d.ts +11 -0
- package/dist/layout/team-switcher.d.ts.map +1 -0
- package/dist/layout/team-switcher.js +18 -0
- package/dist/layout/team-switcher.js.map +1 -0
- package/dist/layout/types.d.ts +23 -0
- package/dist/layout/types.d.ts.map +1 -0
- package/dist/layout/types.js +2 -0
- package/dist/layout/types.js.map +1 -0
- package/dist/lib/cookies.d.ts +11 -0
- package/dist/lib/cookies.d.ts.map +1 -0
- package/dist/lib/cookies.js +30 -0
- package/dist/lib/cookies.js.map +1 -0
- package/dist/lib/index.d.ts +4 -0
- package/dist/lib/index.d.ts.map +1 -0
- package/dist/lib/index.js +4 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/option-colors.d.ts +27 -0
- package/dist/lib/option-colors.d.ts.map +1 -0
- package/dist/lib/option-colors.js +79 -0
- package/dist/lib/option-colors.js.map +1 -0
- package/dist/lib/utils.d.ts +17 -0
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +53 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/primitives/accordion.d.ts +8 -0
- package/dist/primitives/accordion.d.ts.map +1 -0
- package/dist/primitives/accordion.js +14 -0
- package/dist/primitives/accordion.js.map +1 -0
- package/dist/primitives/alert-dialog.d.ts +15 -0
- package/dist/primitives/alert-dialog.d.ts.map +1 -0
- package/dist/primitives/alert-dialog.js +40 -0
- package/dist/primitives/alert-dialog.js.map +1 -0
- package/dist/primitives/alert.d.ts +10 -0
- package/dist/primitives/alert.d.ts.map +1 -0
- package/dist/primitives/alert.js +26 -0
- package/dist/primitives/alert.js.map +1 -0
- package/dist/primitives/avatar.d.ts +7 -0
- package/dist/primitives/avatar.d.ts.map +1 -0
- package/dist/primitives/avatar.js +15 -0
- package/dist/primitives/avatar.js.map +1 -0
- package/dist/primitives/badge.d.ts +10 -0
- package/dist/primitives/badge.d.ts.map +1 -0
- package/dist/primitives/badge.js +24 -0
- package/dist/primitives/badge.js.map +1 -0
- package/dist/primitives/button.d.ts +11 -0
- package/dist/primitives/button.d.ts.map +1 -0
- package/dist/primitives/button.js +33 -0
- package/dist/primitives/button.js.map +1 -0
- package/dist/primitives/calendar.d.ts +9 -0
- package/dist/primitives/calendar.d.ts.map +1 -0
- package/dist/primitives/calendar.js +74 -0
- package/dist/primitives/calendar.js.map +1 -0
- package/dist/primitives/card.d.ts +10 -0
- package/dist/primitives/card.d.ts.map +1 -0
- package/dist/primitives/card.js +26 -0
- package/dist/primitives/card.js.map +1 -0
- package/dist/primitives/checkbox.d.ts +5 -0
- package/dist/primitives/checkbox.d.ts.map +1 -0
- package/dist/primitives/checkbox.js +10 -0
- package/dist/primitives/checkbox.js.map +1 -0
- package/dist/primitives/collapsible.d.ts +7 -0
- package/dist/primitives/collapsible.d.ts.map +1 -0
- package/dist/primitives/collapsible.js +14 -0
- package/dist/primitives/collapsible.js.map +1 -0
- package/dist/primitives/command.d.ts +19 -0
- package/dist/primitives/command.d.ts.map +1 -0
- package/dist/primitives/command.js +35 -0
- package/dist/primitives/command.js.map +1 -0
- package/dist/primitives/context-menu.d.ts +12 -0
- package/dist/primitives/context-menu.d.ts.map +1 -0
- package/dist/primitives/context-menu.js +21 -0
- package/dist/primitives/context-menu.js.map +1 -0
- package/dist/primitives/dialog.d.ts +16 -0
- package/dist/primitives/dialog.d.ts.map +1 -0
- package/dist/primitives/dialog.js +37 -0
- package/dist/primitives/dialog.js.map +1 -0
- package/dist/primitives/dropdown-menu.d.ts +26 -0
- package/dist/primitives/dropdown-menu.d.ts.map +1 -0
- package/dist/primitives/dropdown-menu.js +52 -0
- package/dist/primitives/dropdown-menu.js.map +1 -0
- package/dist/primitives/form.d.ts +25 -0
- package/dist/primitives/form.d.ts.map +1 -0
- package/dist/primitives/form.js +60 -0
- package/dist/primitives/form.js.map +1 -0
- package/dist/primitives/index.d.ts +35 -0
- package/dist/primitives/index.d.ts.map +1 -0
- package/dist/primitives/index.js +35 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/primitives/input-otp.d.ts +12 -0
- package/dist/primitives/input-otp.d.ts.map +1 -0
- package/dist/primitives/input-otp.js +21 -0
- package/dist/primitives/input-otp.js.map +1 -0
- package/dist/primitives/input.d.ts +4 -0
- package/dist/primitives/input.d.ts.map +1 -0
- package/dist/primitives/input.js +8 -0
- package/dist/primitives/input.js.map +1 -0
- package/dist/primitives/label.d.ts +5 -0
- package/dist/primitives/label.d.ts.map +1 -0
- package/dist/primitives/label.js +9 -0
- package/dist/primitives/label.js.map +1 -0
- package/dist/primitives/multi-select.d.ts +20 -0
- package/dist/primitives/multi-select.d.ts.map +1 -0
- package/dist/primitives/multi-select.js +44 -0
- package/dist/primitives/multi-select.js.map +1 -0
- package/dist/primitives/popover.d.ts +8 -0
- package/dist/primitives/popover.d.ts.map +1 -0
- package/dist/primitives/popover.js +18 -0
- package/dist/primitives/popover.js.map +1 -0
- package/dist/primitives/progress.d.ts +5 -0
- package/dist/primitives/progress.d.ts.map +1 -0
- package/dist/primitives/progress.js +11 -0
- package/dist/primitives/progress.js.map +1 -0
- package/dist/primitives/radio-group.d.ts +6 -0
- package/dist/primitives/radio-group.d.ts.map +1 -0
- package/dist/primitives/radio-group.js +13 -0
- package/dist/primitives/radio-group.js.map +1 -0
- package/dist/primitives/scroll-area.d.ts +11 -0
- package/dist/primitives/scroll-area.d.ts.map +1 -0
- package/dist/primitives/scroll-area.js +12 -0
- package/dist/primitives/scroll-area.js.map +1 -0
- package/dist/primitives/select.d.ts +16 -0
- package/dist/primitives/select.d.ts.map +1 -0
- package/dist/primitives/select.js +39 -0
- package/dist/primitives/select.js.map +1 -0
- package/dist/primitives/separator.d.ts +5 -0
- package/dist/primitives/separator.d.ts.map +1 -0
- package/dist/primitives/separator.js +9 -0
- package/dist/primitives/separator.js.map +1 -0
- package/dist/primitives/sheet.d.ts +14 -0
- package/dist/primitives/sheet.d.ts.map +1 -0
- package/dist/primitives/sheet.js +41 -0
- package/dist/primitives/sheet.js.map +1 -0
- package/dist/primitives/sidebar.d.ts +70 -0
- package/dist/primitives/sidebar.d.ts.map +1 -0
- package/dist/primitives/sidebar.js +198 -0
- package/dist/primitives/sidebar.js.map +1 -0
- package/dist/primitives/skeleton.d.ts +4 -0
- package/dist/primitives/skeleton.d.ts.map +1 -0
- package/dist/primitives/skeleton.js +8 -0
- package/dist/primitives/skeleton.js.map +1 -0
- package/dist/primitives/sonner.d.ts +11 -0
- package/dist/primitives/sonner.d.ts.map +1 -0
- package/dist/primitives/sonner.js +19 -0
- package/dist/primitives/sonner.js.map +1 -0
- package/dist/primitives/switch.d.ts +5 -0
- package/dist/primitives/switch.d.ts.map +1 -0
- package/dist/primitives/switch.js +9 -0
- package/dist/primitives/switch.js.map +1 -0
- package/dist/primitives/table.d.ts +14 -0
- package/dist/primitives/table.d.ts.map +1 -0
- package/dist/primitives/table.js +33 -0
- package/dist/primitives/table.js.map +1 -0
- package/dist/primitives/tabs.d.ts +8 -0
- package/dist/primitives/tabs.d.ts.map +1 -0
- package/dist/primitives/tabs.js +18 -0
- package/dist/primitives/tabs.js.map +1 -0
- package/dist/primitives/textarea.d.ts +4 -0
- package/dist/primitives/textarea.d.ts.map +1 -0
- package/dist/primitives/textarea.js +8 -0
- package/dist/primitives/textarea.js.map +1 -0
- package/dist/primitives/tooltip.d.ts +8 -0
- package/dist/primitives/tooltip.d.ts.map +1 -0
- package/dist/primitives/tooltip.js +18 -0
- package/dist/primitives/tooltip.js.map +1 -0
- package/package.json +128 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/dialogs/password-input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAS5C,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,EACH,GAAG,KAAK,EACW;IACnB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAClD,gBACE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxC,SAAS,EAAC,yUAAyU,EACnV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,KACd,KAAK,GACT,EACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,kFAAkF,EAC5F,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,YAE9C,YAAY,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACjD,IACL,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type SelectDropdownProps = {
|
|
2
|
+
onValueChange?: (value: string) => void;
|
|
3
|
+
defaultValue: string | undefined;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
isPending?: boolean;
|
|
6
|
+
items: {
|
|
7
|
+
label: string;
|
|
8
|
+
value: string;
|
|
9
|
+
}[] | undefined;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
isControlled?: boolean;
|
|
13
|
+
};
|
|
14
|
+
export declare function SelectDropdown({ defaultValue, onValueChange, isPending, items, placeholder, disabled, className, isControlled, }: SelectDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=select-dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-dropdown.d.ts","sourceRoot":"","sources":["../../src/dialogs/select-dropdown.tsx"],"names":[],"mappings":"AAYA,KAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,GAAG,SAAS,CAAA;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,aAAa,EACb,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAc,EACd,YAAoB,GACrB,EAAE,mBAAmB,2CA6BrB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Loader } from 'lucide-react';
|
|
4
|
+
import { cn } from '../lib/utils';
|
|
5
|
+
import { FormControl } from '../primitives/form';
|
|
6
|
+
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../primitives/select';
|
|
7
|
+
export function SelectDropdown({ defaultValue, onValueChange, isPending, items, placeholder, disabled, className = '', isControlled = false, }) {
|
|
8
|
+
const defaultState = isControlled
|
|
9
|
+
? { value: defaultValue, onValueChange }
|
|
10
|
+
: { defaultValue, onValueChange };
|
|
11
|
+
return (_jsxs(Select, { ...defaultState, children: [_jsx(FormControl, { children: _jsx(SelectTrigger, { disabled: disabled, className: cn(className), children: _jsx(SelectValue, { placeholder: placeholder ?? 'Select' }) }) }), _jsx(SelectContent, { children: isPending ? (_jsx(SelectItem, { disabled: true, value: 'loading', className: 'h-14', children: _jsxs("div", { className: 'flex items-center justify-center gap-2', children: [_jsx(Loader, { className: 'h-5 w-5 animate-spin' }), "Loading..."] }) })) : (items?.map(({ label, value }) => (_jsx(SelectItem, { value: value, children: label }, value)))) })] }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=select-dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-dropdown.js","sourceRoot":"","sources":["../../src/dialogs/select-dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,qBAAqB,CAAA;AAa5B,MAAM,UAAU,cAAc,CAAC,EAC7B,YAAY,EACZ,aAAa,EACb,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,KAAK,GACA;IACpB,MAAM,YAAY,GAAG,YAAY;QAC/B,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE;QACxC,CAAC,CAAC,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA;IACnC,OAAO,CACL,MAAC,MAAM,OAAK,YAAY,aACtB,KAAC,WAAW,cACV,KAAC,aAAa,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YACzD,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,IAAI,QAAQ,GAAI,GACvC,GACJ,EACd,KAAC,aAAa,cACX,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,UAAU,IAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,EAAC,SAAS,EAAC,MAAM,YACnD,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,MAAM,IAAC,SAAS,EAAC,sBAAsB,GAAG,kBAEvC,GACK,CACd,CAAC,CAAC,CAAC,CACF,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/B,KAAC,UAAU,IAAa,KAAK,EAAE,KAAK,YACjC,KAAK,IADS,KAAK,CAET,CACd,CAAC,CACH,GACa,IACT,CACV,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skip-to-main.d.ts","sourceRoot":"","sources":["../../src/dialogs/skip-to-main.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CASzB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
export function SkipToMain() {
|
|
3
|
+
return (_jsx("a", { className: 'bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-ring fixed start-44 z-999 -translate-y-52 px-4 py-2 text-sm font-medium whitespace-nowrap opacity-95 shadow-sm transition focus:translate-y-3 focus:transform focus-visible:ring-1', href: '#content', children: "Skip to Main" }));
|
|
4
|
+
}
|
|
5
|
+
//# sourceMappingURL=skip-to-main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skip-to-main.js","sourceRoot":"","sources":["../../src/dialogs/skip-to-main.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,YACE,SAAS,EAAC,8PAA8P,EACxQ,IAAI,EAAC,UAAU,6BAGb,CACL,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAmB,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Custom hook for confirm dialog.
|
|
3
|
+
*
|
|
4
|
+
* @example const [open, setOpen] = useDialogState<"approve" | "reject">()
|
|
5
|
+
*/
|
|
6
|
+
export default function useDialogState<T extends string | boolean>(initialState?: T | null): readonly [T | null, (str: T | null) => void];
|
|
7
|
+
//# sourceMappingURL=use-dialog-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-dialog-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-dialog-state.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM,GAAG,OAAO,EAC/D,YAAY,GAAE,CAAC,GAAG,IAAW,6BAIP,CAAC,GAAG,IAAI,WAI/B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Custom hook for confirm dialog.
|
|
4
|
+
*
|
|
5
|
+
* @example const [open, setOpen] = useDialogState<"approve" | "reject">()
|
|
6
|
+
*/
|
|
7
|
+
export default function useDialogState(initialState = null) {
|
|
8
|
+
const [open, _setOpen] = useState(initialState);
|
|
9
|
+
const setOpen = (str) => _setOpen((prev) => (prev === str ? null : str));
|
|
10
|
+
return [open, setOpen];
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=use-dialog-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-dialog-state.js","sourceRoot":"","sources":["../../src/hooks/use-dialog-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,eAAyB,IAAI;IAE7B,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAW,YAAY,CAAC,CAAA;IAEzD,MAAM,OAAO,GAAG,CAAC,GAAa,EAAE,EAAE,CAChC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAEjD,OAAO,CAAC,IAAI,EAAE,OAAO,CAAU,CAAA;AACjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.tsx"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAc1B"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
const MOBILE_BREAKPOINT = 768;
|
|
3
|
+
export function useIsMobile() {
|
|
4
|
+
const [isMobile, setIsMobile] = React.useState(undefined);
|
|
5
|
+
React.useEffect(() => {
|
|
6
|
+
const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
|
|
7
|
+
const onChange = () => {
|
|
8
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
9
|
+
};
|
|
10
|
+
mql.addEventListener('change', onChange);
|
|
11
|
+
setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
|
|
12
|
+
return () => mql.removeEventListener('change', onChange);
|
|
13
|
+
}, []);
|
|
14
|
+
return !!isMobile;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=use-mobile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../src/hooks/use-mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,iBAAiB,GAAG,GAAG,CAAA;AAE7B,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,SAAS,CAAC,CAAA;IAE9E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,iBAAiB,GAAG,CAAC,KAAK,CAAC,CAAA;QACxE,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAA;QACpD,CAAC,CAAA;QACD,GAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACxC,WAAW,CAAC,MAAM,CAAC,UAAU,GAAG,iBAAiB,CAAC,CAAA;QAClD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,CAAC,QAAQ,CAAA;AACnB,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { ColumnFiltersState, OnChangeFn, PaginationState } from '@tanstack/react-table';
|
|
2
|
+
type SearchRecord = Record<string, unknown>;
|
|
3
|
+
export type NavigateFn = (opts: {
|
|
4
|
+
search: true | SearchRecord | ((prev: SearchRecord) => Partial<SearchRecord> | SearchRecord);
|
|
5
|
+
replace?: boolean;
|
|
6
|
+
}) => void;
|
|
7
|
+
type UseTableUrlStateParams = {
|
|
8
|
+
search: SearchRecord;
|
|
9
|
+
navigate: NavigateFn;
|
|
10
|
+
pagination?: {
|
|
11
|
+
pageKey?: string;
|
|
12
|
+
pageSizeKey?: string;
|
|
13
|
+
defaultPage?: number;
|
|
14
|
+
defaultPageSize?: number;
|
|
15
|
+
};
|
|
16
|
+
globalFilter?: {
|
|
17
|
+
enabled?: boolean;
|
|
18
|
+
key?: string;
|
|
19
|
+
trim?: boolean;
|
|
20
|
+
};
|
|
21
|
+
columnFilters?: Array<{
|
|
22
|
+
columnId: string;
|
|
23
|
+
searchKey: string;
|
|
24
|
+
type?: 'string';
|
|
25
|
+
serialize?: (value: unknown) => unknown;
|
|
26
|
+
deserialize?: (value: unknown) => unknown;
|
|
27
|
+
} | {
|
|
28
|
+
columnId: string;
|
|
29
|
+
searchKey: string;
|
|
30
|
+
type: 'array';
|
|
31
|
+
serialize?: (value: unknown) => unknown;
|
|
32
|
+
deserialize?: (value: unknown) => unknown;
|
|
33
|
+
}>;
|
|
34
|
+
};
|
|
35
|
+
type UseTableUrlStateReturn = {
|
|
36
|
+
globalFilter?: string;
|
|
37
|
+
onGlobalFilterChange?: OnChangeFn<string>;
|
|
38
|
+
columnFilters: ColumnFiltersState;
|
|
39
|
+
onColumnFiltersChange: OnChangeFn<ColumnFiltersState>;
|
|
40
|
+
pagination: PaginationState;
|
|
41
|
+
onPaginationChange: OnChangeFn<PaginationState>;
|
|
42
|
+
ensurePageInRange: (pageCount: number, opts?: {
|
|
43
|
+
resetTo?: 'first' | 'last';
|
|
44
|
+
}) => void;
|
|
45
|
+
};
|
|
46
|
+
export declare function useTableUrlState(params: UseTableUrlStateParams): UseTableUrlStateReturn;
|
|
47
|
+
export {};
|
|
48
|
+
//# sourceMappingURL=use-table-url-state.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-table-url-state.d.ts","sourceRoot":"","sources":["../../src/hooks/use-table-url-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,eAAe,EAChB,MAAM,uBAAuB,CAAA;AAE9B,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE3C,MAAM,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE;IAC9B,MAAM,EACF,IAAI,GACJ,YAAY,GACZ,CAAC,CAAC,IAAI,EAAE,YAAY,KAAK,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,CAAA;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,KAAK,IAAI,CAAA;AAEV,KAAK,sBAAsB,GAAG;IAC5B,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,EAAE,UAAU,CAAA;IACpB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,eAAe,CAAC,EAAE,MAAM,CAAA;KACzB,CAAA;IACD,YAAY,CAAC,EAAE;QACb,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,IAAI,CAAC,EAAE,OAAO,CAAA;KACf,CAAA;IACD,aAAa,CAAC,EAAE,KAAK,CACjB;QACE,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,IAAI,CAAC,EAAE,QAAQ,CAAA;QACf,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;QACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;KAC1C,GACD;QACE,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,IAAI,EAAE,OAAO,CAAA;QACb,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;QACvC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAA;KAC1C,CACJ,CAAA;CACF,CAAA;AAED,KAAK,sBAAsB,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IACzC,aAAa,EAAE,kBAAkB,CAAA;IACjC,qBAAqB,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAA;IACrD,UAAU,EAAE,eAAe,CAAA;IAC3B,kBAAkB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IAC/C,iBAAiB,EAAE,CACjB,SAAS,EAAE,MAAM,EACjB,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;KAAE,KAClC,IAAI,CAAA;CACV,CAAA;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,sBAAsB,GAC7B,sBAAsB,CAmJxB"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { useMemo, useState } from 'react';
|
|
2
|
+
export function useTableUrlState(params) {
|
|
3
|
+
const { search, navigate, pagination: paginationCfg, globalFilter: globalFilterCfg, columnFilters: columnFiltersCfg = [], } = params;
|
|
4
|
+
const pageKey = paginationCfg?.pageKey ?? 'page';
|
|
5
|
+
const pageSizeKey = paginationCfg?.pageSizeKey ?? 'pageSize';
|
|
6
|
+
const defaultPage = paginationCfg?.defaultPage ?? 1;
|
|
7
|
+
const defaultPageSize = paginationCfg?.defaultPageSize ?? 10;
|
|
8
|
+
const globalFilterKey = globalFilterCfg?.key ?? 'filter';
|
|
9
|
+
const globalFilterEnabled = globalFilterCfg?.enabled ?? true;
|
|
10
|
+
const trimGlobal = globalFilterCfg?.trim ?? true;
|
|
11
|
+
const initialColumnFilters = useMemo(() => {
|
|
12
|
+
const collected = [];
|
|
13
|
+
for (const cfg of columnFiltersCfg) {
|
|
14
|
+
const raw = search[cfg.searchKey];
|
|
15
|
+
const deserialize = cfg.deserialize ?? ((v) => v);
|
|
16
|
+
if (cfg.type === 'string') {
|
|
17
|
+
const value = deserialize(raw) ?? '';
|
|
18
|
+
if (typeof value === 'string' && value.trim() !== '') {
|
|
19
|
+
collected.push({ id: cfg.columnId, value });
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
const value = deserialize(raw) ?? [];
|
|
24
|
+
if (Array.isArray(value) && value.length > 0) {
|
|
25
|
+
collected.push({ id: cfg.columnId, value });
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return collected;
|
|
30
|
+
}, [columnFiltersCfg, search]);
|
|
31
|
+
const [columnFilters, setColumnFilters] = useState(initialColumnFilters);
|
|
32
|
+
const pagination = useMemo(() => {
|
|
33
|
+
const rawPage = search[pageKey];
|
|
34
|
+
const rawPageSize = search[pageSizeKey];
|
|
35
|
+
const pageNum = typeof rawPage === 'number' ? rawPage : defaultPage;
|
|
36
|
+
const pageSizeNum = typeof rawPageSize === 'number' ? rawPageSize : defaultPageSize;
|
|
37
|
+
return { pageIndex: Math.max(0, pageNum - 1), pageSize: pageSizeNum };
|
|
38
|
+
}, [search, pageKey, pageSizeKey, defaultPage, defaultPageSize]);
|
|
39
|
+
const onPaginationChange = (updater) => {
|
|
40
|
+
const next = typeof updater === 'function' ? updater(pagination) : updater;
|
|
41
|
+
const nextPage = next.pageIndex + 1;
|
|
42
|
+
const nextPageSize = next.pageSize;
|
|
43
|
+
navigate({
|
|
44
|
+
search: (prev) => ({
|
|
45
|
+
...prev,
|
|
46
|
+
[pageKey]: nextPage <= defaultPage ? undefined : nextPage,
|
|
47
|
+
[pageSizeKey]: nextPageSize === defaultPageSize ? undefined : nextPageSize,
|
|
48
|
+
}),
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
const [globalFilter, setGlobalFilter] = useState(() => {
|
|
52
|
+
if (!globalFilterEnabled)
|
|
53
|
+
return undefined;
|
|
54
|
+
const raw = search[globalFilterKey];
|
|
55
|
+
return typeof raw === 'string' ? raw : '';
|
|
56
|
+
});
|
|
57
|
+
const onGlobalFilterChange = globalFilterEnabled
|
|
58
|
+
? (updater) => {
|
|
59
|
+
const next = typeof updater === 'function'
|
|
60
|
+
? updater(globalFilter ?? '')
|
|
61
|
+
: updater;
|
|
62
|
+
const value = trimGlobal ? next.trim() : next;
|
|
63
|
+
setGlobalFilter(value);
|
|
64
|
+
navigate({
|
|
65
|
+
search: (prev) => ({
|
|
66
|
+
...prev,
|
|
67
|
+
[pageKey]: undefined,
|
|
68
|
+
[globalFilterKey]: value ? value : undefined,
|
|
69
|
+
}),
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
: undefined;
|
|
73
|
+
const onColumnFiltersChange = (updater) => {
|
|
74
|
+
const next = typeof updater === 'function' ? updater(columnFilters) : updater;
|
|
75
|
+
setColumnFilters(next);
|
|
76
|
+
const patch = {};
|
|
77
|
+
for (const cfg of columnFiltersCfg) {
|
|
78
|
+
const found = next.find((f) => f.id === cfg.columnId);
|
|
79
|
+
const serialize = cfg.serialize ?? ((v) => v);
|
|
80
|
+
if (cfg.type === 'string') {
|
|
81
|
+
const value = typeof found?.value === 'string' ? found.value : '';
|
|
82
|
+
patch[cfg.searchKey] =
|
|
83
|
+
value.trim() !== '' ? serialize(value) : undefined;
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
const value = Array.isArray(found?.value)
|
|
87
|
+
? found.value
|
|
88
|
+
: [];
|
|
89
|
+
patch[cfg.searchKey] = value.length > 0 ? serialize(value) : undefined;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
navigate({
|
|
93
|
+
search: (prev) => ({
|
|
94
|
+
...prev,
|
|
95
|
+
[pageKey]: undefined,
|
|
96
|
+
...patch,
|
|
97
|
+
}),
|
|
98
|
+
});
|
|
99
|
+
};
|
|
100
|
+
const ensurePageInRange = (pageCount, opts = { resetTo: 'first' }) => {
|
|
101
|
+
const currentPage = search[pageKey];
|
|
102
|
+
const pageNum = typeof currentPage === 'number' ? currentPage : defaultPage;
|
|
103
|
+
if (pageCount > 0 && pageNum > pageCount) {
|
|
104
|
+
navigate({
|
|
105
|
+
replace: true,
|
|
106
|
+
search: (prev) => ({
|
|
107
|
+
...prev,
|
|
108
|
+
[pageKey]: opts.resetTo === 'last' ? pageCount : undefined,
|
|
109
|
+
}),
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
};
|
|
113
|
+
return {
|
|
114
|
+
globalFilter: globalFilterEnabled ? (globalFilter ?? '') : undefined,
|
|
115
|
+
onGlobalFilterChange,
|
|
116
|
+
columnFilters,
|
|
117
|
+
onColumnFiltersChange,
|
|
118
|
+
pagination,
|
|
119
|
+
onPaginationChange,
|
|
120
|
+
ensurePageInRange,
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
//# sourceMappingURL=use-table-url-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-table-url-state.js","sourceRoot":"","sources":["../../src/hooks/use-table-url-state.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @asteby/metacore-ui — root barrel.
|
|
3
|
+
*
|
|
4
|
+
* For tree-shaking, prefer importing from subpath entries:
|
|
5
|
+
* import { DataTableToolbar } from '@asteby/metacore-ui/data-table'
|
|
6
|
+
* import { AuthenticatedLayout } from '@asteby/metacore-ui/layout'
|
|
7
|
+
* import { CommandMenu } from '@asteby/metacore-ui/command-menu'
|
|
8
|
+
* ...
|
|
9
|
+
*/
|
|
10
|
+
export * from './data-table';
|
|
11
|
+
export * from './layout';
|
|
12
|
+
export * from './dialogs';
|
|
13
|
+
export * from './command-menu';
|
|
14
|
+
export * from './hooks';
|
|
15
|
+
export * from './primitives';
|
|
16
|
+
export * from './lib';
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @asteby/metacore-ui — root barrel.
|
|
3
|
+
*
|
|
4
|
+
* For tree-shaking, prefer importing from subpath entries:
|
|
5
|
+
* import { DataTableToolbar } from '@asteby/metacore-ui/data-table'
|
|
6
|
+
* import { AuthenticatedLayout } from '@asteby/metacore-ui/layout'
|
|
7
|
+
* import { CommandMenu } from '@asteby/metacore-ui/command-menu'
|
|
8
|
+
* ...
|
|
9
|
+
*/
|
|
10
|
+
export * from './data-table';
|
|
11
|
+
export * from './layout';
|
|
12
|
+
export * from './dialogs';
|
|
13
|
+
export * from './command-menu';
|
|
14
|
+
export * from './hooks';
|
|
15
|
+
export * from './primitives';
|
|
16
|
+
export * from './lib';
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type LucideIcon } from 'lucide-react';
|
|
3
|
+
import { type NavLinkComponent } from './nav-group';
|
|
4
|
+
import type { NavGroupData } from './types';
|
|
5
|
+
export interface AppSidebarProps {
|
|
6
|
+
/** Navigation groups (already translated). */
|
|
7
|
+
navGroups: NavGroupData[];
|
|
8
|
+
/** Current URL href — used to highlight active items. */
|
|
9
|
+
currentHref: string;
|
|
10
|
+
/** Link component compatible with the consumer's router. */
|
|
11
|
+
LinkComponent: NavLinkComponent;
|
|
12
|
+
/** Loading state for nav groups — shows skeleton placeholder. */
|
|
13
|
+
isLoading?: boolean;
|
|
14
|
+
/** Sidebar header slot (typically a team switcher / organization card). */
|
|
15
|
+
header?: React.ReactNode;
|
|
16
|
+
/** Sidebar footer slot (typically a branch-switcher or nav-user). */
|
|
17
|
+
footer?: React.ReactNode;
|
|
18
|
+
/** Optional hover handler for prefetching data. */
|
|
19
|
+
onItemHover?: (url: string) => void;
|
|
20
|
+
/** `<Sidebar>` `collapsible` prop. Defaults to 'offcanvas'. */
|
|
21
|
+
collapsible?: 'offcanvas' | 'icon' | 'none';
|
|
22
|
+
/** `<Sidebar>` `variant` prop. Defaults to 'sidebar'. */
|
|
23
|
+
variant?: 'sidebar' | 'floating' | 'inset';
|
|
24
|
+
}
|
|
25
|
+
/**
|
|
26
|
+
* Skeleton-ready sidebar shell. The original app's `useLayout`, `useAuthStore`,
|
|
27
|
+
* `useNavigation` (api-backed), and `useAddonSidebar` hooks were stripped — the
|
|
28
|
+
* consumer now passes `navGroups`, `isLoading`, and optional `header`/`footer`
|
|
29
|
+
* slots directly.
|
|
30
|
+
*/
|
|
31
|
+
export declare function AppSidebar({ navGroups, currentHref, LinkComponent, isLoading, header, footer, onItemHover, collapsible, variant, }: AppSidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
/**
|
|
33
|
+
* Default organization header card — lifted from `layout/organization.tsx`.
|
|
34
|
+
* Consumers can use this directly or render their own `header` slot.
|
|
35
|
+
*/
|
|
36
|
+
export declare function OrganizationCard({ name, logo: Logo, plan, }: {
|
|
37
|
+
name: string;
|
|
38
|
+
logo?: LucideIcon | string;
|
|
39
|
+
plan: string;
|
|
40
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
//# sourceMappingURL=app-sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app-sidebar.d.ts","sourceRoot":"","sources":["../../src/layout/app-sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,UAAU,EAAa,MAAM,cAAc,CAAA;AAczD,OAAO,EAAY,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,WAAW,eAAe;IAC9B,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAA;IACnB,4DAA4D;IAC5D,aAAa,EAAE,gBAAgB,CAAA;IAC/B,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,qEAAqE;IACrE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,mDAAmD;IACnD,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,+DAA+D;IAC/D,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;IAC3C,yDAAyD;IACzD,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,CAAA;CAC3C;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAiB,EACjB,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAyB,EACzB,OAAmB,GACpB,EAAE,eAAe,2CAyBjB;AAwDD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EAAE,IAAgB,EACtB,IAAI,GACL,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,2CA2BA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { Building2 } from 'lucide-react';
|
|
4
|
+
import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, SidebarGroup, SidebarGroupLabel, SidebarMenu, SidebarMenuItem, SidebarMenuButton, } from '../primitives/sidebar';
|
|
5
|
+
import { Skeleton } from '../primitives/skeleton';
|
|
6
|
+
import { NavGroup } from './nav-group';
|
|
7
|
+
/**
|
|
8
|
+
* Skeleton-ready sidebar shell. The original app's `useLayout`, `useAuthStore`,
|
|
9
|
+
* `useNavigation` (api-backed), and `useAddonSidebar` hooks were stripped — the
|
|
10
|
+
* consumer now passes `navGroups`, `isLoading`, and optional `header`/`footer`
|
|
11
|
+
* slots directly.
|
|
12
|
+
*/
|
|
13
|
+
export function AppSidebar({ navGroups, currentHref, LinkComponent, isLoading = false, header, footer, onItemHover, collapsible = 'offcanvas', variant = 'sidebar', }) {
|
|
14
|
+
return (_jsxs(Sidebar, { collapsible: collapsible, variant: variant, children: [header && _jsx(SidebarHeader, { children: header }), _jsx(SidebarContent, { children: isLoading ? (_jsx(SidebarSkeletonContent, {})) : (navGroups.map((group) => (_jsx(NavGroup, { ...group, currentHref: currentHref, LinkComponent: LinkComponent, onItemHover: onItemHover }, group.title)))) }), footer && _jsx(SidebarFooter, { children: footer }), _jsx(SidebarRail, {})] }));
|
|
15
|
+
}
|
|
16
|
+
function SidebarSkeletonContent() {
|
|
17
|
+
return (_jsxs(_Fragment, { children: [_jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: _jsx(Skeleton, { className: 'h-3 w-16' }) }), _jsx(SidebarMenu, { children: Array.from({ length: 4 }).map((_, i) => (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { className: 'pointer-events-none', children: [_jsx(Skeleton, { className: 'h-4 w-4 rounded' }), _jsx(Skeleton, { className: 'h-3 w-24' })] }) }, i))) })] }), _jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: _jsx(Skeleton, { className: 'h-3 w-20' }) }), _jsx(SidebarMenu, { children: Array.from({ length: 5 }).map((_, i) => (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { className: 'pointer-events-none', children: [_jsx(Skeleton, { className: 'h-4 w-4 rounded' }), _jsx(Skeleton, { className: 'h-3 w-28' })] }) }, i))) })] }), _jsxs(SidebarGroup, { children: [_jsx(SidebarGroupLabel, { children: _jsx(Skeleton, { className: 'h-3 w-14' }) }), _jsx(SidebarMenu, { children: Array.from({ length: 3 }).map((_, i) => (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { className: 'pointer-events-none', children: [_jsx(Skeleton, { className: 'h-4 w-4 rounded' }), _jsx(Skeleton, { className: 'h-3 w-20' })] }) }, i))) })] })] }));
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Default organization header card — lifted from `layout/organization.tsx`.
|
|
21
|
+
* Consumers can use this directly or render their own `header` slot.
|
|
22
|
+
*/
|
|
23
|
+
export function OrganizationCard({ name, logo: Logo = Building2, plan, }) {
|
|
24
|
+
return (_jsx(SidebarMenu, { children: _jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { size: 'lg', className: 'data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground', children: [_jsx("div", { className: 'bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg', children: typeof Logo === 'string' ? (_jsx("img", { src: Logo, alt: name, className: 'size-6 rounded-md object-cover' })) : (_jsx(Logo, { className: 'size-4' })) }), _jsxs("div", { className: 'grid flex-1 text-start text-sm leading-tight', children: [_jsx("span", { className: 'truncate font-semibold', children: name }), _jsx("span", { className: 'truncate text-xs', children: plan })] })] }) }) }));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=app-sidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app-sidebar.js","sourceRoot":"","sources":["../../src/layout/app-sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface AuthenticatedLayoutProps {
|
|
3
|
+
/**
|
|
4
|
+
* The page content. Usually a `<Outlet />` from the consumer's router.
|
|
5
|
+
*/
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Sidebar element — consumers typically pass an `<AppSidebar>` configured
|
|
9
|
+
* with their nav data. Required.
|
|
10
|
+
*/
|
|
11
|
+
sidebar: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Header content (e.g. theme switch, profile dropdown). Placed inside a
|
|
14
|
+
* sticky `<Header>` at the top of the main area.
|
|
15
|
+
*/
|
|
16
|
+
headerChildren?: React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* Optional wrapper rendered above the main content (e.g. a core-update banner).
|
|
19
|
+
*/
|
|
20
|
+
topBanner?: React.ReactNode;
|
|
21
|
+
/**
|
|
22
|
+
* Optional widget rendered as a sibling of the sidebar (e.g. an AI chat widget).
|
|
23
|
+
*/
|
|
24
|
+
widget?: React.ReactNode;
|
|
25
|
+
/**
|
|
26
|
+
* Controlled open state for the sidebar; delegates to cookie by default.
|
|
27
|
+
*/
|
|
28
|
+
defaultOpen?: boolean;
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Authenticated shell — sidebar + header + main content.
|
|
32
|
+
*
|
|
33
|
+
* The original app coupled this to `LayoutProvider`, `SearchProvider`,
|
|
34
|
+
* `WebSocketProvider`, and a dozen app-specific widgets. In the SDK version
|
|
35
|
+
* consumers compose their own provider tree around this shell and pass the
|
|
36
|
+
* sidebar as a prop.
|
|
37
|
+
*/
|
|
38
|
+
export declare function AuthenticatedLayout({ children, sidebar, headerChildren, topBanner, widget, defaultOpen, }: AuthenticatedLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
//# sourceMappingURL=authenticated-layout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"authenticated-layout.d.ts","sourceRoot":"","sources":["../../src/layout/authenticated-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,SAAS,EACT,MAAM,EACN,WAAW,GACZ,EAAE,wBAAwB,2CAiC1B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { cn } from '../lib/utils';
|
|
4
|
+
import { getCookie } from '../lib/cookies';
|
|
5
|
+
import { SidebarInset, SidebarProvider } from '../primitives/sidebar';
|
|
6
|
+
import { SkipToMain } from '../dialogs/skip-to-main';
|
|
7
|
+
import { Header } from './header';
|
|
8
|
+
/**
|
|
9
|
+
* Authenticated shell — sidebar + header + main content.
|
|
10
|
+
*
|
|
11
|
+
* The original app coupled this to `LayoutProvider`, `SearchProvider`,
|
|
12
|
+
* `WebSocketProvider`, and a dozen app-specific widgets. In the SDK version
|
|
13
|
+
* consumers compose their own provider tree around this shell and pass the
|
|
14
|
+
* sidebar as a prop.
|
|
15
|
+
*/
|
|
16
|
+
export function AuthenticatedLayout({ children, sidebar, headerChildren, topBanner, widget, defaultOpen, }) {
|
|
17
|
+
const initialOpen = typeof defaultOpen === 'boolean'
|
|
18
|
+
? defaultOpen
|
|
19
|
+
: getCookie('sidebar_state') !== 'false';
|
|
20
|
+
return (_jsxs(SidebarProvider, { defaultOpen: initialOpen, children: [_jsx(SkipToMain, {}), sidebar, _jsxs(SidebarInset, { className: cn('@container/content', 'has-data-[layout=fixed]:h-svh', 'peer-data-[variant=inset]:has-data-[layout=fixed]:h-[calc(100svh-(var(--spacing)*4))]'), children: [topBanner, _jsx(Header, { fixed: true, children: _jsx("div", { className: 'ms-auto flex items-center space-x-4', children: headerChildren }) }), _jsx("main", { id: 'main-content', className: 'flex-1 flex flex-col min-h-0 outline-none', children: children })] }), widget] }));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=authenticated-layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"authenticated-layout.js","sourceRoot":"","sources":["../../src/layout/authenticated-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA+BjC;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAO,EACP,cAAc,EACd,SAAS,EACT,MAAM,EACN,WAAW,GACc;IACzB,MAAM,WAAW,GACf,OAAO,WAAW,KAAK,SAAS;QAC9B,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,OAAO,CAAA;IAE5C,OAAO,CACL,MAAC,eAAe,IAAC,WAAW,EAAE,WAAW,aACvC,KAAC,UAAU,KAAG,EACb,OAAO,EACR,MAAC,YAAY,IACX,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,+BAA+B,EAC/B,uFAAuF,CACxF,aAEA,SAAS,EACV,KAAC,MAAM,IAAC,KAAK,kBACX,cAAK,SAAS,EAAC,qCAAqC,YACjD,cAAc,GACX,GACC,EACT,eACE,EAAE,EAAC,cAAc,EACjB,SAAS,EAAC,2CAA2C,YAEpD,QAAQ,GACJ,IACM,EACd,MAAM,IACS,CACnB,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type HeaderProps = React.HTMLAttributes<HTMLElement> & {
|
|
3
|
+
fixed?: boolean;
|
|
4
|
+
ref?: React.Ref<HTMLElement>;
|
|
5
|
+
};
|
|
6
|
+
export declare function Header({ className, fixed, children, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=header.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../src/layout/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAC7B,CAAA;AAED,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAoC3E"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useEffect, useState } from 'react';
|
|
4
|
+
import { cn } from '../lib/utils';
|
|
5
|
+
import { Separator } from '../primitives/separator';
|
|
6
|
+
import { SidebarTrigger } from '../primitives/sidebar';
|
|
7
|
+
export function Header({ className, fixed, children, ...props }) {
|
|
8
|
+
const [offset, setOffset] = useState(0);
|
|
9
|
+
useEffect(() => {
|
|
10
|
+
const onScroll = () => {
|
|
11
|
+
setOffset(document.body.scrollTop || document.documentElement.scrollTop);
|
|
12
|
+
};
|
|
13
|
+
document.addEventListener('scroll', onScroll, { passive: true });
|
|
14
|
+
return () => document.removeEventListener('scroll', onScroll);
|
|
15
|
+
}, []);
|
|
16
|
+
return (_jsx("header", { className: cn('z-50 h-16', fixed && 'header-fixed peer/header sticky top-0 w-[inherit] bg-background', offset > 10 && fixed ? 'shadow' : 'shadow-none', className), ...props, children: _jsxs("div", { className: cn('relative flex h-full items-center gap-3 p-4 sm:gap-4', offset > 10 &&
|
|
17
|
+
fixed &&
|
|
18
|
+
'after:bg-background/20 after:absolute after:inset-0 after:-z-10 after:backdrop-blur-lg'), children: [_jsx(SidebarTrigger, { className: 'max-md:scale-125' }), _jsx(Separator, { orientation: 'vertical', className: 'h-6' }), children] }) }));
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../src/layout/header.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAOrD,MAAM,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;QAC1E,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QAChE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC/D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,iBACE,SAAS,EAAE,EAAE,CACX,WAAW,EACX,KAAK,IAAI,iEAAiE,EAC1E,MAAM,GAAG,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EAC/C,SAAS,CACV,KACG,KAAK,YAET,eACE,SAAS,EAAE,EAAE,CACX,sDAAsD,EACtD,MAAM,GAAG,EAAE;gBACT,KAAK;gBACL,wFAAwF,CAC3F,aAED,KAAC,cAAc,IAAC,SAAS,EAAC,kBAAkB,GAAG,EAC/C,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,SAAS,EAAC,KAAK,GAAG,EACnD,QAAQ,IACL,GACC,CACV,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { AuthenticatedLayout } from './authenticated-layout';
|
|
2
|
+
export { AppSidebar, OrganizationCard } from './app-sidebar';
|
|
3
|
+
export { Header } from './header';
|
|
4
|
+
export { NavUser } from './nav-user';
|
|
5
|
+
export { NavGroup, type NavLinkComponent, type NavGroupProps } from './nav-group';
|
|
6
|
+
export { TeamSwitcher } from './team-switcher';
|
|
7
|
+
export { ProfileDropdown } from './profile-dropdown';
|
|
8
|
+
export type { NavItem, NavLinkItem, NavCollapsibleItem, NavGroupData, LayoutUser, } from './types';
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,YAAY,EACV,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,UAAU,GACX,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { AuthenticatedLayout } from './authenticated-layout';
|
|
2
|
+
export { AppSidebar, OrganizationCard } from './app-sidebar';
|
|
3
|
+
export { Header } from './header';
|
|
4
|
+
export { NavUser } from './nav-user';
|
|
5
|
+
export { NavGroup } from './nav-group';
|
|
6
|
+
export { TeamSwitcher } from './team-switcher';
|
|
7
|
+
export { ProfileDropdown } from './profile-dropdown';
|
|
8
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,QAAQ,EAA6C,MAAM,aAAa,CAAA;AACjF,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA"}
|