@aortl/admin-react 0.10.0 → 0.11.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.
Files changed (19) hide show
  1. package/dist/Alert.d.ts +1 -1
  2. package/dist/Alert.d.ts.map +1 -1
  3. package/dist/Badge.d.ts.map +1 -1
  4. package/dist/Button.d.ts +1 -1
  5. package/dist/Button.d.ts.map +1 -1
  6. package/dist/Container.d.ts +16 -0
  7. package/dist/Container.d.ts.map +1 -0
  8. package/dist/FileInput.d.ts.map +1 -1
  9. package/dist/Input.d.ts.map +1 -1
  10. package/dist/Select.d.ts.map +1 -1
  11. package/dist/Textarea.d.ts.map +1 -1
  12. package/dist/admin.scoped.css +105 -47
  13. package/dist/index.cjs +28 -9
  14. package/dist/index.cjs.map +1 -1
  15. package/dist/index.d.ts +1 -0
  16. package/dist/index.d.ts.map +1 -1
  17. package/dist/index.mjs +28 -10
  18. package/dist/index.mjs.map +1 -1
  19. package/package.json +2 -2
package/dist/Alert.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ComponentProps, ReactNode } from 'react';
2
2
  import { IconProp } from './icon';
3
3
  export type AlertVariant = "info" | "success" | "warning" | "danger";
4
4
  export interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
5
- variant?: AlertVariant;
5
+ variant: AlertVariant;
6
6
  /** Leading icon. Rendered as the first child so the CSS grid kicks in. */
7
7
  icon?: IconProp;
8
8
  /** Renders as `<Alert.Title>`. */
package/dist/Alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,iBAAS,SAAS,CAAC,EACjB,OAAgB,EAChB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAcZ;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AACvD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AACxD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAED,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../src/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtE,OAAO,EAAE,YAAY,CAAC;IACtB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wCAAwC;IACxC,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,iBAAS,SAAS,CAAC,EACjB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAcZ;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AACvD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;AACxD,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAED,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
package/dist/Badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACxD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAUZ"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,MAAM,CAAC;IACxD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,2CAaZ"}
package/dist/Button.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { Button as BaseButton } from '@base-ui/react/button';
2
2
  import { ComponentProps } from 'react';
3
3
  import { IconProp } from './icon';
4
- export type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
4
+ export type ButtonVariant = "default" | "primary" | "ghost" | "danger";
5
5
  export type ButtonSize = "sm" | "md" | "lg";
