@akbarsafari00/ods-react 0.1.0 → 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.
Files changed (78) hide show
  1. package/README.md +36 -0
  2. package/dist/components/alert-dialog.js +2 -2
  3. package/dist/components/alert-dialog.js.map +1 -1
  4. package/dist/components/alert.js +1 -1
  5. package/dist/components/alert.js.map +1 -1
  6. package/dist/components/app-bar.d.ts +9 -0
  7. package/dist/components/app-bar.d.ts.map +1 -0
  8. package/dist/components/app-bar.js +22 -0
  9. package/dist/components/app-bar.js.map +1 -0
  10. package/dist/components/badge.js +1 -1
  11. package/dist/components/badge.js.map +1 -1
  12. package/dist/components/button-group.js +1 -1
  13. package/dist/components/button-group.js.map +1 -1
  14. package/dist/components/button.js +1 -1
  15. package/dist/components/button.js.map +1 -1
  16. package/dist/components/card.js +1 -1
  17. package/dist/components/card.js.map +1 -1
  18. package/dist/components/checkbox.js +1 -1
  19. package/dist/components/checkbox.js.map +1 -1
  20. package/dist/components/collapsible.js +1 -1
  21. package/dist/components/collapsible.js.map +1 -1
  22. package/dist/components/combobox.js +1 -1
  23. package/dist/components/combobox.js.map +1 -1
  24. package/dist/components/context-menu.js +1 -1
  25. package/dist/components/context-menu.js.map +1 -1
  26. package/dist/components/data-table.js +5 -5
  27. package/dist/components/data-table.js.map +1 -1
  28. package/dist/components/dialog.js +1 -1
  29. package/dist/components/dialog.js.map +1 -1
  30. package/dist/components/drawer.js +1 -1
  31. package/dist/components/drawer.js.map +1 -1
  32. package/dist/components/field.d.ts +1 -1
  33. package/dist/components/field.d.ts.map +1 -1
  34. package/dist/components/field.js +3 -3
  35. package/dist/components/field.js.map +1 -1
  36. package/dist/components/icon-button.js +1 -1
  37. package/dist/components/icon-button.js.map +1 -1
  38. package/dist/components/input-group.d.ts +1 -1
  39. package/dist/components/input-group.d.ts.map +1 -1
  40. package/dist/components/input-group.js +3 -3
  41. package/dist/components/input-group.js.map +1 -1
  42. package/dist/components/input.js +1 -1
  43. package/dist/components/input.js.map +1 -1
  44. package/dist/components/label.js +1 -1
  45. package/dist/components/label.js.map +1 -1
  46. package/dist/components/menubar.js +1 -1
  47. package/dist/components/menubar.js.map +1 -1
  48. package/dist/components/pagination.js +1 -1
  49. package/dist/components/pagination.js.map +1 -1
  50. package/dist/components/progress.js +1 -1
  51. package/dist/components/progress.js.map +1 -1
  52. package/dist/components/radio-group.js +1 -1
  53. package/dist/components/radio-group.js.map +1 -1
  54. package/dist/components/select.js +1 -1
  55. package/dist/components/select.js.map +1 -1
  56. package/dist/components/separator.js +1 -1
  57. package/dist/components/separator.js.map +1 -1
  58. package/dist/components/sidebar.d.ts +91 -0
  59. package/dist/components/sidebar.d.ts.map +1 -0
  60. package/dist/components/sidebar.js +218 -0
  61. package/dist/components/sidebar.js.map +1 -0
  62. package/dist/components/skeleton.js +1 -1
  63. package/dist/components/skeleton.js.map +1 -1
  64. package/dist/components/switch.js +1 -1
  65. package/dist/components/switch.js.map +1 -1
  66. package/dist/components/table.js +1 -1
  67. package/dist/components/table.js.map +1 -1
  68. package/dist/components/tabs.js +1 -1
  69. package/dist/components/tabs.js.map +1 -1
  70. package/dist/components/textarea.js +1 -1
  71. package/dist/components/textarea.js.map +1 -1
  72. package/dist/index.d.ts +2 -0
  73. package/dist/index.d.ts.map +1 -1
  74. package/dist/index.js +2 -0
  75. package/dist/index.js.map +1 -1
  76. package/dist/styles/globals.css +87 -3
  77. package/dist/styles/themes/ods-default.css +4 -0
  78. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Switch as SwitchPrimitive } from "radix-ui";
