@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.
@@ -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
- export interface ALSProgressProps {
2
- }
3
- export declare function ALSProgress(props: ALSProgressProps): import("react/jsx-runtime").JSX.Element;
4
- export default ALSProgress;
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":"AAEA,MAAM,WAAW,gBAAgB;CAEhC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAMlD;AAED,eAAe,WAAW,CAAC"}
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 interface ALSTabsProps {
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":"AAEA,MAAM,WAAW,YAAY;CAE5B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAM1C;AAED,eAAe,OAAO,CAAC"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@als-tp/als-react-ts-ui",
3
- "version": "0.1.3",
3
+ "version": "0.2.0",
4
4
  "description": "A comprehensive React TypeScript UI component library built with Base UI",
5
5
  "keywords": [
6
6
  "react",