6
6
  export interface ButtonProps extends ComponentProps<typeof BaseButton> {
7
7
  variant?: ButtonVariant;
package/dist/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,WAAW,2CAoCb"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAInD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC;IACpE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;uEACmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,uFAAuF;IACvF,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,SAAS,EACT,IAAe,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,EAAE,WAAW,2CAoCb"}
package/dist/Container.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ import { ComponentProps } from 'react';
2
+ export type ContainerSize = "sm" | "md" | "lg" | "fluid";
3
+ export interface ContainerProps extends ComponentProps<"div"> {
4
+ /** Width preset. `md` (default) ≈ 90rem; `fluid` removes the max-width. */
5
+ size?: ContainerSize;
6
+ /** Tighter vertical rhythm and block padding for dense screens. */
7
+ compact?: boolean;
8
+ }
9
+ /**
10
+ * Page content region: a centered, max-width column that also owns the
11
+ * vertical gap between stacked sections. Place inside `<AppShell.Main>`,
12
+ * which provides no padding of its own. Distinct from the `.Container`
13
+ * escape hatch (e.g. `Card.Container`) — this is a standalone page region.
14
+ */
15
+ export declare function Container({ size, compact, className, ...rest }: ContainerProps): import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=Container.d.ts.map
package/dist/Container.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC3D,2EAA2E;IAC3E,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,IAAW,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAUrF"}
package/dist/FileInput.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../src/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE9E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAoB,EACpB,SAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAWhB"}
1
+ {"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../src/FileInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE9E,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAoB,EACpB,SAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,2CAehB"}
package/dist/Input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,SAAgB,EAChB,SAAS,EACT,IAAa,EACb,GAAG,IAAI,EACR,EAAE,UAAU,2CAWZ"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAErE,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAoB,EACpB,SAAgB,EAChB,SAAS,EACT,IAAa,EACb,GAAG,IAAI,EACR,EAAE,UAAU,2CAeZ"}
package/dist/Select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,2CAErC;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,OAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAUpB;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAMpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,UAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAmBtF;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAC;AAE7E,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAEjD;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAEvF,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,2CAMtF;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC;AAEjF,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAsCD,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAIxD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAEjE,iBAAS,UAAU,CAAC,KAAK,EAAE,WAAW,2CAErC;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnD,KAAK,sBAAsB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;AAEtF,MAAM,WAAW,kBAAmB,SAAQ,sBAAsB;IAChE,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAED,iBAAS,aAAa,CAAC,EACrB,OAAoB,EACpB,WAAkB,EAClB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAcpB;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAMpE;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC;IAC/E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,UAAc,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAmBtF;AAED,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAErE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAE1D;AAED,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAC;AAE7E,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAEjD;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,aAAa,CAAC,CAAC;AAEvF,iBAAS,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,2CAMtF;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;AAEvE,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC;AAEjF,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;AAsCD,eAAO,MAAM,MAAM;;;;;;;;;;CAUjB,CAAC"}
package/dist/Textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,YAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CAUf"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC9D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,YAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,2CAcf"}
package/dist/admin.scoped.css CHANGED
@@ -847,6 +847,34 @@
847
847
  display: none;
848
848
  }
849
849
  }
850
+ :scope._ao-container, :scope ._ao-container {
851
+ margin-inline: auto;
852
+ display: flex;
853
+ width: 100%;
854
+ flex-direction: column;
855
+ gap: calc(var(--spacing) * 6);
856
+ padding-inline: calc(var(--spacing) * 6);
857
+ padding-block: calc(var(--spacing) * 6);
858
+ max-width: var(--container-max, 90rem);
859
+ }
860
+ :scope._ao-container-sm, :scope ._ao-container-sm {
861
+ --container-max: 60rem;
862
+ }
863
+ :scope._ao-container-lg, :scope ._ao-container-lg {
864
+ --container-max: 115rem;
865
+ }
866
+ :scope._ao-container-fluid, :scope ._ao-container-fluid {
867
+ --container-max: none;
868
+ }
869
+ :scope._ao-container-compact, :scope ._ao-container-compact {
870
+ gap: calc(var(--spacing) * 4);
871
+ padding-block: calc(var(--spacing) * 4);
872
+ }
873
+ @media (max-width: 48rem) {
874
+ :scope._ao-container, :scope ._ao-container {
875
+ padding-inline: calc(var(--spacing) * 4);
876
+ }
877
+ }
850
878
  :scope._ao-badge, :scope ._ao-badge {
851
879
  display: inline-flex;
852
880
  height: calc(var(--spacing) * 5);
@@ -857,6 +885,7 @@
857
885
  border-style: var(--tw-border-style);
858
886
  border-width: 1px;
859
887
  border-color: transparent;
888
+ background-color: var(--color-surface-strong);
860
889
  padding-inline: calc(var(--spacing) * 2);
861
890
  font-size: var(--text-xs);
862
891
  line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -865,9 +894,6 @@
865
894
  --tw-font-weight: var(--font-weight-medium);
866
895
  font-weight: var(--font-weight-medium);
867
896
  white-space: nowrap;
868
- }
869
- :scope._ao-badge-neutral, :scope ._ao-badge-neutral {
870
- background-color: var(--color-surface-strong);
871
897
  color: var(--color-text);
872
898
  }
