@noxickon/onyx 4.0.8 → 4.1.1
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/AI-README.md +119 -0
- package/dist/chunks/{hooks-CNgb50x1.js → hooks-BHARFCd8.js} +8 -8
- package/dist/chunks/{hooks-6tQOArBm.js → hooks-HgSTVeVG.js} +172 -163
- package/dist/chunks/{ui-BTr-wu1B.js → ui-BFVntEuJ.js} +5317 -4952
- package/dist/chunks/ui-DIs-Q3SJ.js +9 -0
- package/dist/contexts/contexts.cjs.js +1 -1
- package/dist/contexts/contexts.es.js +30 -30
- package/dist/forms/Combobox/Combobox.stories.d.ts +9 -0
- package/dist/forms/Combobox/index.d.ts +10 -0
- package/dist/forms/Combobox/src/Combobox.d.ts +2 -0
- package/dist/forms/Combobox/src/Combobox.types.d.ts +56 -0
- package/dist/forms/Combobox/src/ComboboxContent.d.ts +2 -0
- package/dist/forms/Combobox/src/ComboboxEmpty.d.ts +2 -0
- package/dist/forms/Combobox/src/ComboboxLoading.d.ts +2 -0
- package/dist/forms/Combobox/src/ComboboxOption.d.ts +2 -0
- package/dist/forms/Combobox/src/ComboboxOptions.d.ts +2 -0
- package/dist/forms/Combobox/src/ComboboxSearch.d.ts +2 -0
- package/dist/forms/Combobox/src/ComboboxTrigger.d.ts +2 -0
- package/dist/forms/Combobox/src/context/ComboboxContext.d.ts +2 -0
- package/dist/forms/Combobox/src/context/useComboboxContext.d.ts +1 -0
- package/dist/forms/index.d.ts +1 -0
- package/dist/hooks/hooks.cjs.js +1 -1
- package/dist/hooks/hooks.es.js +10 -9
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/useDebounce/index.d.ts +1 -0
- package/dist/hooks/useDebounce/src/useDebounce.d.ts +1 -0
- package/dist/layouts/Sidebar/src/Sidebar.types.d.ts +1 -0
- package/dist/layouts/layouts.cjs.js +1 -1
- package/dist/layouts/layouts.es.js +188 -187
- package/dist/legacy/legacy.cjs.js +1 -1
- package/dist/legacy/legacy.es.js +4 -4
- package/dist/onyx.cjs.js +1 -1
- package/dist/onyx.es.js +53 -52
- package/dist/pages/pages.cjs.js +1 -1
- package/dist/pages/pages.es.js +5 -5
- package/dist/routes/routes.cjs.js +1 -1
- package/dist/routes/routes.es.js +1 -1
- package/dist/styles.css +10 -0
- package/dist/ui.css +1 -1
- package/dist/utilities.css +4 -0
- package/dist/utils/utils.cjs.js +1 -1
- package/dist/utils/utils.es.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/ui-sjbZNsCv.js +0 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/ui-DIs-Q3SJ.js"),y=require("react/jsx-runtime"),s=require("react"),j=require("@apollo/client"),w=require("../chunks/hooks-BHARFCd8.js");function T(r={}){const{checks:e={}}=r,d=s.createContext(void 0);function l({children:a,fetcher:o,pollInterval:f=300*1e3}){const[n,i]=s.useState(null),[u,_]=s.useState(!0),[v,p]=s.useState(null),O=s.useRef(null),D=s.useRef(!0),E=s.useRef(o);E.current=o;const m=s.useCallback(async()=>{try{const t=await E.current();D.current&&(i(t),p(null))}catch(t){D.current&&(p(t instanceof Error?t:new Error("Unknown error")),i(null))}finally{D.current&&_(!1)}},[]);s.useEffect(()=>(D.current=!0,m(),f>0&&(O.current=setInterval(m,f)),()=>{D.current=!1,O.current&&clearInterval(O.current)}),[m,f]);const h=s.useMemo(()=>{const t={};for(const[g,b]of Object.entries(e))t[g]=b(n);return t},[n]),F=!!n,c=s.useMemo(()=>({checks:h,error:v,isLoggedIn:F,loading:u,refreshUser:m,user:n}),[h,v,F,u,m,n]);return y.jsx(d.Provider,{value:c,children:a})}function x(){const a=s.useContext(d);if(!a)throw new Error("useOxAuth must be used within an OxAuthProvider");return a}return{OxAuthProvider:l,useOxAuth:x}}const k=j.gql`
|
|
2
2
|
query getFeatures {
|
|
3
3
|
features
|
|
4
4
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ag as C, y as T } from "../chunks/ui-BFVntEuJ.js";
|
|
2
2
|
import { jsx as E, jsxs as q } from "react/jsx-runtime";
|
|
3
3
|
import { createContext as k, useContext as A, useState as F, useRef as P, useCallback as I, useEffect as S, useMemo as R } from "react";
|
|
4
4
|
import { gql as N } from "@apollo/client";
|
|
5
|
-
import {
|
|
5
|
+
import { C as M, d as U, D as $, x as z, z as G } from "../chunks/hooks-HgSTVeVG.js";
|
|
6
6
|
function ne(r = {}) {
|
|
7
7
|
const {
|
|
8
8
|
checks: e = {}
|
|
@@ -12,16 +12,16 @@ function ne(r = {}) {
|
|
|
12
12
|
fetcher: s,
|
|
13
13
|
pollInterval: a = 300 * 1e3
|
|
14
14
|
}) {
|
|
15
|
-
const [n, i] = F(null), [c,
|
|
16
|
-
|
|
15
|
+
const [n, i] = F(null), [c, y] = F(!0), [O, p] = F(null), x = P(null), v = P(!0), D = P(s);
|
|
16
|
+
D.current = s;
|
|
17
17
|
const m = I(async () => {
|
|
18
18
|
try {
|
|
19
|
-
const t = await
|
|
19
|
+
const t = await D.current();
|
|
20
20
|
v.current && (i(t), p(null));
|
|
21
21
|
} catch (t) {
|
|
22
22
|
v.current && (p(t instanceof Error ? t : new Error("Unknown error")), i(null));
|
|
23
23
|
} finally {
|
|
24
|
-
v.current &&
|
|
24
|
+
v.current && y(!1);
|
|
25
25
|
}
|
|
26
26
|
}, []);
|
|
27
27
|
S(() => (v.current = !0, m(), a > 0 && (x.current = setInterval(m, a)), () => {
|
|
@@ -29,17 +29,17 @@ function ne(r = {}) {
|
|
|
29
29
|
}), [m, a]);
|
|
30
30
|
const h = R(() => {
|
|
31
31
|
const t = {};
|
|
32
|
-
for (const [g,
|
|
33
|
-
t[g] =
|
|
32
|
+
for (const [g, b] of Object.entries(e))
|
|
33
|
+
t[g] = b(n);
|
|
34
34
|
return t;
|
|
35
|
-
}, [n]),
|
|
35
|
+
}, [n]), w = !!n, o = R(() => ({
|
|
36
36
|
checks: h,
|
|
37
37
|
error: O,
|
|
38
|
-
isLoggedIn:
|
|
38
|
+
isLoggedIn: w,
|
|
39
39
|
loading: c,
|
|
40
40
|
refreshUser: m,
|
|
41
41
|
user: n
|
|
42
|
-
}), [h, O,
|
|
42
|
+
}), [h, O, w, c, m, n]);
|
|
43
43
|
return /* @__PURE__ */ E(f.Provider, { value: o, children: u });
|
|
44
44
|
}
|
|
45
45
|
function d() {
|
|
@@ -77,7 +77,7 @@ function se({
|
|
|
77
77
|
pollInterval: d,
|
|
78
78
|
skip: e,
|
|
79
79
|
...l
|
|
80
|
-
}), i = u?.features || {}, c = (
|
|
80
|
+
}), i = u?.features || {}, c = (y) => e ? !0 : i[y] ?? !1;
|
|
81
81
|
return /* @__PURE__ */ E(j.Provider, { value: {
|
|
82
82
|
features: i,
|
|
83
83
|
isEnabled: c,
|
|
@@ -87,7 +87,7 @@ function se({
|
|
|
87
87
|
enableDevMode: e
|
|
88
88
|
}, children: r });
|
|
89
89
|
}
|
|
90
|
-
function
|
|
90
|
+
function B() {
|
|
91
91
|
const r = A(j);
|
|
92
92
|
if (!r)
|
|
93
93
|
throw new Error("useOxFeature must be used within an OxFeatureProvider");
|
|
@@ -101,7 +101,7 @@ const oe = (r) => {
|
|
|
101
101
|
name: u
|
|
102
102
|
} = r, s = d === void 0 ? null : d, {
|
|
103
103
|
isEnabled: a
|
|
104
|
-
} =
|
|
104
|
+
} = B();
|
|
105
105
|
if (!a(u)) {
|
|
106
106
|
let c;
|
|
107
107
|
return e[0] !== l || e[1] !== s ? (c = s ? /* @__PURE__ */ E("div", { className: C("contents", l), children: s }) : null, e[0] = l, e[1] = s, e[2] = c) : c = e[2], c;
|
|
@@ -127,25 +127,25 @@ const oe = (r) => {
|
|
|
127
127
|
e[4] === Symbol.for("react.memo_cache_sentinel") ? (c = () => {
|
|
128
128
|
let o = null;
|
|
129
129
|
a((t) => {
|
|
130
|
-
const g = t.filter(K),
|
|
131
|
-
return
|
|
130
|
+
const g = t.filter(K), b = $(g);
|
|
131
|
+
return b ? (o = b.id, t.map((_) => _.id === b.id ? {
|
|
132
132
|
..._,
|
|
133
133
|
isOpen: !1
|
|
134
134
|
} : _)) : t;
|
|
135
135
|
}), o && setTimeout(() => {
|
|
136
|
-
a((t) =>
|
|
136
|
+
a((t) => z(t, (g) => g.id === o));
|
|
137
137
|
}, 200);
|
|
138
138
|
}, e[4] = c) : c = e[4];
|
|
139
|
-
const
|
|
139
|
+
const y = c;
|
|
140
140
|
let O;
|
|
141
141
|
e[5] !== d ? (O = (o, t) => {
|
|
142
|
-
const g = G(),
|
|
142
|
+
const g = G(), b = {
|
|
143
143
|
id: g,
|
|
144
144
|
content: o,
|
|
145
145
|
isOpen: !0,
|
|
146
146
|
options: t
|
|
147
147
|
};
|
|
148
|
-
return a((_) => [
|
|
148
|
+
return a((_) => [b, ..._].slice(0, d)), g;
|
|
149
149
|
}, e[5] = d, e[6] = O) : O = e[6];
|
|
150
150
|
const p = O;
|
|
151
151
|
let x;
|
|
@@ -155,24 +155,24 @@ const oe = (r) => {
|
|
|
155
155
|
}, 200);
|
|
156
156
|
}, e[7] = x) : x = e[7];
|
|
157
157
|
const v = x;
|
|
158
|
-
let
|
|
159
|
-
e[8] !== p ? (
|
|
158
|
+
let D;
|
|
159
|
+
e[8] !== p ? (D = Object.assign((o, t) => p(o, t), {
|
|
160
160
|
open: p,
|
|
161
|
-
dismiss:
|
|
161
|
+
dismiss: y,
|
|
162
162
|
dismissAll: v
|
|
163
|
-
}), e[8] = p, e[9] =
|
|
164
|
-
const m =
|
|
163
|
+
}), e[8] = p, e[9] = D) : D = e[9];
|
|
164
|
+
const m = D;
|
|
165
165
|
let h;
|
|
166
166
|
if (e[10] !== s) {
|
|
167
167
|
let o;
|
|
168
|
-
e[12] === Symbol.for("react.memo_cache_sentinel") ? (o = (t) => /* @__PURE__ */ E(T, { isOpen: t.isOpen, onClose:
|
|
168
|
+
e[12] === Symbol.for("react.memo_cache_sentinel") ? (o = (t) => /* @__PURE__ */ E(T, { isOpen: t.isOpen, onClose: y, ...t.options, children: t.content }, t.id), e[12] = o) : o = e[12], h = s.map(o), e[10] = s, e[11] = h;
|
|
169
169
|
} else
|
|
170
170
|
h = e[11];
|
|
171
|
-
let
|
|
172
|
-
return e[13] !== f || e[14] !== m || e[15] !== h ? (
|
|
171
|
+
let w;
|
|
172
|
+
return e[13] !== f || e[14] !== m || e[15] !== h ? (w = /* @__PURE__ */ q(L.Provider, { value: m, children: [
|
|
173
173
|
f,
|
|
174
174
|
h
|
|
175
|
-
] }), e[13] = f, e[14] = m, e[15] = h, e[16] =
|
|
175
|
+
] }), e[13] = f, e[14] = m, e[15] = h, e[16] = w) : w = e[16], w;
|
|
176
176
|
};
|
|
177
177
|
function H(r) {
|
|
178
178
|
return r.isOpen;
|
|
@@ -205,5 +205,5 @@ export {
|
|
|
205
205
|
se as OxFeatureProvider,
|
|
206
206
|
ne as createOxAuth,
|
|
207
207
|
ce as useOxDialog,
|
|
208
|
-
|
|
208
|
+
B as useOxFeature
|
|
209
209
|
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { OxCombobox } from './index';
|
|
3
|
+
declare const meta: Meta<typeof OxCombobox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const Async: Story;
|
|
8
|
+
export declare const States: Story;
|
|
9
|
+
export declare const CustomRender: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type * from './src/Combobox.types';
|
|
2
|
+
export declare const OxCombobox: (<T>({ children, className, defaultValue, disabled, error, onChange, required, value, }: import('.').OxComboboxProps<T>) => import("react/jsx-runtime").JSX.Element) & {
|
|
3
|
+
Content: ({ children, className, ...domProps }: import('.').OxComboboxContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
Empty: ({ children, className, ...domProps }: import('.').OxComboboxEmptyProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
Loading: ({ className, rows, ...domProps }: import('.').OxComboboxLoadingProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
Option: <T>({ children, className, value, ...domProps }: import('.').OxComboboxOptionProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
Options: ({ children, className, ...domProps }: import('.').OxComboboxOptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
Search: ({ className, debounce, onChange, placeholder, ...domProps }: import('.').OxComboboxSearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
Trigger: ({ className, disabled: propertyDisabled, placeholder, renderValue, ...domProps }: import('.').OxComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode, RefObject } from 'react';
|
|
2
|
+
export interface ComboboxContextType<T = unknown> {
|
|
3
|
+
close: () => void;
|
|
4
|
+
comboboxId: string;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
error: boolean;
|
|
7
|
+
highlightedIndex: number;
|
|
8
|
+
isClosing: boolean;
|
|
9
|
+
isVisible: boolean;
|
|
10
|
+
onSelect: (value: T) => void;
|
|
11
|
+
open: () => void;
|
|
12
|
+
optionCount: number;
|
|
13
|
+
optionValuesMap: RefObject<Map<number, T>>;
|
|
14
|
+
required: boolean;
|
|
15
|
+
searchRef: RefObject<HTMLInputElement | null>;
|
|
16
|
+
selectedValue: T | null;
|
|
17
|
+
setHighlightedIndex: (index: number) => void;
|
|
18
|
+
setOptionCount: (count: number) => void;
|
|
19
|
+
toggle: () => void;
|
|
20
|
+
triggerRef: RefObject<HTMLButtonElement | null>;
|
|
21
|
+
triggerWidth: number;
|
|
22
|
+
}
|
|
23
|
+
export interface OxComboboxProps<T = unknown> {
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
defaultValue?: T | null;
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
error?: boolean;
|
|
29
|
+
onChange?: (value: T | null) => void;
|
|
30
|
+
required?: boolean;
|
|
31
|
+
value?: T | null;
|
|
32
|
+
}
|
|
33
|
+
export interface OxComboboxTriggerProps extends ComponentPropsWithoutRef<'button'> {
|
|
34
|
+
placeholder?: string;
|
|
35
|
+
renderValue?: (value: unknown) => ReactNode;
|
|
36
|
+
}
|
|
37
|
+
export interface OxComboboxContentProps extends ComponentPropsWithoutRef<'div'> {
|
|
38
|
+
children: ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export interface OxComboboxSearchProps extends Omit<ComponentPropsWithoutRef<'input'>, 'onChange'> {
|
|
41
|
+
debounce?: number;
|
|
42
|
+
onChange?: (value: string) => void;
|
|
43
|
+
}
|
|
44
|
+
export interface OxComboboxOptionsProps extends ComponentPropsWithoutRef<'ul'> {
|
|
45
|
+
children: ReactNode;
|
|
46
|
+
}
|
|
47
|
+
export interface OxComboboxOptionProps<T = unknown> extends Omit<ComponentPropsWithoutRef<'li'>, 'value'> {
|
|
48
|
+
children: ReactNode;
|
|
49
|
+
value: T;
|
|
50
|
+
}
|
|
51
|
+
export interface OxComboboxEmptyProps extends ComponentPropsWithoutRef<'div'> {
|
|
52
|
+
children: ReactNode;
|
|
53
|
+
}
|
|
54
|
+
export interface OxComboboxLoadingProps extends ComponentPropsWithoutRef<'div'> {
|
|
55
|
+
rows?: number;
|
|
56
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useComboboxContext: () => import('../Combobox.types').ComboboxContextType<unknown>;
|
package/dist/forms/index.d.ts
CHANGED
package/dist/hooks/hooks.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/hooks-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/hooks-BHARFCd8.js");exports.handleRules=e.handleRules;exports.useControllableState=e.useControllableState;exports.useDebounce=e.useDebounce;exports.useFileUpload=e.useFileUpload;exports.useFilterFetch=e.useFilterFetch;exports.useFilterQuery=e.useFilterQuery;exports.useFocus=e.useFocus;exports.useForm=e.useForm;exports.useFormFetch=e.useFormFetch;exports.useFormState=e.useFormState;exports.useKeyboard=e.useKeyboard;exports.useOverflowDetection=e.useOverflowDetection;exports.useOxTheme=e.useOxTheme;exports.useScrollSpy=e.useScrollSpy;exports.useSize=e.useSize;exports.validator=e.validator;
|
package/dist/hooks/hooks.es.js
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { L as a, l as u, r as o, G as l, H as r, I as t, n as F, J as c, K as i, A as h, t as m, v as n, w as S, q as d, h as b, M as p } from "../chunks/hooks-HgSTVeVG.js";
|
|
2
2
|
export {
|
|
3
3
|
a as handleRules,
|
|
4
4
|
u as useControllableState,
|
|
5
|
+
o as useDebounce,
|
|
5
6
|
l as useFileUpload,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
r as useFilterFetch,
|
|
8
|
+
t as useFilterQuery,
|
|
9
|
+
F as useFocus,
|
|
10
|
+
c as useForm,
|
|
10
11
|
i as useFormFetch,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
h as useFormState,
|
|
13
|
+
m as useKeyboard,
|
|
14
|
+
n as useOverflowDetection,
|
|
14
15
|
S as useOxTheme,
|
|
15
16
|
d as useScrollSpy,
|
|
16
|
-
|
|
17
|
+
b as useSize,
|
|
17
18
|
p as validator
|
|
18
19
|
};
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './src/useDebounce';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useDebounce: <T>(value: T, delay: number) => T;
|
|
@@ -29,6 +29,7 @@ export interface OxSidebarMenuItemProps extends ComponentPropsWithRef<'li'> {
|
|
|
29
29
|
}
|
|
30
30
|
type SidebarMenuButtonBaseProps = {
|
|
31
31
|
children: ReactNode;
|
|
32
|
+
isActive?: boolean;
|
|
32
33
|
};
|
|
33
34
|
export type OxSidebarMenuButtonLinkProps = SidebarMenuButtonBaseProps & Omit<ComponentPropsWithRef<'a'>, keyof SidebarMenuButtonBaseProps | 'href'> & {
|
|
34
35
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../chunks/ui-sjbZNsCv.js"),d=require("react/jsx-runtime"),f=require("../chunks/hooks-CNgb50x1.js"),j=require("react"),$=require("lucide-react"),w=r=>{const e=f.compilerRuntimeExports.c(11);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);const{isMobile:o}=E(),n=o?"grid-cols-1":"grid-cols-[auto_1fr]";let i;e[4]!==s||e[5]!==n?(i=m.cn("mx-auto grid min-h-screen max-w-16xl bg-transparent",n,s),e[4]=s,e[5]=n,e[6]=i):i=e[6];let a;return e[7]!==t||e[8]!==l||e[9]!==i?(a=d.jsx("div",{className:i,...l,"data-ox-slot":"app-layout",children:t}),e[7]=t,e[8]=l,e[9]=i,e[10]=a):a=e[10],a},k=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-col overflow-y-auto",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("main",{className:o,...l,"data-ox-slot":"main-content",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},I=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex-1 overflow-y-auto p-6",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"main-content-body",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},_=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("shrink-0 px-6 py-4",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"main-content-header",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},B=Object.assign(k,{Header:_,Body:I}),y=j.createContext(void 0);function E(){const r=j.useContext(y);if(!r)throw new Error("useOxSidebar must be used within a SidebarProvider");return r}const L=256,T=r=>{const e=f.compilerRuntimeExports.c(21);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);const{isMobile:o,mobileOpen:n,toggleSidebar:i}=E();if(o){let u;e[4]!==s?(u=m.cn("flex h-full flex-col bg-sidebar",s),e[4]=s,e[5]=u):u=e[5];let b;e[6]!==t||e[7]!==l||e[8]!==u?(b=d.jsx(m.OxDrawer.Content,{closeOnOutsideClick:!0,side:"left",children:d.jsx("aside",{className:u,...l,"data-ox-slot":"sidebar",children:t})}),e[6]=t,e[7]=l,e[8]=u,e[9]=b):b=e[9];let p;return e[10]!==n||e[11]!==b||e[12]!==i?(p=d.jsx(m.OxDrawer,{open:n,onOpenChange:i,children:b}),e[10]=n,e[11]=b,e[12]=i,e[13]=p):p=e[13],p}let a;e[14]!==s?(a=m.cn("sticky top-0 flex h-screen flex-col overflow-y-auto border-r border-sidebar-border bg-sidebar",s),e[14]=s,e[15]=a):a=e[15];let c;e[16]===Symbol.for("react.memo_cache_sentinel")?(c={width:L},e[16]=c):c=e[16];let x;return e[17]!==t||e[18]!==l||e[19]!==a?(x=d.jsx("aside",{className:a,style:c,...l,"data-ox-slot":"sidebar",children:t}),e[17]=t,e[18]=l,e[19]=a,e[20]=x):x=e[20],x},A=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex-1 overflow-y-auto p-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-content",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},z=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex shrink-0 flex-col p-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-footer",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},D=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-wrap items-center gap-2",'**:data-[ox-slot="sidebar-group-content"]:w-full',s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-group",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},G=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("mr-1.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md","enabled:cursor-pointer enabled:text-muted-foreground enabled:hover:bg-sidebar-accent enabled:hover:text-sidebar-foreground","ox-focus-ring disabled:ox-default-disabled",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("button",{className:o,type:"button",...l,"data-ox-slot":"sidebar-group-action",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},q=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn(s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-group-content",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},H=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-1 items-center pl-2 text-xs font-medium text-muted-foreground",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-group-label",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},F=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex shrink-0 flex-col p-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-header",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},W=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-col items-stretch gap-1",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("ul",{className:o,...l,"data-ox-slot":"sidebar-menu",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},K=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-transparent","enabled:cursor-pointer enabled:bg-transparent enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent","ox-focus-ring disabled:ox-default-disabled",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("button",{className:o,type:"button",...l,"data-ox-slot":"sidebar-menu-action",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},M=j.createContext(void 0),C=()=>{const r=j.useContext(M);if(!r)throw new Error("useMenuItemContext must be used within MenuItemProvider");return r},R=r=>{const e=f.compilerRuntimeExports.c(7),{className:t,icon:s,path:l,placeholder:o}=r;let n;e[0]!==t?(n=m.cn("shrink-0",t),e[0]=t,e[1]=n):n=e[1];let i;return e[2]!==s||e[3]!==l||e[4]!==o||e[5]!==n?(i=d.jsx(m.OxIcon,{className:n,icon:s,path:l,placeholder:o,size:"md"}),e[2]=s,e[3]=l,e[4]=o,e[5]=n,e[6]=i):i=e[6],i},J=r=>"href"in r,P="flex h-9 flex-1 items-center gap-2 rounded-lg border border-transparent bg-transparent px-2 text-left text-sm ox-focus-ring",Q=r=>{const e=f.compilerRuntimeExports.c(23);let t,s,l,o,n,i;e[0]!==r?({children:t,className:s,disabled:i,href:l,onClick:o,...n}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o,e[5]=n,e[6]=i):(t=e[1],s=e[2],l=e[3],o=e[4],n=e[5],i=e[6]);const a=i===void 0?!1:i,{hasSub:c,toggleOpen:x}=C(),u=!a;let b;e[7]!==s||e[8]!==a||e[9]!==u?(b=m.cn(P,{"cursor-pointer text-sidebar-foreground hover:bg-sidebar-accent":u,"ox-default-disabled":a},s),e[7]=s,e[8]=a,e[9]=u,e[10]=b):b=e[10];const p=b;let S;e[11]!==a||e[12]!==c||e[13]!==o||e[14]!==x?(S=v=>{if(a){v.preventDefault();return}if(c){v.preventDefault(),x();return}o?.(v)},e[11]=a,e[12]=c,e[13]=o,e[14]=x,e[15]=S):S=e[15];const h=S,O=a?"true":void 0,g=a?void 0:l;let N;return e[16]!==t||e[17]!==h||e[18]!==p||e[19]!==n||e[20]!==O||e[21]!==g?(N=d.jsx("a",{"aria-disabled":O,className:p,href:g,onClick:h,...n,"data-ox-slot":"sidebar-menu-button",children:t}),e[16]=t,e[17]=h,e[18]=p,e[19]=n,e[20]=O,e[21]=g,e[22]=N):N=e[22],N},U=r=>{const e=f.compilerRuntimeExports.c(24);let t,s,l,o,n,i;e[0]!==r?({children:t,className:s,disabled:n,onClick:l,type:i,...o}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o,e[5]=n,e[6]=i):(t=e[1],s=e[2],l=e[3],o=e[4],n=e[5],i=e[6]);const a=n===void 0?!1:n,c=i===void 0?"button":i,{hasSub:x,isOpen:u,toggleOpen:b}=C();let p;e[7]!==s?(p=m.cn(P,"enabled:cursor-pointer enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent","disabled:ox-default-disabled",s),e[7]=s,e[8]=p):p=e[8];const S=p;let h;e[9]!==x||e[10]!==l||e[11]!==b?(h=v=>{if(x){b();return}l?.(v)},e[9]=x,e[10]=l,e[11]=b,e[12]=h):h=e[12];const O=h;let g;e[13]!==x||e[14]!==u?(g=x?d.jsx(R,{className:m.cn("ml-auto transition-transform duration-200",{"rotate-180":u}),icon:$.ChevronDown}):null,e[13]=x,e[14]=u,e[15]=g):g=e[15];let N;return e[16]!==S||e[17]!==t||e[18]!==a||e[19]!==O||e[20]!==o||e[21]!==g||e[22]!==c?(N=d.jsxs("button",{className:S,disabled:a,type:c,onClick:O,...o,"data-ox-slot":"sidebar-menu-button",children:[t,g]}),e[16]=S,e[17]=t,e[18]=a,e[19]=O,e[20]=o,e[21]=g,e[22]=c,e[23]=N):N=e[23],N},V=r=>{const e=f.compilerRuntimeExports.c(2);let t;return e[0]!==r?(t=J(r)?d.jsx(Q,{...r}):d.jsx(U,{...r}),e[0]=r,e[1]=t):t=e[1],t};function X(r){const e=f.compilerRuntimeExports.c(7),{children:t,defaultOpen:s,hasSub:l}=r,o=s===void 0?!1:s,n=l===void 0?!1:l,[i,a]=j.useState(o);let c;e[0]===Symbol.for("react.memo_cache_sentinel")?(c=()=>a(Y),e[0]=c):c=e[0];const x=c;let u;e[1]!==n||e[2]!==i?(u={hasSub:n,isOpen:i,setIsOpen:a,toggleOpen:x},e[1]=n,e[2]=i,e[3]=u):u=e[3];let b;return e[4]!==t||e[5]!==u?(b=d.jsx(M.Provider,{value:u,children:t}),e[4]=t,e[5]=u,e[6]=b):b=e[6],b}function Y(r){return!r}const Z=r=>{const e=f.compilerRuntimeExports.c(16);let t,s,l,o,n;e[0]!==r?({children:t,className:s,defaultOpen:o,hasSub:n,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o,e[5]=n):(t=e[1],s=e[2],l=e[3],o=e[4],n=e[5]);const i=o===void 0?!1:o,a=n===void 0?!1:n;let c;e[6]!==s?(c=m.cn("group flex flex-wrap items-center gap-x-2",s),e[6]=s,e[7]=c):c=e[7];let x;e[8]!==t||e[9]!==l||e[10]!==c?(x=d.jsx("li",{className:c,...l,"data-ox-slot":"sidebar-menu-item",children:t}),e[8]=t,e[9]=l,e[10]=c,e[11]=x):x=e[11];let u;return e[12]!==i||e[13]!==a||e[14]!==x?(u=d.jsx(X,{defaultOpen:i,hasSub:a,children:x}),e[12]=i,e[13]=a,e[14]=x,e[15]=u):u=e[15],u},ee=r=>{const e=f.compilerRuntimeExports.c(4),{className:t}=r;let s;e[0]!==t?(s=m.cn("h-9 w-full",t),e[0]=t,e[1]=s):s=e[1];let l;return e[2]!==s?(l=d.jsx(m.OxSkeleton,{className:s}),e[2]=s,e[3]=l):l=e[3],l},te=r=>{const e=f.compilerRuntimeExports.c(13);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);const{isOpen:o}=C(),n=o?"open":"closed";let i;e[4]!==s?(i=m.cn("border-onyx-700 ml-4.5 flex flex-col gap-1 border-l py-0.5 pl-2.5",s),e[4]=s,e[5]=i):i=e[5];let a;e[6]!==t||e[7]!==l||e[8]!==i?(a=d.jsx("ul",{className:i,...l,"data-ox-slot":"sidebar-menu-sub",children:t}),e[6]=t,e[7]=l,e[8]=i,e[9]=a):a=e[9];let c;return e[10]!==n||e[11]!==a?(c=d.jsx("div",{className:"ox-sidebar-submenu w-content grid w-full","data-ox-slot":"sidebar-menu-sub-wrapper","data-ox-state":n,children:a}),e[10]=n,e[11]=a,e[12]=c):c=e[12],c},se=r=>{const e=f.compilerRuntimeExports.c(16);let t,s,l,o;e[0]!==r?({children:t,className:s,href:o,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o):(t=e[1],s=e[2],l=e[3],o=e[4]);let n;e[5]!==s?(n=m.cn(["flex h-8 flex-1 cursor-pointer items-center gap-2","rounded-lg border border-transparent bg-transparent px-2","text-left text-sm text-sidebar-foreground","hover:bg-sidebar-accent"],"ox-focus-ring",s),e[5]=s,e[6]=n):n=e[6];const i=n;if(o){const c=l;let x;return e[7]!==i||e[8]!==t||e[9]!==o||e[10]!==c?(x=d.jsx("a",{className:i,href:o,...c,"data-ox-slot":"sidebar-menu-sub-button",children:t}),e[7]=i,e[8]=t,e[9]=o,e[10]=c,e[11]=x):x=e[11],x}let a;return e[12]!==i||e[13]!==t||e[14]!==l?(a=d.jsx("button",{className:i,type:"button",...l,"data-ox-slot":"sidebar-menu-sub-button",children:t}),e[12]=i,e[13]=t,e[14]=l,e[15]=a):a=e[15],a},le=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex items-center gap-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("li",{className:o,...l,"data-ox-slot":"sidebar-menu-sub-item",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},oe=r=>{const e=f.compilerRuntimeExports.c(5),{children:t,className:s}=r;let l;e[0]!==s?(l=m.cn("ml-auto",s),e[0]=s,e[1]=l):l=e[1];let o;return e[2]!==t||e[3]!==l?(o=d.jsx(m.OxTag,{className:l,children:t}),e[2]=t,e[3]=l,e[4]=o):o=e[4],o},ne=r=>{const e=f.compilerRuntimeExports.c(6);let t,s;e[0]!==r?({className:t,...s}=r,e[0]=r,e[1]=t,e[2]=s):(t=e[1],s=e[2]);let l;return e[3]!==t||e[4]!==s?(l=d.jsx(m.OxSeparator,{className:t,...s}),e[3]=t,e[4]=s,e[5]=l):l=e[5],l},re=r=>{const e=f.compilerRuntimeExports.c(12),{className:t,onClick:s}=r,{isMobile:l,toggleSidebar:o}=E();let n;e[0]!==l||e[1]!==s||e[2]!==o?(n=()=>{l?o():s&&s()},e[0]=l,e[1]=s,e[2]=o,e[3]=n):n=e[3];const i=n,a=l||s;let c;e[4]!==t||e[5]!==a?(c=m.cn("inline-flex size-8 items-center justify-center rounded-lg","border border-transparent bg-transparent text-sidebar-foreground",{"ox-focus-ring cursor-pointer hover:bg-sidebar-accent":a},t),e[4]=t,e[5]=a,e[6]=c):c=e[6];const x=!a;let u;e[7]===Symbol.for("react.memo_cache_sentinel")?(u=d.jsx(m.OxIcon$1,{icon:$.PanelLeft,size:"md"}),e[7]=u):u=e[7];let b;return e[8]!==i||e[9]!==c||e[10]!==x?(b=d.jsx("button",{"aria-label":"Toggle sidebar",className:c,"data-ox-slot":"sidebar-trigger",disabled:x,type:"button",onClick:i,children:u}),e[8]=i,e[9]=c,e[10]=x,e[11]=b):b=e[11],b};function ie(r){const e=f.compilerRuntimeExports.c(11),{children:t}=r,[s,l]=j.useState(!1),[o,n]=j.useState(!1);let i,a;e[0]===Symbol.for("react.memo_cache_sentinel")?(i=()=>{const g=()=>{n(window.innerWidth<m.MOBILE_BREAKPOINT)};return g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},a=[],e[0]=i,e[1]=a):(i=e[0],a=e[1]),j.useEffect(i,a);let c;e[2]===Symbol.for("react.memo_cache_sentinel")?(c=()=>{l(!0)},e[2]=c):c=e[2];const x=c;let u;e[3]===Symbol.for("react.memo_cache_sentinel")?(u=()=>{l(!1)},e[3]=u):u=e[3];const b=u;let p;e[4]===Symbol.for("react.memo_cache_sentinel")?(p=()=>{l(ae)},e[4]=p):p=e[4];const S=p;let h;e[5]!==o||e[6]!==s?(h={closeSidebar:b,isMobile:o,mobileOpen:s,openSidebar:x,toggleSidebar:S},e[5]=o,e[6]=s,e[7]=h):h=e[7];let O;return e[8]!==t||e[9]!==h?(O=d.jsx(y.Provider,{value:h,children:t}),e[8]=t,e[9]=h,e[10]=O):O=e[10],O}function ae(r){return!r}const ce=Object.assign(T,{Content:A,Footer:z,Header:F,Separator:ne,Trigger:re}),de=Object.assign(W,{Action:K,Button:V,Icon:R,Item:Z,Skeleton:ee,Sub:te,SubButton:se,SubItem:le,Tag:oe}),ue=Object.assign(D,{Action:G,Content:q,Label:H});exports.OxAppLayout=w;exports.OxMainContent=B;exports.OxSidebar=ce;exports.OxSidebarGroup=ue;exports.OxSidebarMenu=de;exports.OxSidebarProvider=ie;exports.useOxSidebar=E;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../chunks/ui-DIs-Q3SJ.js"),d=require("react/jsx-runtime"),f=require("../chunks/hooks-BHARFCd8.js"),E=require("react"),w=require("lucide-react"),B=r=>{const e=f.compilerRuntimeExports.c(11);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);const{isMobile:o}=P(),n=o?"grid-cols-1":"grid-cols-[auto_1fr]";let i;e[4]!==s||e[5]!==n?(i=m.cn("mx-auto grid min-h-screen max-w-16xl bg-transparent",n,s),e[4]=s,e[5]=n,e[6]=i):i=e[6];let c;return e[7]!==t||e[8]!==l||e[9]!==i?(c=d.jsx("div",{className:i,...l,"data-ox-slot":"app-layout",children:t}),e[7]=t,e[8]=l,e[9]=i,e[10]=c):c=e[10],c},L=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-col overflow-y-auto",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("main",{className:o,...l,"data-ox-slot":"main-content",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},T=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex-1 overflow-y-auto p-6",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"main-content-body",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},z=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("shrink-0 px-6 py-4",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"main-content-header",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},G=Object.assign(L,{Header:z,Body:T}),k=E.createContext(void 0);function P(){const r=E.useContext(k);if(!r)throw new Error("useOxSidebar must be used within a SidebarProvider");return r}const q=r=>{const e=f.compilerRuntimeExports.c(20);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);const{isMobile:o,mobileOpen:n,toggleSidebar:i}=P();if(o){let x;e[4]!==s?(x=m.cn("flex h-full flex-col bg-sidebar",s),e[4]=s,e[5]=x):x=e[5];let u;e[6]!==t||e[7]!==l||e[8]!==x?(u=d.jsx(m.OxDrawer.Content,{closeOnOutsideClick:!0,side:"left",children:d.jsx("aside",{className:x,...l,"data-ox-slot":"sidebar",children:t})}),e[6]=t,e[7]=l,e[8]=x,e[9]=u):u=e[9];let b;return e[10]!==n||e[11]!==u||e[12]!==i?(b=d.jsx(m.OxDrawer,{open:n,onOpenChange:i,children:u}),e[10]=n,e[11]=u,e[12]=i,e[13]=b):b=e[13],b}let c;e[14]!==s?(c=m.cn("sticky top-0 flex h-screen w-[256px] flex-col overflow-y-auto border-r border-sidebar-border bg-sidebar",s),e[14]=s,e[15]=c):c=e[15];let a;return e[16]!==t||e[17]!==l||e[18]!==c?(a=d.jsx("aside",{className:c,...l,"data-ox-slot":"sidebar",children:t}),e[16]=t,e[17]=l,e[18]=c,e[19]=a):a=e[19],a},D=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex-1 overflow-y-auto p-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-content",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},H=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex h-16 shrink-0 flex-col justify-center p-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-footer",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},F=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-wrap items-center gap-2",'**:data-[ox-slot="sidebar-group-content"]:w-full',s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-group",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},K=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("mr-1.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md","enabled:cursor-pointer enabled:text-muted-foreground enabled:hover:bg-sidebar-accent enabled:hover:text-sidebar-foreground","ox-focus-ring disabled:ox-default-disabled",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("button",{className:o,type:"button",...l,"data-ox-slot":"sidebar-group-action",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},W=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn(s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-group-content",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},J=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-1 items-center pl-2 text-xs font-medium text-muted-foreground",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-group-label",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},Q=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex h-16 shrink-0 flex-col justify-center p-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("div",{className:o,...l,"data-ox-slot":"sidebar-header",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},U=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex flex-col items-stretch gap-1",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("ul",{className:o,...l,"data-ox-slot":"sidebar-menu",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},V=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-transparent","enabled:cursor-pointer enabled:bg-transparent enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent","ox-focus-ring disabled:ox-default-disabled",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("button",{className:o,type:"button",...l,"data-ox-slot":"sidebar-menu-action",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},I=E.createContext(void 0),R=()=>{const r=E.useContext(I);if(!r)throw new Error("useMenuItemContext must be used within MenuItemProvider");return r},_=r=>{const e=f.compilerRuntimeExports.c(7),{className:t,icon:s,path:l,placeholder:o}=r;let n;e[0]!==t?(n=m.cn("shrink-0",t),e[0]=t,e[1]=n):n=e[1];let i;return e[2]!==s||e[3]!==l||e[4]!==o||e[5]!==n?(i=d.jsx(m.OxIcon,{className:n,icon:s,path:l,placeholder:o,size:"md"}),e[2]=s,e[3]=l,e[4]=o,e[5]=n,e[6]=i):i=e[6],i},X=r=>"href"in r,A="flex h-9 flex-1 items-center gap-2 rounded-lg border border-transparent bg-transparent px-2 text-left text-sm ox-focus-ring",Y=r=>{const e=f.compilerRuntimeExports.c(27);let t,s,l,o,n,i,c;e[0]!==r?({children:t,className:s,disabled:i,href:l,isActive:c,onClick:o,...n}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o,e[5]=n,e[6]=i,e[7]=c):(t=e[1],s=e[2],l=e[3],o=e[4],n=e[5],i=e[6],c=e[7]);const a=i===void 0?!1:i,x=c===void 0?!1:c,{hasSub:u,toggleOpen:b}=R(),g=x&&!a,v=!a;let p;e[8]!==s||e[9]!==a||e[10]!==g||e[11]!==v?(p=m.cn(A,{"bg-sidebar-accent font-medium":g,"cursor-pointer text-sidebar-foreground hover:bg-sidebar-accent":v,"ox-default-disabled":a},s),e[8]=s,e[9]=a,e[10]=g,e[11]=v,e[12]=p):p=e[12];const h=p;let O;e[13]!==a||e[14]!==u||e[15]!==o||e[16]!==b?(O=y=>{if(a){y.preventDefault();return}if(u){y.preventDefault(),b();return}o?.(y)},e[13]=a,e[14]=u,e[15]=o,e[16]=b,e[17]=O):O=e[17];const j=O,C=x?"page":void 0,$=a?"true":void 0,M=a?void 0:l,S=x||void 0;let N;return e[18]!==t||e[19]!==j||e[20]!==h||e[21]!==n||e[22]!==S||e[23]!==C||e[24]!==$||e[25]!==M?(N=d.jsx("a",{"aria-current":C,"aria-disabled":$,className:h,href:M,onClick:j,...n,"data-ox-active":S,"data-ox-slot":"sidebar-menu-button",children:t}),e[18]=t,e[19]=j,e[20]=h,e[21]=n,e[22]=S,e[23]=C,e[24]=$,e[25]=M,e[26]=N):N=e[26],N},Z=r=>{const e=f.compilerRuntimeExports.c(28);let t,s,l,o,n,i,c;e[0]!==r?({children:t,className:s,disabled:n,isActive:i,onClick:l,type:c,...o}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o,e[5]=n,e[6]=i,e[7]=c):(t=e[1],s=e[2],l=e[3],o=e[4],n=e[5],i=e[6],c=e[7]);const a=n===void 0?!1:n,x=i===void 0?!1:i,u=c===void 0?"button":c,{hasSub:b,isOpen:g,toggleOpen:v}=R(),p=x&&!a;let h;e[8]!==s||e[9]!==p?(h=m.cn(A,"enabled:cursor-pointer enabled:text-sidebar-foreground enabled:hover:bg-sidebar-accent","disabled:ox-default-disabled",{"bg-sidebar-accent font-medium":p},s),e[8]=s,e[9]=p,e[10]=h):h=e[10];const O=h;let j;e[11]!==b||e[12]!==l||e[13]!==v?(j=y=>{if(b){v();return}l?.(y)},e[11]=b,e[12]=l,e[13]=v,e[14]=j):j=e[14];const C=j,$=x?"page":void 0,M=x||void 0;let S;e[15]!==b||e[16]!==g?(S=b?d.jsx(_,{className:m.cn("ml-auto transition-transform duration-200",{"rotate-180":g}),icon:w.ChevronDown}):null,e[15]=b,e[16]=g,e[17]=S):S=e[17];let N;return e[18]!==O||e[19]!==t||e[20]!==a||e[21]!==C||e[22]!==o||e[23]!==$||e[24]!==M||e[25]!==S||e[26]!==u?(N=d.jsxs("button",{"aria-current":$,className:O,disabled:a,type:u,onClick:C,...o,"data-ox-active":M,"data-ox-slot":"sidebar-menu-button",children:[t,S]}),e[18]=O,e[19]=t,e[20]=a,e[21]=C,e[22]=o,e[23]=$,e[24]=M,e[25]=S,e[26]=u,e[27]=N):N=e[27],N},ee=r=>{const e=f.compilerRuntimeExports.c(2);let t;return e[0]!==r?(t=X(r)?d.jsx(Y,{...r}):d.jsx(Z,{...r}),e[0]=r,e[1]=t):t=e[1],t};function te(r){const e=f.compilerRuntimeExports.c(7),{children:t,defaultOpen:s,hasSub:l}=r,o=s===void 0?!1:s,n=l===void 0?!1:l,[i,c]=E.useState(o);let a;e[0]===Symbol.for("react.memo_cache_sentinel")?(a=()=>c(se),e[0]=a):a=e[0];const x=a;let u;e[1]!==n||e[2]!==i?(u={hasSub:n,isOpen:i,setIsOpen:c,toggleOpen:x},e[1]=n,e[2]=i,e[3]=u):u=e[3];let b;return e[4]!==t||e[5]!==u?(b=d.jsx(I.Provider,{value:u,children:t}),e[4]=t,e[5]=u,e[6]=b):b=e[6],b}function se(r){return!r}const le=r=>{const e=f.compilerRuntimeExports.c(16);let t,s,l,o,n;e[0]!==r?({children:t,className:s,defaultOpen:o,hasSub:n,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o,e[5]=n):(t=e[1],s=e[2],l=e[3],o=e[4],n=e[5]);const i=o===void 0?!1:o,c=n===void 0?!1:n;let a;e[6]!==s?(a=m.cn("group flex flex-wrap items-center gap-x-2",s),e[6]=s,e[7]=a):a=e[7];let x;e[8]!==t||e[9]!==l||e[10]!==a?(x=d.jsx("li",{className:a,...l,"data-ox-slot":"sidebar-menu-item",children:t}),e[8]=t,e[9]=l,e[10]=a,e[11]=x):x=e[11];let u;return e[12]!==i||e[13]!==c||e[14]!==x?(u=d.jsx(te,{defaultOpen:i,hasSub:c,children:x}),e[12]=i,e[13]=c,e[14]=x,e[15]=u):u=e[15],u},oe=r=>{const e=f.compilerRuntimeExports.c(4),{className:t}=r;let s;e[0]!==t?(s=m.cn("h-9 w-full",t),e[0]=t,e[1]=s):s=e[1];let l;return e[2]!==s?(l=d.jsx(m.OxSkeleton,{className:s}),e[2]=s,e[3]=l):l=e[3],l},ne=r=>{const e=f.compilerRuntimeExports.c(13);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);const{isOpen:o}=R(),n=o?"open":"closed";let i;e[4]!==s?(i=m.cn("ml-4.5 flex flex-col gap-1 border-l border-sidebar-border py-0.5 pl-2.5",s),e[4]=s,e[5]=i):i=e[5];let c;e[6]!==t||e[7]!==l||e[8]!==i?(c=d.jsx("ul",{className:i,...l,"data-ox-slot":"sidebar-menu-sub",children:t}),e[6]=t,e[7]=l,e[8]=i,e[9]=c):c=e[9];let a;return e[10]!==n||e[11]!==c?(a=d.jsx("div",{className:"ox-sidebar-submenu w-content grid w-full","data-ox-slot":"sidebar-menu-sub-wrapper","data-ox-state":n,children:c}),e[10]=n,e[11]=c,e[12]=a):a=e[12],a},re=r=>{const e=f.compilerRuntimeExports.c(16);let t,s,l,o;e[0]!==r?({children:t,className:s,href:o,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l,e[4]=o):(t=e[1],s=e[2],l=e[3],o=e[4]);let n;e[5]!==s?(n=m.cn(["flex h-8 flex-1 cursor-pointer items-center gap-2","rounded-lg border border-transparent bg-transparent px-2","text-left text-sm text-sidebar-foreground","hover:bg-sidebar-accent"],"ox-focus-ring",s),e[5]=s,e[6]=n):n=e[6];const i=n;if(o){const a=l;let x;return e[7]!==i||e[8]!==t||e[9]!==o||e[10]!==a?(x=d.jsx("a",{className:i,href:o,...a,"data-ox-slot":"sidebar-menu-sub-button",children:t}),e[7]=i,e[8]=t,e[9]=o,e[10]=a,e[11]=x):x=e[11],x}let c;return e[12]!==i||e[13]!==t||e[14]!==l?(c=d.jsx("button",{className:i,type:"button",...l,"data-ox-slot":"sidebar-menu-sub-button",children:t}),e[12]=i,e[13]=t,e[14]=l,e[15]=c):c=e[15],c},ie=r=>{const e=f.compilerRuntimeExports.c(10);let t,s,l;e[0]!==r?({children:t,className:s,...l}=r,e[0]=r,e[1]=t,e[2]=s,e[3]=l):(t=e[1],s=e[2],l=e[3]);let o;e[4]!==s?(o=m.cn("flex items-center gap-2",s),e[4]=s,e[5]=o):o=e[5];let n;return e[6]!==t||e[7]!==l||e[8]!==o?(n=d.jsx("li",{className:o,...l,"data-ox-slot":"sidebar-menu-sub-item",children:t}),e[6]=t,e[7]=l,e[8]=o,e[9]=n):n=e[9],n},ae=r=>{const e=f.compilerRuntimeExports.c(5),{children:t,className:s}=r;let l;e[0]!==s?(l=m.cn("ml-auto",s),e[0]=s,e[1]=l):l=e[1];let o;return e[2]!==t||e[3]!==l?(o=d.jsx(m.OxTag,{className:l,children:t}),e[2]=t,e[3]=l,e[4]=o):o=e[4],o},ce=r=>{const e=f.compilerRuntimeExports.c(6);let t,s;e[0]!==r?({className:t,...s}=r,e[0]=r,e[1]=t,e[2]=s):(t=e[1],s=e[2]);let l;return e[3]!==t||e[4]!==s?(l=d.jsx(m.OxSeparator,{className:t,...s}),e[3]=t,e[4]=s,e[5]=l):l=e[5],l},de=r=>{const e=f.compilerRuntimeExports.c(12),{className:t,onClick:s}=r,{isMobile:l,toggleSidebar:o}=P();let n;e[0]!==l||e[1]!==s||e[2]!==o?(n=()=>{l?o():s&&s()},e[0]=l,e[1]=s,e[2]=o,e[3]=n):n=e[3];const i=n,c=l||s;let a;e[4]!==t||e[5]!==c?(a=m.cn("inline-flex size-8 items-center justify-center rounded-lg","border border-transparent bg-transparent text-sidebar-foreground",{"ox-focus-ring cursor-pointer hover:bg-sidebar-accent":c},t),e[4]=t,e[5]=c,e[6]=a):a=e[6];const x=!c;let u;e[7]===Symbol.for("react.memo_cache_sentinel")?(u=d.jsx(m.OxIcon$1,{icon:w.PanelLeft,size:"md"}),e[7]=u):u=e[7];let b;return e[8]!==i||e[9]!==a||e[10]!==x?(b=d.jsx("button",{"aria-label":"Toggle sidebar",className:a,"data-ox-slot":"sidebar-trigger",disabled:x,type:"button",onClick:i,children:u}),e[8]=i,e[9]=a,e[10]=x,e[11]=b):b=e[11],b};function ue(r){const e=f.compilerRuntimeExports.c(11),{children:t}=r,[s,l]=E.useState(!1),[o,n]=E.useState(!1);let i,c;e[0]===Symbol.for("react.memo_cache_sentinel")?(i=()=>{const O=()=>{n(window.innerWidth<m.MOBILE_BREAKPOINT)};return O(),window.addEventListener("resize",O),()=>window.removeEventListener("resize",O)},c=[],e[0]=i,e[1]=c):(i=e[0],c=e[1]),E.useEffect(i,c);let a;e[2]===Symbol.for("react.memo_cache_sentinel")?(a=()=>{l(!0)},e[2]=a):a=e[2];const x=a;let u;e[3]===Symbol.for("react.memo_cache_sentinel")?(u=()=>{l(!1)},e[3]=u):u=e[3];const b=u;let g;e[4]===Symbol.for("react.memo_cache_sentinel")?(g=()=>{l(xe)},e[4]=g):g=e[4];const v=g;let p;e[5]!==o||e[6]!==s?(p={closeSidebar:b,isMobile:o,mobileOpen:s,openSidebar:x,toggleSidebar:v},e[5]=o,e[6]=s,e[7]=p):p=e[7];let h;return e[8]!==t||e[9]!==p?(h=d.jsx(k.Provider,{value:p,children:t}),e[8]=t,e[9]=p,e[10]=h):h=e[10],h}function xe(r){return!r}const me=Object.assign(q,{Content:D,Footer:H,Header:Q,Separator:ce,Trigger:de}),fe=Object.assign(U,{Action:V,Button:ee,Icon:_,Item:le,Skeleton:oe,Sub:ne,SubButton:re,SubItem:ie,Tag:ae}),be=Object.assign(F,{Action:K,Content:W,Label:J});exports.OxAppLayout=B;exports.OxMainContent=G;exports.OxSidebar=me;exports.OxSidebarGroup=be;exports.OxSidebarMenu=fe;exports.OxSidebarProvider=ue;exports.useOxSidebar=P;
|