3
- import { cn } from "@akbarsafari00/ods-react/lib/utils";
3
+ import { cn } from "../lib/utils";
4
4
  function Switch({ className, size = "default", ...props }) {
5
5
  return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", "data-size": size, className: cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none group-has-[:focus-visible]/field-label:border-transparent group-has-[:focus-visible]/field-label:ring-0 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:data-[state=unchecked]:bg-input/80", className), ...props, children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-[state=checked]:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-[state=unchecked]:translate-x-0 group-data-[size=sm]/switch:data-[state=unchecked]:translate-x-0 rtl:group-data-[size=default]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=sm]/switch:data-[state=checked]:-translate-x-[calc(100%-2px)] rtl:group-data-[size=default]/switch:data-[state=unchecked]:-translate-x-0 rtl:group-data-[size=sm]/switch:data-[state=unchecked]:-translate-x-0 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground" }) }));
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAEvD,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,yxBAAyxB,EACzxB,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,21BAA21B,GACr2B,GACmB,CACxB,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,yxBAAyxB,EACzxB,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAC,21BAA21B,GACr2B,GACmB,CACxB,CAAA;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { cn } from "@akbarsafari00/ods-react/lib/utils";
2
+ import { cn } from "../lib/utils";
3
3
  function TableFrame({ className, density = "comfortable", ...props }) {
4
4
  return (_jsx("div", { "data-slot": "table-frame", "data-density": density, className: cn("relative max-w-full overflow-auto rounded-[var(--ods-radius-surface)] border bg-surface", className), ...props }));
5
5
  }
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAMvD,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,2BACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACnE,OAAO,CACL,6BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,+BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACvE,OAAO,6BAAiB,YAAY,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACL,0BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,KAAK,EACb,GAAG,KAAK,EACO;IACf,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,6NAA6N,EAC7N,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAAkB;IACzE,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,8LAA8L,EAC9L,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA"}
1
+ {"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAMjC,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,aAAa,EACvB,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,2BACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACnE,OAAO,CACL,6BACY,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACwB;IAChC,OAAO,CACL,+BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,KACnC,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACvE,OAAO,6BAAiB,YAAY,EAAC,SAAS,EAAE,SAAS,KAAM,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiC;IACzE,OAAO,CACL,6BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACnE,OAAO,CACL,0BACY,WAAW,EACrB,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,KAAK,EACb,GAAG,KAAK,EACO;IACf,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,6NAA6N,EAC7N,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAMD,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,EAAkB;IACzE,OAAO,CACL,0BACY,YAAY,gBACV,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,8LAA8L,EAC9L,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA"}
@@ -2,7 +2,7 @@
2
2
  import { jsx as _jsx } from "react/jsx-runtime";
3
3
  import * as React from "react";
4
4
  import { Tabs as TabsPrimitive } from "radix-ui";