873
899
  :scope._ao-badge-info, :scope ._ao-badge-info {
@@ -1404,7 +1430,8 @@
1404
1430
  border-radius: var(--radius-lg);
1405
1431
  border-style: var(--tw-border-style);
1406
1432
  border-width: 1px;
1407
- border-color: transparent;
1433
+ border-color: var(--color-border);
1434
+ background-color: var(--color-surface-muted);
1408
1435
  padding-inline: calc(var(--spacing) * 4);
1409
1436
  padding-block: calc(var(--spacing) * 2);
1410
1437
  font-size: var(--text-sm);
@@ -1413,6 +1440,7 @@
1413
1440
  line-height: 1;
1414
1441
  --tw-font-weight: var(--font-weight-medium);
1415
1442
  font-weight: var(--font-weight-medium);
1443
+ color: var(--color-text);
1416
1444
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
1417
1445
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
1418
1446
  transition-duration: var(--tw-duration, var(--default-transition-duration));
@@ -1420,6 +1448,11 @@
1420
1448
  transition-duration: 150ms;
1421
1449
  -webkit-user-select: none;
1422
1450
  user-select: none;
1451
+ &:hover {
1452
+ @media (hover: hover) {
1453
+ background-color: var(--color-surface-strong);
1454
+ }
1455
+ }
1423
1456
  &:focus-visible {
1424
1457
  outline-style: var(--tw-outline-style);
1425
1458
  outline-width: 2px;
@@ -1441,6 +1474,7 @@
1441
1474
  }
1442
1475
  }
1443
1476
  :scope._ao-btn-primary, :scope ._ao-btn-primary {
1477
+ border-color: transparent;
1444
1478
  background-color: var(--color-primary);
1445
1479
  color: var(--color-primary-content);
1446
1480
  &:hover {
@@ -1449,17 +1483,8 @@
1449
1483
  }
1450
1484
  }
1451
1485
  }
1452
- :scope._ao-btn-secondary, :scope ._ao-btn-secondary {
1453
- border-color: var(--color-border);
1454
- background-color: var(--color-surface-muted);
1455
- color: var(--color-text);
1456
- &:hover {
1457
- @media (hover: hover) {
1458
- background-color: var(--color-surface-strong);
1459
- }
1460
- }
1461
- }
1462
1486
  :scope._ao-btn-ghost, :scope ._ao-btn-ghost {
1487
+ border-color: transparent;
1463
1488
  background-color: transparent;
1464
1489
  color: var(--color-text);
1465
1490
  &:hover {
@@ -1469,6 +1494,7 @@
1469
1494
  }
1470
1495
  }
