@als-tp/als-react-ts-ui 0.1.3 → 0.2.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/dist/als-react-ts-ui.cjs +5 -5
- package/dist/als-react-ts-ui.cjs.map +1 -1
- package/dist/als-react-ts-ui.css +1 -1
- package/dist/als-react-ts-ui.js +5955 -4890
- package/dist/als-react-ts-ui.js.map +1 -1
- package/dist/components/ALSProgress/ALSProgress.d.ts +55 -0
- package/dist/components/ALSProgress/ALSProgress.d.ts.map +1 -0
- package/dist/components/ALSProgress/index.d.ts +10 -4
- package/dist/components/ALSProgress/index.d.ts.map +1 -1
- package/dist/components/ALSTabs/ALSTabs.d.ts +9 -0
- package/dist/components/ALSTabs/ALSTabs.d.ts.map +1 -0
- package/dist/components/ALSTabs/components.d.ts +63 -0
- package/dist/components/ALSTabs/components.d.ts.map +1 -0
- package/dist/components/ALSTabs/index.d.ts +2 -4
- package/dist/components/ALSTabs/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Progress } from "@base-ui-components/react/progress";
|
|
2
|
+
import type React from "react";
|
|
3
|
+
/**
|
|
4
|
+
* Progress variant types
|
|
5
|
+
*/
|
|
6
|
+
export type ProgressVariant = "primary" | "success" | "warning" | "error";
|
|
7
|
+
/**
|
|
8
|
+
* Progress size types
|
|
9
|
+
*/
|
|
10
|
+
export type ProgressSize = "sm" | "md" | "lg";
|
|
11
|
+
/**
|
|
12
|
+
* Props for ALSProgressRoot component
|
|
13
|
+
*/
|
|
14
|
+
export interface ALSProgressRootProps extends React.ComponentPropsWithoutRef<typeof Progress.Root> {
|
|
15
|
+
variant?: ProgressVariant;
|
|
16
|
+
size?: ProgressSize;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Props for ALSProgressTrack component
|
|
20
|
+
*/
|
|
21
|
+
export type ALSProgressTrackProps = React.ComponentPropsWithoutRef<typeof Progress.Track>;
|
|
22
|
+
/**
|
|
23
|
+
* Props for ALSProgressIndicator component
|
|
24
|
+
*/
|
|
25
|
+
export type ALSProgressIndicatorProps = React.ComponentPropsWithoutRef<typeof Progress.Indicator>;
|
|
26
|
+
/**
|
|
27
|
+
* Props for ALSProgressLabel component
|
|
28
|
+
*/
|
|
29
|
+
export type ALSProgressLabelProps = React.ComponentPropsWithoutRef<typeof Progress.Label>;
|
|
30
|
+
/**
|
|
31
|
+
* Props for ALSProgressValue component
|
|
32
|
+
*/
|
|
33
|
+
export type ALSProgressValueProps = React.ComponentPropsWithoutRef<typeof Progress.Value>;
|
|
34
|
+
/**
|
|
35
|
+
* Root component that provides progress state context
|
|
36
|
+
*/
|
|
37
|
+
declare const ALSProgressRoot: React.ForwardRefExoticComponent<ALSProgressRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
+
/**
|
|
39
|
+
* Container for the progress indicator
|
|
40
|
+
*/
|
|
41
|
+
declare const ALSProgressTrack: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressTrackProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
/**
|
|
43
|
+
* Visual indicator showing progress completion
|
|
44
|
+
*/
|
|
45
|
+
declare const ALSProgressIndicator: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
46
|
+
/**
|
|
47
|
+
* Optional label for the progress bar
|
|
48
|
+
*/
|
|
49
|
+
declare const ALSProgressLabel: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressLabelProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
50
|
+
/**
|
|
51
|
+
* Optional value display (e.g., "75%")
|
|
52
|
+
*/
|
|
53
|
+
declare const ALSProgressValue: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
54
|
+
export { ALSProgressRoot, ALSProgressTrack, ALSProgressIndicator, ALSProgressLabel, ALSProgressValue, };
|
|
55
|
+
//# sourceMappingURL=ALSProgress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ALSProgress.d.ts","sourceRoot":"","sources":["../../../src/components/ALSProgress/ALSProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAG9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,oBACb,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,QAAQ,CAAC,KAAK,CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAClE,OAAO,QAAQ,CAAC,SAAS,CAC5B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,QAAQ,CAAC,KAAK,CACxB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAC9D,OAAO,QAAQ,CAAC,KAAK,CACxB,CAAC;AAEF;;GAEG;AACH,QAAA,MAAM,eAAe,6FAepB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,2LAUrB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,oBAAoB,+LAWxB,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,gBAAgB,6LAUrB,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,gBAAgB,6LAUrB,CAAC;AAGF,OAAO,EACH,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,GACnB,CAAC"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
1
|
+
/**
|
|
2
|
+
* ALSProgress compound component
|
|
3
|
+
*/
|
|
4
|
+
export declare const ALSProgress: {
|
|
5
|
+
Root: import("react").ForwardRefExoticComponent<import("./ALSProgress").ALSProgressRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
Track: import("react").ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressTrackProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Indicator: import("react").ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
Label: import("react").ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressLabelProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
9
|
+
Value: import("react").ForwardRefExoticComponent<Omit<import("@base-ui-components/react/progress").ProgressValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
10
|
+
};
|
|
5
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSProgress/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSProgress/index.tsx"],"names":[],"mappings":"AAOA;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const ALSTabs: {
|
|
2
|
+
Root: import("react").ForwardRefExoticComponent<import("./components").ALSTabsRootProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
3
|
+
List: import("react").ForwardRefExoticComponent<import("./components").ALSTabsListProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
Tab: import("react").ForwardRefExoticComponent<import("./components").ALSTabsTabProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
Indicator: import("react").ForwardRefExoticComponent<import("./components").ALSTabsIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
Panel: import("react").ForwardRefExoticComponent<import("./components").ALSTabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
};
|
|
8
|
+
export type { ALSTabsRootProps, ALSTabsListProps, ALSTabsTabProps, ALSTabsIndicatorProps, ALSTabsPanelProps, TabsOrientation, TabsSize, } from "./components";
|
|
9
|
+
//# sourceMappingURL=ALSTabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ALSTabs.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/ALSTabs.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAGF,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACX,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type TabsOrientation = "horizontal" | "vertical";
|
|
3
|
+
type TabsSize = "sm" | "md" | "lg";
|
|
4
|
+
interface ALSTabsRootProps {
|
|
5
|
+
/** The value of the currently active Tab (controlled) */
|
|
6
|
+
value?: number | string;
|
|
7
|
+
/** Default value (uncontrolled) */
|
|
8
|
+
defaultValue?: number | string;
|
|
9
|
+
/** Callback when tab value changes */
|
|
10
|
+
onValueChange?: (value: number | string) => void;
|
|
11
|
+
/** Component orientation (layout flow direction) */
|
|
12
|
+
orientation?: TabsOrientation;
|
|
13
|
+
/** Size variant */
|
|
14
|
+
size?: TabsSize;
|
|
15
|
+
/** Additional class name */
|
|
16
|
+
className?: string;
|
|
17
|
+
/** Children */
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare const ALSTabsRoot: React.ForwardRefExoticComponent<ALSTabsRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
interface ALSTabsListProps {
|
|
22
|
+
/** Whether to automatically change active tab on arrow key focus */
|
|
23
|
+
activateOnFocus?: boolean;
|
|
24
|
+
/** Whether to loop keyboard focus back to first item */
|
|
25
|
+
loopFocus?: boolean;
|
|
26
|
+
/** Additional class name */
|
|
27
|
+
className?: string;
|
|
28
|
+
/** Children */
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
}
|
|
31
|
+
declare const ALSTabsList: React.ForwardRefExoticComponent<ALSTabsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
interface ALSTabsTabProps {
|
|
33
|
+
/** The value of the Tab */
|
|
34
|
+
value?: number | string;
|
|
35
|
+
/** Whether the tab is disabled */
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
/** Additional class name */
|
|
38
|
+
className?: string;
|
|
39
|
+
/** Children */
|
|
40
|
+
children: React.ReactNode;
|
|
41
|
+
}
|
|
42
|
+
declare const ALSTabsTab: React.ForwardRefExoticComponent<ALSTabsTabProps & React.RefAttributes<HTMLButtonElement>>;
|
|
43
|
+
interface ALSTabsIndicatorProps {
|
|
44
|
+
/** Additional class name */
|
|
45
|
+
className?: string;
|
|
46
|
+
/** Whether to render before hydration */
|
|
47
|
+
renderBeforeHydration?: boolean;
|
|
48
|
+
}
|
|
49
|
+
declare const ALSTabsIndicator: React.ForwardRefExoticComponent<ALSTabsIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
|
|
50
|
+
interface ALSTabsPanelProps {
|
|
51
|
+
/** The value of the TabPanel */
|
|
52
|
+
value?: number | string;
|
|
53
|
+
/** Whether to keep the HTML element in DOM while hidden */
|
|
54
|
+
keepMounted?: boolean;
|
|
55
|
+
/** Additional class name */
|
|
56
|
+
className?: string;
|
|
57
|
+
/** Children */
|
|
58
|
+
children: React.ReactNode;
|
|
59
|
+
}
|
|
60
|
+
declare const ALSTabsPanel: React.ForwardRefExoticComponent<ALSTabsPanelProps & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
export { ALSTabsRoot, ALSTabsList, ALSTabsTab, ALSTabsIndicator, ALSTabsPanel };
|
|
62
|
+
export type { ALSTabsRootProps, ALSTabsListProps, ALSTabsTabProps, ALSTabsIndicatorProps, ALSTabsPanelProps, TabsOrientation, TabsSize, };
|
|
63
|
+
//# sourceMappingURL=components.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,KAAK,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AACjD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAoBnC,UAAU,gBAAgB;IACtB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,oDAAoD;IACpD,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,mBAAmB;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,yFAoChB,CAAC;AAQF,UAAU,gBAAgB;IACtB,oEAAoE;IACpE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,yFAoBhB,CAAC;AAQF,UAAU,eAAe;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,2FAmBf,CAAC;AAQF,UAAU,qBAAqB;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,gBAAgB,+FAcrB,CAAC;AAQF,UAAU,iBAAiB;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,0FAiBjB,CAAC;AAQF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,CAAC;AAMhF,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACX,CAAC"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
}
|
|
3
|
-
export declare function ALSTabs(props: ALSTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export default ALSTabs;
|
|
1
|
+
export { ALSTabs } from "./ALSTabs";
|
|
2
|
+
export type { ALSTabsRootProps, ALSTabsListProps, ALSTabsTabProps, ALSTabsIndicatorProps, ALSTabsPanelProps, TabsOrientation, TabsSize, } from "./ALSTabs";
|
|
5
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSTabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,QAAQ,GACX,MAAM,WAAW,CAAC"}
|