5
- import { cn } from "@akbarsafari00/ods-react/lib/utils";
5
+ import { cn } from "../lib/utils";
6
6
  function getDocumentDirection() {
7
7
  if (typeof document === "undefined")
8
8
  return "ltr";
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { cn } from "@akbarsafari00/ods-react/lib/utils";
2
+ import { cn } from "../lib/utils";
3
3
  function Textarea({ className, ...props }) {
4
4
  return (_jsx("textarea", { "data-slot": "textarea", className: cn("flex field-sizing-content min-h-20 w-full rounded-[4px] border border-input bg-background px-4 py-2 text-sm leading-5 text-foreground transition-colors outline-none placeholder:text-muted-foreground read-only:bg-muted/40 read-only:text-foreground hover:border-foreground/30 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:border-border disabled:bg-muted disabled:text-muted-foreground in-data-[density=compact]:min-h-16 in-data-[density=compact]:px-3 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/30", className), ...props }));
5
5
  }
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,oCAAoC,CAAA;AAEvD,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IACzE,OAAO,CACL,gCACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,mqBAAmqB,EACnqB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/components/textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoC;IACzE,OAAO,CACL,gCACY,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,mqBAAmqB,EACnqB,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
package/dist/index.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from "./components/alert-dialog.js";
2
2
  export * from "./components/alert.js";
3
+ export * from "./components/app-bar.js";
3
4
  export * from "./components/badge.js";
4
5
  export * from "./components/button-group.js";
5
6
  export * from "./components/button.js";
@@ -22,6 +23,7 @@ export * from "./components/progress.js";
22
23
  export * from "./components/radio-group.js";
23
24
  export * from "./components/select.js";
24
25
  export * from "./components/separator.js";
26
+ export * from "./components/sidebar.js";
25
27
  export * from "./components/skeleton.js";
26
28
  export * from "./components/switch.js";
27
29
  export * from "./components/table.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
package/dist/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  export * from "./components/alert-dialog.js";
2
2
  export * from "./components/alert.js";
3
+ export * from "./components/app-bar.js";
3
4
  export * from "./components/badge.js";
4
5
  export * from "./components/button-group.js";
5
6
  export * from "./components/button.js";
@@ -22,6 +23,7 @@ export * from "./components/progress.js";
22
23
  export * from "./components/radio-group.js";
23
24
  export * from "./components/select.js";
24
25
  export * from "./components/separator.js";
26
+ export * from "./components/sidebar.js";
25
27
  export * from "./components/skeleton.js";
26
28
  export * from "./components/switch.js";
27
29
  export * from "./components/table.js";
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA"}
@@ -6,7 +6,7 @@
6
6
  @custom-variant dark (&:is(.dark *));
7
7
  @source "../../../apps/**/*.{ts,tsx}";
8
8
  @source "../../../components/**/*.{ts,tsx}";
9
- @source "../**/*.{ts,tsx}";
9
+ @source "../**/*.{js,jsx,ts,tsx}";
10
10
 
11
11
  @theme inline {
12
12
  --font-heading: var(--font-sans);
@@ -76,7 +76,8 @@
76
76
 
77
77
  [data-slot="dialog-overlay"][data-state="open"],
78
78
  [data-slot="alert-dialog-overlay"][data-state="open"],
79
- [data-slot="drawer-overlay"][data-state="open"] {
79
+ [data-slot="drawer-overlay"][data-state="open"],
80
+ [data-slot="sidebar-mobile-overlay"][data-state="open"] {
80
81
  animation-name: ods-overlay-in;
81
82
  animation-duration: var(--ods-motion-duration-enter);
82
83
  animation-timing-function: var(--ods-motion-easing-enter);
@@ -85,7 +86,8 @@
85
86
 
86
87
  [data-slot="dialog-overlay"][data-state="closed"],
87
88
  [data-slot="alert-dialog-overlay"][data-state="closed"],
88
- [data-slot="drawer-overlay"][data-state="closed"] {
89
+ [data-slot="drawer-overlay"][data-state="closed"],
90
+ [data-slot="sidebar-mobile-overlay"][data-state="closed"] {
89
91
  animation-name: ods-overlay-out;
90
92
  animation-duration: var(--ods-motion-duration-exit);
91
93
  animation-timing-function: var(--ods-motion-easing-exit);
@@ -265,6 +267,70 @@
265
267
  animation-fill-mode: both;
266
268
  }
267
269
 
270
+ [data-slot="sidebar-mobile-content"] {
271
+ --ods-sidebar-motion-offset: 100%;
272
+ block-size: auto;
273
+ inset-block-end: 0;
274
+ will-change: transform;
275
+ }
276
+
277
+ [data-slot="sidebar-mobile-overlay"] {
278
+ inset-inline: 0;
279
+ inset-block-end: 0;
280
+ }
281
+
282
+ [data-slot="sidebar-mobile-overlay"][data-mobile-inset="viewport"],
283
+ [data-slot="sidebar-mobile-content"][data-mobile-inset="viewport"] {
284
+ inset-block-start: 0;
285
+ }
286
+
287
+ [data-slot="sidebar-mobile-overlay"][data-mobile-inset="app-bar"],
288
+ [data-slot="sidebar-mobile-content"][data-mobile-inset="app-bar"] {
289
+ inset-block-start: var(--ods-app-bar-block-size);
290
+ }
291
+
292
+ [data-slot="sidebar-mobile-content"][data-side="start"] {
293
+ --ods-sidebar-motion-offset: -100%;
294
+ }
295
+
296
+ :dir(rtl)[data-slot="sidebar-mobile-content"][data-side="end"] {
297
+ --ods-sidebar-motion-offset: -100%;
298
+ }
299
+
300
+ :dir(rtl)[data-slot="sidebar-mobile-content"][data-side="start"] {
301
+ --ods-sidebar-motion-offset: 100%;
302
+ }
303
+
304
+ [data-slot="sidebar-mobile-content"][data-state="open"] {
305
+ animation-name: ods-sidebar-in;
306
+ animation-duration: var(--ods-motion-duration-panel-enter);
307
+ animation-timing-function: var(--ods-motion-easing-enter);
308
+ animation-fill-mode: both;
309
+ }
310
+
311
+ [data-slot="sidebar-mobile-content"][data-state="closed"] {
312
+ animation-name: ods-sidebar-out;
313
+ animation-duration: var(--ods-motion-duration-panel-exit);
314
+ animation-timing-function: var(--ods-motion-easing-exit);
315
+ animation-fill-mode: both;
316
+ }
317
+
318
+ [data-slot="sidebar-menu-item"]:has(> [data-slot="sidebar-menu-action"])
319
+ > [data-slot="sidebar-menu-button"] {
320
+ padding-inline-end: 3.25rem;
321
+ }
322
+
323
+ [data-slot="sidebar-menu-item"]:has(> [data-slot="sidebar-menu-badge"])
324
+ > [data-slot="sidebar-menu-button"] {
325
+ padding-inline-end: 2.75rem;
326
+ }
327
+
328
+ [data-slot="app-bar"],
329
+ [data-slot="sidebar-header"] {
330
+ block-size: var(--ods-app-bar-block-size);
331
+ min-block-size: var(--ods-app-bar-block-size);
332
+ }
333
+
268
334
  [data-slot="collapsible-content"] {
269
335
  will-change: height, opacity;
270
336
  }
@@ -566,6 +632,24 @@
566
632
  }
567
633
  }
568
634
 
635
+ @keyframes ods-sidebar-in {
636
+ from {
637
+ transform: translateX(var(--ods-sidebar-motion-offset));
638
+ }
639
+ to {
640
+ transform: translateX(0);
641
+ }
642
+ }
643
+
644
+ @keyframes ods-sidebar-out {
645
+ from {
646
+ transform: translateX(0);
647
+ }
648
+ to {
649
+ transform: translateX(var(--ods-sidebar-motion-offset));
650
+ }
651
+ }
652
+
569
653
  @keyframes ods-collapsible-expand {
570
654
  from {
571
655
  height: 0;
@@ -8,6 +8,10 @@
8
8
  :root {
9
9
  --ods-radius-control: 4px;
10
10
  --ods-radius-surface: 6px;
11
+ --ods-app-bar-block-size: 4rem;
12
+ --ods-sidebar-width: 16rem;
13
+ --ods-sidebar-width-icon: 4rem;
14
+ --ods-sidebar-width-mobile: min(20rem, calc(100vw - 1rem));
11
15
  --ods-layer-base: 0;
12
16
  --ods-layer-sticky: 100;
13
17
  --ods-layer-floating: 200;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@akbarsafari00/ods-react",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "description": "ODS-owned React components, semantic styles, and accessible interaction patterns.",
5
5
  "type": "module",
6
6
  "private": false,