1471
1496
  :scope._ao-btn-danger, :scope ._ao-btn-danger {
1497
+ border-color: transparent;
1472
1498
  background-color: var(--color-danger);
1473
1499
  color: var(--color-danger-content);
1474
1500
  &:hover {
@@ -1598,7 +1624,7 @@
1598
1624
  border-radius: var(--radius-lg);
1599
1625
  border-style: var(--tw-border-style);
1600
1626
  border-width: 1px;
1601
- border-color: transparent;
1627
+ border-color: var(--color-border);
1602
1628
  background-color: var(--color-surface);
1603
1629
  padding-inline: calc(var(--spacing) * 3);
1604
1630
  padding-block: calc(var(--spacing) * 2);
@@ -1615,6 +1641,11 @@
1615
1641
  &::placeholder {
1616
1642
  color: var(--color-text-muted);
1617
1643
  }
1644
+ &:hover {
1645
+ @media (hover: hover) {
1646
+ border-color: var(--color-border-strong);
1647
+ }
1648
+ }
1618
1649
  &:focus-visible {
1619
1650
  outline-style: var(--tw-outline-style);
1620
1651
  outline-width: 2px;
@@ -1632,16 +1663,14 @@
1632
1663
  opacity: 50%;
1633
1664
  }
1634
1665
  }
1635
- :scope._ao-input-bordered, :scope ._ao-input-bordered {
1636
- border-color: var(--color-border);
1666
+ :scope._ao-input-ghost, :scope ._ao-input-ghost {
1667
+ border-color: transparent;
1668
+ background-color: transparent;
1637
1669
  &:hover {
1638
1670
  @media (hover: hover) {
1639
- border-color: var(--color-border-strong);
1671
+ border-color: transparent;
1640
1672
  }
1641
1673
  }
1642
- }
1643
- :scope._ao-input-ghost, :scope ._ao-input-ghost {
1644
- background-color: transparent;
1645
1674
  &:hover {
1646
1675
  @media (hover: hover) {
1647
1676
  background-color: var(--color-surface-muted);
@@ -1650,6 +1679,11 @@
1650
1679
  }
1651
1680
  :scope._ao-input-danger, :scope ._ao-input-danger {
1652
1681
  border-color: var(--color-danger);
1682
+ &:hover {
1683
+ @media (hover: hover) {
1684
+ border-color: var(--color-danger);
1685
+ }
1686
+ }
1653
1687
  &:focus-visible {
1654
1688
  outline-color: var(--color-danger);
1655
1689
  }
@@ -1720,7 +1754,7 @@
1720
1754
  border-radius: var(--radius-lg);
1721
1755
  border-style: var(--tw-border-style);
1722
1756
  border-width: 1px;
1723
- border-color: transparent;
1757
+ border-color: var(--color-border);
1724
1758
  background-color: var(--color-surface);
1725
1759
  padding-inline: calc(var(--spacing) * 3);
1726
1760
  padding-block: calc(var(--spacing) * 2);
@@ -1735,6 +1769,11 @@
1735
1769
  &::placeholder {
1736
1770
  color: var(--color-text-muted);
1737
1771
  }
1772
+ &:hover {
1773
+ @media (hover: hover) {
1774
+ border-color: var(--color-border-strong);
1775
+ }
1776
+ }
1738
1777
  &:focus-visible {
1739
1778
  outline-style: var(--tw-outline-style);
1740
1779
  outline-width: 2px;
@@ -1752,16 +1791,14 @@
1752
1791
  opacity: 50%;
1753
1792
  }
1754
1793
  }
1755
- :scope._ao-textarea-bordered, :scope ._ao-textarea-bordered {
1756
- border-color: var(--color-border);
1794
+ :scope._ao-textarea-ghost, :scope ._ao-textarea-ghost {
1795
+ border-color: transparent;
1796
+ background-color: transparent;
1757
1797
  &:hover {
1758
1798
  @media (hover: hover) {
1759
- border-color: var(--color-border-strong);
1799
+ border-color: transparent;
1760
1800
  }
1761
1801
  }
1762
- }
1763
- :scope._ao-textarea-ghost, :scope ._ao-textarea-ghost {
1764
- background-color: transparent;
1765
1802
  &:hover {
1766
1803
  @media (hover: hover) {
1767
1804
  background-color: var(--color-surface-muted);
@@ -1770,6 +1807,11 @@
1770
1807
  }
1771
1808
  :scope._ao-textarea-danger, :scope ._ao-textarea-danger {
1772
1809
  border-color: var(--color-danger);
1810
+ &:hover {
1811
+ @media (hover: hover) {
1812
+ border-color: var(--color-danger);
1813
+ }
1814
+ }
1773
1815
  &:focus-visible {
1774
1816
  outline-color: var(--color-danger);
1775
1817
  }
@@ -2051,7 +2093,7 @@
2051
2093
  border-radius: var(--radius-lg);
2052
2094
  border-style: var(--tw-border-style);
2053
2095
  border-width: 1px;
2054
- border-color: transparent;
2096
+ border-color: var(--color-border);
2055
2097
  background-color: var(--color-surface);
2056
2098
  padding-inline: calc(var(--spacing) * 3);
2057
2099
  padding-block: calc(var(--spacing) * 2);
@@ -2068,6 +2110,11 @@
2068
2110
  transition-duration: 150ms;
2069
2111
  -webkit-user-select: none;
2070
2112
  user-select: none;
2113
+ &:hover {
2114
+ @media (hover: hover) {
2115
+ border-color: var(--color-border-strong);
2116
+ }
2117
+ }
2071
2118
  &:focus-visible {
2072
2119
  outline-style: var(--tw-outline-style);
2073
2120
  outline-width: 2px;
@@ -2094,16 +2141,14 @@
2094
2141
  :scope._ao-select[data-placeholder], :scope ._ao-select[data-placeholder] {
2095
2142
  color: var(--color-text-muted);
2096
2143
  }
2097
- :scope._ao-select-bordered, :scope ._ao-select-bordered {
2098
- border-color: var(--color-border);
2144
+ :scope._ao-select-ghost, :scope ._ao-select-ghost {
2145
+ border-color: transparent;
2146
+ background-color: transparent;
2099
2147
  &:hover {
2100
2148
  @media (hover: hover) {
2101
- border-color: var(--color-border-strong);
2149
+ border-color: transparent;
2102
2150
  }
2103
2151
  }
2104
- }
2105
- :scope._ao-select-ghost, :scope ._ao-select-ghost {
2106
- background-color: transparent;
2107
2152
  &:hover {
2108
2153
  @media (hover: hover) {
2109
2154
  background-color: var(--color-surface-muted);
@@ -2112,6 +2157,11 @@
2112
2157
  }
2113
2158
  :scope._ao-select-danger, :scope ._ao-select-danger {
2114
2159
  border-color: var(--color-danger);
2160
+ &:hover {
2161
+ @media (hover: hover) {
2162
+ border-color: var(--color-danger);
2163
+ }
2164
+ }
2115
2165
  &:focus-visible {
2116
2166
  outline-color: var(--color-danger);
2117
2167
  }
@@ -2534,7 +2584,7 @@
2534
2584
  border-radius: var(--radius-lg);
2535
2585
  border-style: var(--tw-border-style);
2536
2586
  border-width: 1px;
2537
- border-color: transparent;
2587
+ border-color: var(--color-border);
2538
2588
  background-color: var(--color-surface);
2539
2589
  padding-right: calc(var(--spacing) * 3);
2540
2590
  font-size: var(--text-sm);
@@ -2588,6 +2638,11 @@
2588
2638
  &::file-selector-button {
2589
2639
  color: var(--color-text);
2590
2640
  }
2641
+ &:hover {
2642
+ @media (hover: hover) {
2643
+ border-color: var(--color-border-strong);
2644
+ }
2645
+ }
2591
2646
  &:hover {
2592
2647
  @media (hover: hover) {
2593
2648
  &::file-selector-button {
@@ -2612,16 +2667,14 @@
2612
2667
  opacity: 50%;
2613
2668
  }
2614
2669
  }
2615
- :scope._ao-file-input-bordered, :scope ._ao-file-input-bordered {
2616
- border-color: var(--color-border);
2670
+ :scope._ao-file-input-ghost, :scope ._ao-file-input-ghost {
2671
+ border-color: transparent;
2672
+ background-color: transparent;
2617
2673
  &:hover {
2618
2674
  @media (hover: hover) {
2619
- border-color: var(--color-border-strong);
2675
+ border-color: transparent;
2620
2676
  }
2621
2677
  }
2622
- }
2623
- :scope._ao-file-input-ghost, :scope ._ao-file-input-ghost {
2624
- background-color: transparent;
2625
2678
  &:hover {
2626
2679
  @media (hover: hover) {
2627
2680
  background-color: var(--color-surface-muted);
@@ -2630,6 +2683,11 @@
2630
2683
  }
2631
2684
  :scope._ao-file-input-danger, :scope ._ao-file-input-danger {
2632
2685
  border-color: var(--color-danger);
2686
+ &:hover {
2687
+ @media (hover: hover) {
2688
+ border-color: var(--color-danger);
2689
+ }
2690
+ }
2633
2691
  &:focus-visible {
2634
2692
  outline-color: var(--color-danger);
2635
2693
  }
@@ -3456,10 +3514,10 @@
3456
3514
  outline-offset: 2px;
3457
3515
  outline-color: var(--color-primary);
3458
3516
  }
3459
- :scope._ao-tabs-bordered ._ao-tab, :scope ._ao-tabs-bordered ._ao-tab, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab {
3517
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab {
3460
3518
  position: relative;
3461
3519
  }
3462
- :scope._ao-tabs-bordered ._ao-tab::after, :scope ._ao-tabs-bordered ._ao-tab::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
3520
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab::after {
3463
3521
  content: "";
3464
3522
  position: absolute;
3465
3523
  inset-inline: 0;
@@ -3469,7 +3527,7 @@
3469
3527
  transform: scaleX(0);
3470
3528
  transition: transform 150ms ease;
3471
3529
  }
3472
- :scope._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope ._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs-bordered ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs-bordered ._ao-tab-input:checked + ._ao-tab::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after {
3530
+ :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after, :scope ._ao-tabs:not(._ao-tabs-boxed) ._ao-tab-input:checked + ._ao-tab::after {
3473
3531
  transform: scaleX(1);
3474
3532
  }
3475
3533
  :scope._ao-tabs-boxed ._ao-tab-list, :scope ._ao-tabs-boxed ._ao-tab-list {
@@ -3541,7 +3599,7 @@
3541
3599
  width: 100%;
3542
3600
  justify-content: flex-start;
3543
3601
  }
3544
- :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after {
3602
+ :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab::after {
3545
3603
  inset-inline: auto;
3546
3604
  inset-inline-end: -1px;
3547
3605
  inset-block: 0;
@@ -3549,7 +3607,7 @@
3549
3607
  block-size: auto;
3550
3608
  transform: scaleY(0);
3551
3609
  }
3552
- :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]._ao-tabs-bordered ._ao-tab[aria-selected="true"]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after {
3610
+ :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[data-selected]::after, :scope._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after, :scope ._ao-tabs[data-orientation="vertical"]:not(._ao-tabs-boxed) ._ao-tab[aria-selected="true"]::after {
3553
3611
  transform: scaleY(1);
3554
3612
  }
3555
3613
  :scope._ao-table, :scope ._ao-table {
package/dist/index.cjs CHANGED
@@ -100,7 +100,7 @@ function renderIcon(icon, size = "1em") {
100
100
  }
101
101
  //#endregion
102
102
  //#region src/Alert.tsx
103
- function AlertRoot({ variant = "info", icon, title, description, className, role, children, ...rest }) {
103
+ function AlertRoot({ variant, icon, title, description, className, role, children, ...rest }) {
104
104
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
105
105
  role: role ?? (variant === "danger" || variant === "warning" ? "alert" : "status"),
106
106
  className: cn(["alert", `alert-${variant}`], className),
@@ -183,7 +183,7 @@ function Badge({ variant = "neutral", size = "md", icon, className, children, ..
183
183
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
184
184
  className: cn([
185
185
  "badge",
186
- `badge-${variant}`,
186
+ variant !== "neutral" && `badge-${variant}`,
187
187
  size !== "md" && `badge-${size}`
188
188
  ], className),
189
189
  ...rest,
@@ -447,7 +447,7 @@ function useHotkey(keys, handler, options) {
447
447
  }
448
448
  //#endregion
449
449
  //#region src/Button.tsx
450
- function Button({ variant = "primary", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ...rest }) {
450
+ function Button({ variant = "default", size = "md", fullWidth, loading, icon, iconTrailing, hotkey, className, type = "button", disabled, children, onClick, ...rest }) {
451
451
  const { ariaKeyShortcuts, primaryChord } = useHotkey(hotkey, (e) => onClick?.(e), { enabled: !disabled && !loading });
452
452
  const iconOnly = children == null && (icon != null || iconTrailing != null);
453
453
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_button.Button, {
@@ -458,7 +458,7 @@ function Button({ variant = "primary", size = "md", fullWidth, loading, icon, ic
458
458
  "aria-keyshortcuts": ariaKeyShortcuts,
459
459
  className: cn([
460
460
  "btn",
461
- `btn-${variant}`,
461
+ variant !== "default" && `btn-${variant}`,
462
462
  size !== "md" && `btn-${size}`,
463
463
  fullWidth && "btn-full-width",
464
464
  loading && "btn-loading",
@@ -531,7 +531,7 @@ function Input({ variant = "bordered", inputSize = "md", className, type = "text
531
531
  type,
532
532
  className: cn([
533
533
  "input",
534
- `input-${variant}`,
534
+ variant !== "bordered" && `input-${variant}`,
535
535
  inputSize !== "md" && `input-${inputSize}`
536
536
  ], className),
537
537
  ...rest
@@ -544,7 +544,7 @@ function FileInput({ variant = "bordered", inputSize = "md", className, ...rest
544
544
  type: "file",
545
545
  className: cn([
546
546
  "file-input",
547
- `file-input-${variant}`,
547
+ variant !== "bordered" && `file-input-${variant}`,
548
548
  inputSize !== "md" && `file-input-${inputSize}`
549
549
  ], className),
550
550
  ...rest
@@ -763,7 +763,7 @@ function Textarea({ variant = "bordered", textareaSize = "md", className, ...res
763
763
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
764
764
  className: cn([
765
765
  "textarea",
766
- `textarea-${variant}`,
766
+ variant !== "bordered" && `textarea-${variant}`,
767
767
  textareaSize !== "md" && `textarea-${textareaSize}`
768
768
  ], className),
769
769
  ...rest
@@ -879,7 +879,7 @@ function SelectTrigger({ variant = "bordered", triggerSize = "md", className, ..
879
879
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_select.Select.Trigger, {
880
880
  className: cn([
881
881
  "select",
882
- `select-${variant}`,
882
+ variant !== "bordered" && `select-${variant}`,
883
883
  triggerSize !== "md" && `select-${triggerSize}`
884
884
  ], className),
885
885
  ...rest
@@ -975,6 +975,24 @@ var Select = Object.assign(SelectRoot, {
975
975
  GroupLabel: SelectGroupLabel
976
976
  });
977
977
  //#endregion
978
+ //#region src/Container.tsx
979
+ /**
980
+ * Page content region: a centered, max-width column that also owns the
981
+ * vertical gap between stacked sections. Place inside `<AppShell.Main>`,
982
+ * which provides no padding of its own. Distinct from the `.Container`
983
+ * escape hatch (e.g. `Card.Container`) — this is a standalone page region.
984
+ */
985
+ function Container({ size = "md", compact, className, ...rest }) {
986
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
987
+ className: cn([
988
+ "container",
989
+ size !== "md" && `container-${size}`,
990
+ compact && "container-compact"
991
+ ], className),
992
+ ...rest
993
+ });
994
+ }
995
+ //#endregion
978
996
  //#region src/Card.tsx
979
997
  /**
980
998
  * The bare `.card` container — no body, no title. Use this when you need to
@@ -1469,7 +1487,7 @@ function TabsRoot({ variant = "bordered", size = "md", fullWidth = false, classN
1469
1487
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Root, {
1470
1488
  className: cn([
1471
1489
  "tabs",
1472
- `tabs-${variant}`,
1490
+ variant !== "bordered" && `tabs-${variant}`,
1473
1491
  size !== "md" && `tabs-${size}`,
1474
1492
  fullWidth && "tabs-full-width"
1475
1493
  ], className),
@@ -1919,6 +1937,7 @@ exports.ButtonGroup = ButtonGroup;
1919
1937
  exports.Card = Card;
1920
1938
  exports.Checkbox = Checkbox;
1921
1939
  exports.CodeBlock = CodeBlock;
1940
+ exports.Container = Container;
1922
1941
  exports.Dialog = Dialog;
1923
1942
  exports.Field = Field;
1924
1943
  exports.FileInput = FileInput;